@charset "UTF-8";
@font-face {font-family: "YuGothic M";src: local(Yu Gothic Medium)}

/* breadcrumb_v3 */
#breadcrumb_v3{display:none;}

/* font-size */
.mainContents{
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:1.4;
	color:#262626;
}
/* a */
.mainContents a{
	color:#000;
}
.mainContents a:hover img{
	opacity: .5;
}
/* figure */
.mainContents figure{
	margin-top: 1em;
}

.mainContents .underline{
	text-decoration: underline;
}
.mainContents section{
	margin:0 auto 4em;
	min-width: 960px;
	max-width: 1200px;
}
.mainContents section.bgWide{
	margin:0 auto 4em;
}
.mainContents section section{
	margin:0;
}
/* list */
.mainContents li{
	list-style-type:none;
}
.mainContents .mainContentsIn{
	max-width:1200px;
	min-width:960px;
	margin:0 auto 15px;
	/*display:table;*/
	width:100%;
}
/* title */
.mainContents .title {
	position: relative;
	z-index: 19999;
}
.mainContents .title .categoryIcon{
	padding:0 20px;
	margin-bottom:0;
}
.mainContents .title h1{
	position: relative;
	display:block;
	padding:15px 20px;
	margin:0;
	border-bottom:2px solid #0099ff;
	margin-bottom:1px;
	font-size:22px;
	font-weight:bold;
}

/** localnav **/
.mainContents .title .localnav::before{
	content:"\30e1\30cb\30e5\30fc";
	display:block;
	position:absolute;
	width: 105px;
	height: 26px;
	background-color: #0099ff;
	right:20px;
	top:50%;
	margin-top:-13px;
	border-radius:10px;
	color:#fff;
	font-size:14px;
	text-align: center;
	line-height: 26px;
	font-weight: normal;
	padding-right: 10px;
	cursor: pointer;
}
.mainContents .title .localnav::after{
	content:"";
	display:block;
	position:absolute;
	right:34px;
	top:57%;
	width:.3em;
	height:.3em;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	cursor: pointer;
	margin-top:-.4em;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.mainContents .title .localnav.open::after{
	margin-top:-.2em;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.mainContents .title .localnavMenu{
	display:none;
	position: absolute;
	right:0;
	top:55px;
	margin: 0;
	width: 300px;
	border:1px solid #e0dfdf;
	background-color: #fff;
	z-index: 1;
	cursor:pointer;
}
.mainContents .title .localnavMenu:before {
	content: "";
	position: absolute;
	top: -8px; left: 75%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #fff transparent;
	z-index: 0;
}
.mainContents .title .localnavMenu:after {
	content: "";
	position: absolute;
	top: -10px; left: 75%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #e0dfdf transparent;
	z-index: -1;
}
.mainContents .title .localnavMenu > ul{
	margin: 10px 20px;
}
.mainContents .title .localnavMenu a,
.mainContents .title .localnavMenu span{
	display: block;
	position: relative;
}
.mainContents .title .localnavMenu ul > li a::after{
	content:"";
	display:block;
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-.15em;
	width:.5em;
	height:.5em;
	border-top:1px solid #0099ff;
	border-right:1px solid #0099ff;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.mainContents .title .localnavMenu > ul > li{
	font-size: 16px;
	font-weight: bold;
}
.mainContents .title .localnavMenu > ul > li > ul > li{
	font-size: 14px;
	font-weight: normal;
}
.mainContents .title .localnavMenu > ul > li + li{
	border-top: 1px solid #d9d9d9;
}
.mainContents .title .localnavMenu ul > li > a,
.mainContents .title .localnavMenu ul > li > span{
	padding: 20px 0 15px 0;
}
.mainContents .title .localnavMenu ul > li > span{
	color: #999999;
}
.mainContents .title .localnavMenu ul > li > ul > li > a,
.mainContents .title .localnavMenu ul > li > ul > li > span{
	padding: 10px 0;
}
.mainContents .title .localnavMenu ul > li > ul {
	margin-bottom: 15px;
	margin-left: 15px;
}


/* loginArea */
.mainContents .loginArea{
	display:table;
	background-image:url(/static_r1/pc_tpl/images/loginarea_bg.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	position:relative;
	overflow:hidden;
	width:100%;
	color:#fff;
	table-layout:fixed;
}
.mainContents .loginArea a{
	color:#fff;
}
.mainContents .loginArea .colL{
	display:table-cell;
	padding:30px 0 30px 30px;
	vertical-align:top;
}
.mainContents .loginArea .colR{
	display:table-cell;
	width:330px;
	padding:30px 30px 30px 20px;
	vertical-align:top;
}
.mainContents .loginArea dt{
	font-weight:bold;
}
.mainContents .loginArea .frmTxt{
	background-color:#d6ebf4;
	border:none;
	padding:10px;
	margin:10px 0;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .loginArea dd + dt{
	margin-top:1.5em;
}
.mainContents .loginArea .loginCheck{
	position:relative;
}
.mainContents .loginArea p{
	margin-top:0;
	line-height:1.4;
}
.mainContents .loginArea .loginCheck .autoLogin{
	position:absolute;
	left:6px;
	top:19%;
	opacity:0;
}
.mainContents .loginArea .loginCheck input[type="checkbox"] + label {
	display:block;
	background-image:url(/static_r1/pc_tpl/images/bg_checkbox_off.png);
	background-size:26px;
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 40px;
}
.mainContents .loginArea .loginCheck input[type="checkbox"]:checked + label {
	background-image:url(/static_r1/pc_tpl/images/bg_checkbox_on.png);
}
.mainContents .loginArea .loginCheck p + p{
	position:absolute;
	right:0;
	top:0;
}
/** ablank **/
.mainContents .loginArea .ablank{
	position:relative;
}
.mainContents .loginArea .ablank:hover{
	text-decoration:underline;
}
.mainContents .loginArea .ablank::after{
	display:inline-block;
	content:"";
	width:10px;
	height:9px;
	background-image:url(/static_r1/pc_tpl/images/arrow_ablank.png);
	background-size:10px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-left:5px;
	vertical-align:middle;
}
/** internal **/
.mainContents .internal{
	padding-right: 16px;
}
.mainContents .internal::after{
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	vertical-align: text-top;
	border-top:2px solid #0099ff;
	border-right:2px solid #0099ff;
	-ms-transform:rotate(45deg) translate(8px,-2px);
	-webkit-transform:rotate(45deg) translate(8px,-2px);
	transform:rotate(45deg) translate(8px,-2px);
}
.mainContents .loginArea .internal::after{
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	border-top:2px solid #0099ff;
	border-right:2px solid #0099ff;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/** external **/
.mainContents .external{
	padding-right: 16px;
}
.mainContents .external::after{
	display:inline-block;
	content:"";
	width:10px;
	height:9px;
	background:url(/static_r1/common_r1/images/icon_external.png) no-repeat right center;
	-ms-transform:translate(7px,-2px);
	-webkit-transform:translate(7px,-2px);
	transform:translate(7px,-2px);
}
/** pdf **/
.mainContents .pdf{
	padding-right: 16px;
}
.mainContents .pdf::after{
	display:inline-block;
	content:"";
	width:11px;
	height:13px;
	background:url(/static_r1/common_r1/images/icon_pdf.png) no-repeat right center;
	-ms-transform:translate(7px,0px);
	-webkit-transform:translate(7px,0px);
	transform:translate(7px,0px);
}
/** anchor **/
.mainContents .anchor{
	padding-right: 16px;
}
.mainContents .anchor::after{
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	border-top:2px solid #0099ff;
	border-right:2px solid #0099ff;
	-ms-transform:rotate(135deg) translate(-7px,-3px);
	-webkit-transform:rotate(135deg) translate(-7px,-3px);
	transform:rotate(135deg) translate(-7px,-3px);
}

/** formBtn **/
.mainContents .loginArea .formBtn{
	margin:2.5em 0 2em;
	text-align:center;
}
/** searchBox **/
.mainContents .searchBox input[type="text"]{
	-webkit-appearance: none;
	padding: 5px 7px;
	border: 2px solid #efefef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .searchBox input[type="submit"]{
	-webkit-appearance: none;
	border:none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	padding: 5px 20px;
	text-align: center;
	color: #fff;
	background-color: #0099ff;
	border-radius: 33px;
	font-weight: bold;
}
.mainContents .searchBox input[type="submit"]:hover{
	cursor: pointer;
	opacity: .5;
}

/** btnImage **/
.mainContents .loginArea .btnImage{
	display:block;
	width:50%;
	margin:0 auto;
	padding:15px;
	text-align:center;
	color:#fff;
	background-color:#0099ff;
	border-radius:25px;
	font-weight:bold;
	font-size:16px;
}
.mainContents .loginArea .btnImage:hover{
	background-color:#66c2ff
}
/** otherLink **/
.mainContents .loginArea .otherLink{
	border-top:1px solid #fff;
	margin-top:20px;
	padding-top:25px;
}
.mainContents .loginArea .otherLink ul{
	margin-top:0;
	display:table;
	width:100%;
}
.mainContents .loginArea .otherLink li{
	display:table-cell;
	text-align:center;
}
/** caution **/
.mainContents .loginArea .caution{
	background-color:#fff2f2;
	color:#fe295f;
	padding:25px 20px;
}
.mainContents .loginArea .caution dl{
	margin:0;
	line-height:1.4;
}
.mainContents .loginArea .caution dt{
	font-weight:bold;
	font-size:17px;
	line-height:25px;
}
.mainContents .loginArea .caution dt::before{
	display:inline-block;
	content:"";
	width:25px;
	height:25px;
	background-image:url(/static_r1/pc_tpl/images/icon_caution.png);
	background-size:25px;
	background-position:left center;
	background-repeat:no-repeat;
	vertical-align:top;
	padding-left:10px;
	margin-top: -1px;
}
.mainContents .loginArea .caution dd{
	margin-top:20px;
}
/** info **/
.mainContents .loginArea .caution + .info{
	margin-top:1em;
}
.mainContents .loginArea .info{
	background-color:#fff;
	color:#000;
	padding:25px 20px;
}
.mainContents .loginArea .info dl{
	margin:0;
	line-height:1.4;
}
.mainContents .loginArea .info dt{
	font-size:22px;
	text-align:center;
	font-weight:bold;
}
.mainContents .loginArea .info dd{
	margin-top:20px;
	text-align:center;
}
.mainContents .loginArea .info .btnImage{
	width:90%;
	background-color:#fe295f;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .loginArea .info .btnImage:hover{
	background-color:#fe7f9f;
	text-decoration: none;
}
.mainContents .loginArea .info .btnImage:hover span{
	text-decoration: none;
}
.mainContents .loginArea .info .btnImage .ablank::after{
	display: inline-block;
	content: "";
	width: 10px;
	height: 9px;
	background-image: url(/static_r1/pc_tpl/images/arrow_ablank.png);
	background-size: 10px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 5px;
	vertical-align: middle;
}
/* descBox */
.mainContents .descHead{
	margin:2em 30px 0;
	position:relative;
	text-align:center;
	color:#fff;
	background-color:#0099ff;
	padding:20px;
	font-weight:bold;
	border-right:1px solid #0099ff;
}
.mainContents .descHead::after{
	position:absolute;
	display:inline-block;
	content:"";
	width:33px;
	height:12px;
	background-image:url(/static_r1/pc_tpl/images/bg_h2.png);
	background-size:33px 12px;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	left:50%;
	right:0;
	margin-left:-16px;
	bottom:-12px;
}
.mainContents .descBox{
	margin:0;
	padding: 0 30px;
	border-top:none;
	display:table;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .descBox .col{
	display:table-cell;
	width:33.3333%;
	border-right:1px solid #0099ff;
	border-bottom:1px solid #0099ff;
	padding:15px 10px;
}
.mainContents .descBox .col:first-child{
	border-left:1px solid #0099ff;
}
.mainContents .descBox .col figcaption{
	margin-top:1em;
	font-size:18px;
	text-align:center;
	line-height:1.4;
}
.mainContents .descBox .col figcaption a{
	color:#0099ff;
	font-weight:bold;
	text-decoration:underline;
}
.mainContents .descBox .col figcaption a:hover{
	opacity:.6;
}
.mainContents .descBox .col img{
	width:281px;
	height: auto;
}

/* h2Tit */
.mainContents .h2Tit{
	margin-top:3em;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}

/* titIcon */
.mainContents .titIcon{
	vertical-align:middle;
}
.mainContents .titIcon .titIconImg{
	vertical-align:middle;
	margin-left:15px;
}

/* balloon */
.mainContents .balloon{
	position: relative;
}
.mainContents .balloon::after{
	position: absolute;
	right: -80px;
	bottom: -10px;
	display: block;
	content: "";
	width:74px;
	height:71px;
	background-image:url(/plan/img/bal_osusume.png);
	background-repeat:no-repeat;
}

/* infoList */
.mainContents .infoList{
	margin:2em 30px 0;
}
.mainContents .infoList li{
	border-bottom:1px dotted #000;
	margin-bottom:20px;
	padding-bottom:20px;
}
.mainContents .infoList li:first-child{
	border-top:1px dotted #000;
	margin-top:20px;
	padding-top:20px;
}
.mainContents .infoList dl{
	display:table;
	width:100%;
	margin:0;
}
.mainContents .infoList dt{
	display:table-cell;
	width:100px;
}
.mainContents .infoList dd{
	display:table-cell;
	line-height:1.7;
}
.mainContents .infoList a{
	display:block;
	font-size:14px;
	margin-left:20px;
}
.mainContents .infoList a:hover{
	text-decoration:underline;
}

/* icon */
.mainContents .categoryIcon .icon,
.mainContents .infoList .icon{
	font-size:12px;
	background-color:#0099ff;
	color:#fff;
	text-align:center;
	border-radius:4px;
	line-height:1;
}
.mainContents .categoryIcon .icon{
	display:inline-block;
	padding:5px 12px;
}
.mainContents .infoList .icon{
	display:block;
	padding:5px;
}
.mainContents .categoryIcon .icon.redIcon,
.mainContents .infoList .icon.redIcon{
	background-color:#e60012;
}
.mainContents .categoryIcon .icon.pinkIcon,
.mainContents .infoList .icon.pinkIcon{
	background-color:#fe295f;
}
.mainContents .categoryIcon .icon.orengeIcon,
.mainContents .infoList .icon.orengeIcon{
	background-color:#fb9d21;
}
.mainContents .categoryIcon .icon.greenIcon,
.mainContents .infoList .icon.greenIcon{
	background-color:#35be65;
}
.mainContents .categoryIcon .icon.purpleIcon,
.mainContents .infoList .icon.purpleIcon{
	background-color:#9584d0;
}
.mainContents .categoryIcon .icon.grayIcon,
.mainContents .infoList .icon.grayIcon{
	background-color:#b3b3b3;
}
.mainContents .categoryIcon .icon.yellowIcon,
.mainContents .infoList .icon.yellowIcon{
	background-color:#f7cc2c;
}
.mainContents .categoryIcon .icon.pinkType_01,
.mainContents .infoList .icon.pinkType_01{
    background-color: #fff;
    border: 2px solid #0099ff;
    color: #0099ff;
}


/* .mainVisual */
.mainContents .mainVisual{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	overflow:hidden;
}
.mainContents .mainVisual.guide{
	background-image:url(/guide/img/cate/main_bg.png);
}
.mainContents .mainVisual.plan{
	background-image:url(/plan/img/main_bg.png);
}
.mainContents .mainVisual h2{
	color:#fff;
	font-size:24px;
	text-align:center;
	margin:2em auto;
	font-weight:bold;
}
.mainContents .mainVisual.plan h2{
	color:#000;
	margin:2em auto 1em;
}
.mainContents .mainVisual.plan figure{
	margin: 3em 0 1em;
	position: relative;
}
.mainContents .mainVisual.plan figure .btnRed{
	position: absolute;
	left:47.5%;
	top:224px;
	max-width: 167px;
}
.mainContents .mainVisual.plan figure .btnRed span{
	width: 100px;
	padding: 5px;
	height: 23px;
}
.mainContents .mainVisual.plan .note{
	margin: 3em 0;
}
.mainContents .mainVisual .column{
	display:table;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-collapse:separate;
	border-spacing:10px 0;
	padding:0 20px;
}
.mainContents .mainVisual .col{
	position:relative;
	display:table-cell;
	width:48%;
	background-color:#fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.09);
	-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.09);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.09);
}
.mainContents .mainVisual .col figure{
	margin:0;
	position: relative;
}
.mainContents .mainVisual .col figure figcaption{
	position: absolute;
	left:0;
	right:0;
	top:12px;
	text-align: center;
	font-size: 15px;
}
.mainContents .mainVisual .col figure figcaption .sName{
	color:#0099ff;
	font-size: 26px;
	font-weight: bold;
	display: block;
	margin-top: 8px;
}
.mainContents .mainVisual .col figure img{
	width: 100%;
	max-width: 445px;
	height: auto;
}
.mainContents .mainVisual .btnImage {
	display:table;
	width:100%;
	max-width:445px;
	margin:auto auto 20px auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-collapse:separate;
	border-spacing:1em 0;
	font-size: 15px;
}
.mainContents .mainVisual .btnImage a {
	display:table-cell;
	width:45%;
	vertical-align:middle;
	height:2.5em;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#fe295f;
	border-radius:33px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.mainContents .mainVisual .btnImage a:hover {
	opacity: .5;
}
.mainContents .mainVisual .btnImage a span {
	display:inline-block;
	position:relative;
}
.mainContents .mainVisual .btnImage a span img.guidePlanAddImg{
	position:absolute;
	top:-54px;
}
.mainContents .mainVisual .link {
	color:#fff;
	text-align: center;
	margin: 2em 0;
}
.mainContents .mainVisual .link a{
	color:#fff;
	position: relative;
	padding-right: 10px;
	text-decoration:none;
}
.mainContents .mainVisual .link a:hover{
	text-decoration:underline;
}

/** internal **/
.mainContents .mainVisual .internal::after{
	position: absolute;
	right:0;
	top:50%;
	margin-top: -.25em;
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/* linkBox */
.mainContents .linkBox{
	margin-top: 2em;
	display: table;
	border-collapse: separate;
	border-spacing: 10px 0;
	width: 100%;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
}
.mainContents .linkBox .col{
	display: table-cell;
	width: 48%;
	background-color: #0099ff;
}
.mainContents .linkBox .col:hover{
	opacity:.5;
}
.mainContents .linkBox .col a{
	display: block;
	text-align: center;
	color:#fff;
	padding: 20px;
	text-decoration:none;
}
.mainContents .linkBox .col a span{
	position: relative;
	padding-right: 20px;
}
.mainContents .linkBox .col .anchor span::after{
	position: absolute;
	right:0;
	top:50%;
	margin-top: -.55em;
	display:inline-block;
	content:"";
	width:.7em;
	height:.7em;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
/* column3 */
.mainContents .column3{
	margin: 2em 0 0 0;
	padding: 0 0 0 30px;
	width: 100%;
	max-width: 1200px;
	min-width: 960px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .column3 .col{
	float:left;
	width:33.3%;
	padding-right: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mainContents .column3 .col figure{
	margin: 0;
}
.mainContents .column3 .col figcaption{
	font-size:16px;
	margin-top: 2em;
	line-height: 2;
}
.mainContents .column3 .col figcaption span{
	color:#0099ff;
}
.mainContents .column3 .col:first-child{
	margin-left: 0;
}
/** .clearfix **/
.mainContents .column3::before,
.mainContents .column3::after{
	content:" ";
	display:table;
}
.mainContents .column3::after{
	clear:both;
}
.mainContents .column3{
	*zoom:1;
}

/* column2 */
.mainContents .column2{
	margin: 2em 0 0 0;
	padding: 0 0 0 30px;
	width: 100%;
	max-width: 1200px;
	min-width: 960px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .column2 .col{
	float:left;
	width:50%;
	padding-right: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mainContents .column2 .col figure{
	margin: 0;
}
.mainContents .column2 .col figcaption{
	font-size:16px;
	margin-top: 2em;
	line-height: 2;
}
.mainContents .column2 .col figcaption span{
	color:#0099ff;
}
.mainContents .column2 .col:first-child{
	margin-left: 0;
}
/** .clearfix **/
.mainContents .column2::before,
.mainContents .column2::after{
	content:" ";
	display:table;
}
.mainContents .column2::after{
	clear:both;
}
.mainContents .column2{
	*zoom:1;
}

/** col > note **/
.mainContents .col ul.note{
	max-width:none;
	min-width:0;
	padding:0;
}

/** plan **/
.mainContents .column3.plan{
	padding-right: 16px;
}
.mainContents .column3.plan .col{
	padding-right: 14px;
	text-align:center;
}
.mainContents .column3.plan .col figure{
	border-bottom:1px dashed #c0c0c0;
	padding:20px 0;
}
.mainContents .column3.plan .col figure.bbNone,
.mainContents .column3.plan .col figure.skp3{
	border-bottom:none;
	padding-bottom: 10px;
}
.mainContents .column3.plan .col figcaption{
	text-align:center;
	font-size:14px;
}
.mainContents .column3.plan .col figcaption span{
	color:#000;
	display:inline-block;
}
.mainContents .column3.plan h3{
	margin:-20px -20px 0  -20px;
	text-align: center;
	color:#fff;
	padding:15px 0 30px;
}
.mainContents .column3.plan .skp h3{
	background-image:url(/plan/img/head_skp.png);
	background-repeat:no-repeat;
	background-position: 50% 0;
}
.mainContents .column3.plan .premium h3{
	background-image:url(/plan/img/head_premium.png);
	background-repeat:no-repeat;
	background-position: 50% 0;
}
.mainContents .column3.plan .hikari h3{
	background-image:url(/plan/img/head_hikari.png);
	background-repeat:no-repeat;
	background-position: 50% 0;
}
.mainContents .column3.plan .premium h3 ,
.mainContents .column3.plan .hikari h3 {
	color:#0099ff;
}
.mainContents .column3.plan .skp figure.skp2{
	height:312px;
}
.mainContents .column3.plan .skp figure.skp2 img{
	padding-top:70px;
}
.mainContents .column3.plan ul{
	text-align:left;
	margin-bottom:3em
}
.mainContents .column3.plan ul > li{
	margin-top:30px;
}
.mainContents .column3.plan h4{
	font-size:18px;
	margin:20px 0 0;
}

/* iconCheck */
.mainContents .column3.plan ul.height{
	margin-bottom: 1em;
	min-height: 100px;
}
.mainContents .iconCheck{
	position:relative;
	padding-left:28px;
	margin:0 10px;
}
.mainContents .iconCheck:after{
	content:'';
	display:inline-block;
	width:19px;
	height:19px;
	background:url(/plan/img/icon_check.png) no-repeat center center;
	position:absolute;
	left:0;
	top:0
}

/* boxBorderTop */
.mainContents .boxBorderTop{
	background-color:#fff;
	border-top: 5px solid #0099ff;
	/*box-shadow*/
	box-shadow:0px 3px 6px 3px #eeeeee;
	-moz-box-shadow:0px 3px 6px 3px #eeeeee;
	-webkit-box-shadow:0px 3px 6px 3px #eeeeee;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .boxShadow{
	background-color:#fff;
	/*box-shadow*/
	box-shadow:0px 3px 6px 3px #eeeeee;
	-moz-box-shadow:0px 3px 6px 3px #eeeeee;
	-webkit-box-shadow:0px 3px 6px 3px #eeeeee;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .boxBorderTop a:hover img{
	opacity: .5;
}
/* note */
.mainContents .note{
	padding-left: 0;
	list-style-type: none;
	font-size:12px;
	margin-top: 2em;
	padding: 0 30px;
	width: 100%;
	max-width: 1200px;
	min-width: 960px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .note > li{
	margin-left: 1.2em;
	text-indent: -1em;
}
.mainContents .note > li::before{
	content: "\0203B";
}
.mainContents .note a:hover{
	color:#262626;
}
.mainContents .planTop .note a{
	color:#fff;
}
/* bgGray */
.mainContents .bgGray{
	padding: 1em 0;
	background-color: #f5f5f5;
	width:100%;
}
.mainContents .bgGray .h3Tit{
	margin-top: 2em;
}
/** plan **/
.mainContents .bgGray.bgGrayPlan{
	margin-bottom:0;
	padding-bottom:3em;
}
/* imgWide100 */
.mainContents .imgWide100 img{
	width: 100%;
	max-width: 960px;
	height: auto;
}
/* btnRed */
.mainContents .btnRed {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
.mainContents .btnRed span {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	height:2em;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#fe295f;
	border-radius:33px;
	font-size: 15px;
	font-weight:bold;
}
.mainContents .btnRed:hover span {
	opacity: .5;
}
.mainContents .btnRed.white span {
	color:#fe295f;
	background-color:#fff;
	border:2px solid #fe295f;
	padding:8px 10px;
}

/* btnBlue */
.mainContents .btnBlue {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
.mainContents .btnBlue.fullWid {
	max-width:none;
}
.mainContents .btnBlue span {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	height:2em;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#0099ff;
	border-radius:33px;
	font-size: 15px;
	font-weight:bold;
}
.mainContents .btnBlue:hover span {
	opacity: .5;
}
.mainContents .btnBlue.white span {
	color:#0099ff;
	background-color:#fff;
	border:2px solid #0099ff;
	padding:8px 10px;
}

/* btnBlueLine */
.mainContents .btnBlueLine {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
.mainContents .btnBlueLine span {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	height:2em;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#0099ff;
	background-color:#fff;
	border:2px solid #0099ff;
	border-radius:33px;
	font-size: 15px;
	font-weight:bold;
}
.mainContents .btnBlueLine:hover span {
	opacity: .5;
}

/* btnGray */
.mainContents .btnGray {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
.mainContents .btnGray span {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	height:2em;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#B3B3B3;
	border-radius:33px;
	font-size: 15px;
	font-weight:bold;
}
.mainContents .btnGray:hover span {
	opacity: .5;
}

/* btn* positoin */
.mainContents .btnRed.right,
.mainContents .btnBlue.right,
.mainContents .btnBlueLine.right,
.mainContents .btnGray.right {
	float:right;
}
.mainContents .btnRed.left,
.mainContents .btnBlue.left,
.mainContents .btnBlueLine.left,
.mainContents .btnGray.left {
	float:left;
}

/* btn* size */
.mainContents .btnRed.mini,
.mainContents .btnBlue.mini,
.mainContents .btnBlueLine.mini,
.mainContents .btnGray.mini {
	width:auto;
}
.mainContents .btnRed.mini span,
.mainContents .btnBlue.mini span,
.mainContents .btnBlueLine.mini span,
.mainContents .btnGray.mini span {
	height:1em;
	padding:4px 15px;
}
.mainContents .btnRed.white.mini span,
.mainContents .btnBlue.white.mini span{
	padding:2px 15px;
}

.mainContents .chGenre{
	background-image:url(/plan/img/ch_bg.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	overflow:hidden;
}
.mainContents .lead{
	text-align: center;
}

/* guideFeeText */
.mainContents figure.guideFeeText{
	position:relative;
}
.mainContents figure.guideFeeText figcaption{
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:64px;
	font-size:18px;
}
.mainContents figure.guideFeeText figcaption a{
	color:#0099ff;
}
.mainContents figure.guideFeeText figcaption a:hover{
	opacity:.5;
}
.mainContents figure.guideFeeText .btnRed{
	position: absolute;
	left:48%;
	top:224px;
	max-width: 167px;
}
.mainContents figure.guideFeeText .btnRed span{
	width: 100px;
	padding: 5px;
	height: 23px;
}

/* carousel */
.mainContents .carousel{
	margin: 3em auto 0;
	padding-left:12px;
	position: relative;
	overflow: hidden;
}
.mainContents .carousel .prev,
.mainContents .carousel .next{
	position: absolute;
	top:50%;
	margin: -20px 0 0 0;
	display: inline-block;
	width:40px;
	height: 40px;
	background-color: #cdcdcd;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
	z-index:1;
}
.mainContents .carousel .prev{
	left:-12px;
}
.mainContents .carousel .next{
	right:0;
}
.mainContents .carousel .prev:hover,
.mainContents .carousel .next:hover{
	opacity: .5;
}
.mainContents .carousel .prev::after ,
.mainContents .carousel .next::after {
	content: "";
	display: block;
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -.35em;
	width: .6em;
	height: .6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.mainContents .carousel .next::after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 16px;
}
.mainContents .carousel .prev.slick-disabled,
.mainContents .carousel .next.lick-disabled{
	opacity:0.2;
}
.mainContents .carousel ul{
}
.mainContents .carousel ul li{
	width:308px;
	vertical-align: top;
	padding-top:12px;
	padding-bottom:12px;
}
.mainContents .carousel ul li .carouselIn{
	position: relative;
	margin:0 12px;
	background-color: #fff;
	/*box-shadow*/
	box-shadow:0px 0px 15px 2px rgba(0,0,0,0.13);
	-moz-box-shadow:0px 0px 15px 2px rgba(0,0,0,0.13);
	-webkit-box-shadow:0px 0px 15px 2px rgba(0,0,0,0.13);
}
.mainContents .carousel ul li .carouselIn a:hover{
	color:#262626;
}
.mainContents .carousel ul li .carouselIn a:hover img{
	opacity: .5;
}
.mainContents .carousel ul li .carouselIn figure{
	margin-bottom:0;
}
.mainContents .carousel .text{
	margin:0 20px 10px;
	font-size: 16px;
	overflow:hidden;
	padding-bottom: 60px;
}
.mainContents .carousel .price{
	position: absolute;
	right:10px;
	bottom:0;
	text-align: right;
	font-weight: bold;
}
.mainContents .carousel .price span{
	font-size: 30px;
}

/* chGenre */
.mainContents .chGenre{
	margin:0;
}
.mainContents .chGenre .h2Tit ,
.mainContents .chGenre .lead {
	color:#fff;
}
.mainContents .chGenre ul{
	letter-spacing: -.4em;
	margin:0 auto 50px;
	width: 924px;
}
.mainContents .chGenre ul li{
	display: inline-block;
	width:110px;
	letter-spacing: normal;
	margin:50px 22px 0;
}
.mainContents .chGenre a:hover img{
	opacity: .5;
}

/* top */
/** noticesArea **/
.mainContents .noticesArea{
	display:none;
	background-color:#fff2f2;
	padding:15px 30px;
}
.mainContents .noticesArea dl{
	display:table;
	width:100%;
	margin:0;
}
.mainContents .noticesArea  dl + dl{
	margin-top:1em;
}
.mainContents .noticesArea dt{
	display:table-cell;
	width:130px;
}
.mainContents .noticesArea dd{
	display:table-cell;
	padding-left:20px;
}
.mainContents .noticesArea .icon{
	display:block;
	font-size:12px;
	background-color:#0099ff;
	padding:5px;
	color:#fff;
	text-align:center;
	border-radius:4px;
	line-height:1;
}
.mainContents .noticesArea .icon.iconImporant,
.mainContents .categoryIcon .icon.redIcon_02,
.mainContents .infoList .icon.redIcon_02{
	background-color:#fe295f;
}
.mainContents .noticesArea a{
	display:block;
	font-size:15px;
	color:#fe295f;
	text-decoration:none;
}
.mainContents .noticesArea a:hover{
	text-decoration:underline;
}
/*** topics ***/
.mainContents .noticesArea.topics{
	background-color:#f0faff;
}
.mainContents .noticesArea.topics .icon.iconImporant{
	background-color:#0099ff;
}
.mainContents .noticesArea.topics a{
	color:#0099ff;
}

/** mainVisualTop **/
 .mainContents .mainVisualTop{
	height:420px;
	background:url(/static_r1/top/img/main_bg.jpg) no-repeat left top;
	background-size: contain;
	position:relative;
}
.mainContents .mainVisualTop .mainVisualTopText{
	width: 340px;
    position: relative;
    margin: 0 0 0 auto;
    padding-right: 74px;
    padding-top: 21.5%;
}

.mainContents .mainVisualTop .link {
    width: 100%;
    max-width: 446px;
    min-width: 300px;
    height: 83px;
    margin: 41px 0 0 auto;
}
.mainContents .mainVisualTop .link a{
    display: block;
    /* text-indent: -9999px; */
    width: 100%;
    max-width: 446px;
    min-width: 300px;
    height: 85px;
}

.mainContents .mainVisualTop ul{
	position: relative;
	bottom: 76px;
    padding: 2px 0 2px 15px;
    width: 100px;
	background: rgba(0,0,0,0.8);
}
@media(max-width: 1200px) {
	.mainContents .mainVisualTop ul{
		position: relative;
		bottom: 87px;
	}
}
@media(max-width: 1050px) {
	.mainContents .mainVisualTop ul{
		position: relative;
		bottom: 94px;
	}
}
@media(max-width: 960px){
	.mainContents .mainVisualTop ul{
		position: relative;
		bottom: 94px;
	}
}

.mainContents .mainVisualTop ul li a {
	color: #ffffff;
}

@media (max-width: 1100px) {
.mainContents .mainVisualTop .link {
    width: 100%;
    max-width: 410px;
    min-width: 288px;
    height: 83px;
    margin: 24px 0 0 auto;
}
.mainContents .mainVisualTop .link a {
    display: block;
    width: 100%;
    max-width: 410px;
    min-width: 300px;
	height: 85px;
}
}

@media (max-width: 1050px) {
.mainContents .mainVisualTop .link {
    width: 100%;
    max-width: 360px;
    min-width: 300px;
    height: 83px;
    margin: 18px 0 0 auto;
}
.mainContents .mainVisualTop .link a {
    display: block;
    /* text-indent: -9999px; */
    width: 100%;
    max-width: 360px;
    min-width: 300px;
    height: 71px;
}

.mainContents .mainVisualTop {
    margin-bottom: 0px;
    height: 362px;
}

.mainContents .mainVisualTop .mainVisualTopText {
    padding-right:20px;
  }
}
.mainContents .mainVisualTop .mainVisualTopText .mainVisualTopBtn{
	width:300px;
	margin: 0 20px;
}
.mainContents .mainVisualTop .mainVisualTopText h2{
	margin: 0 0 35px 0;
}
.mainContents .mainVisualTop .mainVisualTopText a.btnRed{
	max-width:100%;
}

.mainContents .mainVisualTop .mainVisualTopBanner{
    width: 446px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 322px;
}

/** carouselTop **/
.mainContents .carousel.carouselTop{
	margin-top:1em;
	padding-left:0;
}
.mainContents .carousel.carouselTop .prev,
.mainContents .carousel.carouselTop .next{
	background-color:#000;
	top:70px;
	margin-top:0;
}
.mainContents .carousel.carouselTop .prev{
	left:0;
}

.mainContents .carousel.carouselTop ul{
}
.mainContents .carousel.carouselTop ul li{
	width:315px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	white-space: normal;
	margin-left: 15px;
	/*box-shadow*/
	box-shadow:none;
	padding:0;
}
.mainContents .carousel.carouselTop ul li a{
	display:block;
	text-decoration:none;
}
.mainContents .carousel.carouselTop ul li a:hover{
	opacity:.5;
	color:#000;
}
.mainContents .carousel.carouselTop ul li figure{
	margin-top:0;
	margin-bottom:0;
}
.mainContents .carousel.carouselTop ul li figure span.figureImg{
	display:block;
	width:315px;
	height:177px;
	text-align:center;
}
.mainContents .carousel.carouselTop ul li figure span.figureImg.bgBlack{
	background-color:#000;
}
.mainContents #carouselAccess.carousel.carouselTop ul li figure span.figureImg{
	display:table-cell;
	vertical-align:middle;
}
.mainContents .carousel.carouselTop ul li figure span.figureImg img{
	max-height:100%;
	max-width:100%;
	display:inline-block!important;
}
.mainContents .carousel.carouselTop ul li figure figcaption{
	font-size:16px;
	padding:10px 10px 0 10px;
	margin:0;
	line-height:1.4;
}
.mainContents .carousel.carouselTop ul li figure figcaption span{
	display:block;
	word-break: break-all;
}
.mainContents .carousel.carouselTop ul li figure figcaption span.blueText{
	display:block;
	color:#0099ff;
	margin-top:5px;
}

/*** carouselAccess ***/
.mainContents .carousel#carouselAccess .prev,
.mainContents .carousel#carouselAccess .next{
	top:45px;
}
.mainContents .carousel#carouselAccess ul li{
	width:228px;
}
.mainContents .carousel#carouselAccess ul li figure span.figureImg{
	width:228px;
	height:128px;
}

/** planTop **/
.mainContents .planTop{
	height:600px;
	background:url(/static_r1/top/img/plan_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:40px 0 0;
	margin-top:2em;
	color:#fff;
}
.mainContents .planTopBtn {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
.mainContents .planTopBtn span {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	height:2em;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	border:2px solid #fff;
	border-radius:33px;
	font-size: 15px;
	font-weight:bold;
}
.mainContents .planTopBtn:hover span {
	opacity: .5;
}
.mainContents ul.channelList{
	margin-top:50px;
	margin-bottom:50px;
}
.mainContents ul.channelList li{
	margin-right:50px;
	width:110px;
	height:110px;
	background-color:#fff;
	border-radius:15px;
}
.mainContents ul.channelList li img{
	padding:10px;
}

/** guideTop **/
.mainContents .guideTop{
	overflow:hidden;
	margin-top:2em;
}
/** 2カラム **/
.mainContents .guideTop .guideTopCol{
	width:50%;
	height:auto;
	float:left;
	position:relative;
}
.mainContents .guideTop .guideTopCol:before{
	content:"";
	display:block;
	padding-top:88%;
}
.mainContents .guideTop .guideTopCol .guideTopColIn{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:3% 30px;
}
.mainContents .guideTop .guideTopCol.guideTopCol1{
	background:url(/static_r1/top/img/guide01_bg.jpg) no-repeat center center;
	background-size:cover;
}
.mainContents .guideTop .guideTopCol.guideTopCol2{
	background:url(/static_r1/top/img/guide02_bg.jpg) no-repeat center center;
	background-size:cover;
}
.mainContents .guideTop .guideTopCol.guideTopCol3{
	background:url(/static_r1/top/img/guide03_bg.jpg) no-repeat center center;
	background-size:cover;
}
.mainContents .guideTop .guideTopCol.guideTopCol2 ul{
	position:absolute;
	bottom:20px;
	padding:0;
	max-width:none;
	min-width:0;
	width:auto;
}
.mainContents .guideTop .guideTopCol.guideTopCol3 ul{
	position:absolute;
	bottom:20px;
	padding:0;
	max-width:none;
	min-width:0;
	width:auto;
	color: #fff;
}
/** 3カラム **/
.mainContents .guideTop .guideTopCol_col3{
	width:33%;
	height:auto;
	float:left;
	position:relative;
}
.mainContents .guideTop .guideTopCol_col3:before{
	content:"";
	display:block;
	padding-top:133%;
}
.mainContents .guideTop .guideTopCol_col3 .guideTopColIn{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:3% 30px;
}
.mainContents .guideTop .guideTopCol_col3.guideTopCol1{
	background:url(/static_r1/top/img/guide_01_bg.jpg) no-repeat center center;
	background-size:cover;
}
.mainContents .guideTop .guideTopCol_col3.guideTopCol2{
	background:url(/static_r1/top/img/guide_02_bg.jpg) no-repeat center center;
	background-size:cover;
}
.mainContents .guideTop .guideTopCol_col3.guideTopCol3{
	background:url(/static_r1/top/img/guide_03_bg.jpg) no-repeat center center;
	background-size:cover;
}
.mainContents .guideTop .guideTopCol_col3.guideTopCol2 ul{
	position:absolute;
	top:82%;
	padding:0;
	max-width:none;
	min-width:0;
	width: 85%;
}
.mainContents .guideTop .guideTopCol_col3.guideTopCol3 ul{
	position:absolute;
	top:82%;
	padding:0;
	max-width:none;
	min-width:0;
	width: 85%;
	color: #fff;
}

.mainContents .guideTop a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.mainContents .guideTop a:hover {
	background-color: #ffffff;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* itemGuard */
.itemGuard {
	position: relative;
	display: inline-block;
}
.itemGuard span.play {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/static_r1/common_r1/images/spacer.gif);
	z-index:1;
}
.itemGuard span.play img{
	width:100% !important;
	height:100% !important;
}
.itemGuard span.guard img{
	max-width:100%;
	height:auto;
}

/* wide use */
/** align **/
.mainContents .left{text-align:left;}
.mainContents .center{text-align:center;}
.mainContents .right{text-align:right;}
/** font **/
.mainContents .font24{font-size:24px;}
.mainContents .font16{font-size:16px;}
/** color **/
.mainContents .colorBlue{
	color:#0099ff;
}

/* slick */
.slick-slider{
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	   -moz-user-select:none;
		-ms-user-select:none;
			user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
		touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.slick-list{
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}
.slick-list:focus{
	outline:none;
}
.slick-list.dragging{
	cursor:pointer;
	cursor:hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform:translate3d(0, 0, 0);
	   -moz-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		 -o-transform:translate3d(0, 0, 0);
			transform:translate3d(0, 0, 0);
}
.slick-track{
	position:relative;
	top:0;
	left:0;

	display:block;
}
.slick-track:before,
.slick-track:after{
	display:table;
	content:'';
}
.slick-track:after{
	clear:both;
}
.slick-loading .slick-track{
	visibility:hidden;
}
.slick-slide{
	display:none;
	float:left;
	height:100%;
	min-height:1px;
}
[dir='rtl'] .slick-slide{
	float:right;
}
.slick-slide img{
	display:block;
}
.slick-slide.slick-loading img{
	display:none;
}
.slick-slide.dragging img{
	pointer-events:none;
}
.slick-initialized .slick-slide{
	display:block;
}
.slick-loading .slick-slide{
	visibility:hidden;
}
.slick-vertical .slick-slide{
	display:block;
	height:auto;
	border:1px solid transparent;
}
.slick-arrow.slick-hidden{
	display:none;
}
/* adult about */
.mainContents .adultAbout{
	margin: 10em auto 12em;
}
.mainContents .adultAbout figcaption{
	font-size:22px;
	text-align: center;
	margin: 1em auto;
}
.mainContents .adultAbout .btnBlue,
.mainContents .adultAbout .btnGray{
	max-width: 300px;
}

/* module */
.mainContents .section{
	margin: 0 20px 6em;
	font-size:14px;
}
.mainContents .title + .section{
	margin-top:30px;
}
.mainContents .section li{
	line-height: 1.4;
}
.mainContents .section .infoList{
	margin:2em 0 0;
}
.mainContents.sitemap .section + .section{
	border-top:1px solid #e8e8e8;
}
/** .event **/
.mainContents .event{
	margin: 2em auto 0
}
.mainContents .event dl{
	text-align: center;
}
.mainContents .event dt{
	font-size: 24px;
	margin:10px 0;
}
.mainContents .event .note{
	margin-top: 15px;
}

/** stepNav **/
.mainContents .stepNav{
	margin: 2em auto 0;
	display:table;
	width: 100%;
	background-color: #e6e6e6;
	overflow: hidden;
}
.mainContents .stepNav li{
	display: table-cell;
	padding: 10px 10px 10px 25px;
	color:#262626;
	font-size:14px;
	text-align: center;
	position: relative;
}
.mainContents .stepNav li::before,
.mainContents .stepNav li::after{
	position: absolute;
	right:-40px;
	top:0;
	z-index: 10;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #e6e6e6;
}
.mainContents .stepNav li::before{
	border-top: 23px solid transparent;
	border-right: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 23px solid #fff;
	right:-46px;
	top:-3px;
}
.mainContents .stepNav li.active::before,
.mainContents .stepNav li.active::after{
	border-left: 20px solid #0099ff;
}
.mainContents .stepNav li.active::before{
	border-left: 23px solid #fff;
}
.mainContents .stepNav li:last-child::before,
.mainContents .stepNav li:last-child::after{
	display: none;
}
.mainContents .stepNav li.active{
	color:#fff;
	background-color: #0099ff;
}
.mainContents .stepNav.stepCol3 li{
	width: 33%;
}
.mainContents .stepNav.stepCol3 li:last-child{
	width: 34%;
}
.mainContents .stepNav.stepCol4 li{
	width: 25%;
}
.mainContents .stepNav.stepCol5 li{
	width: 20%;
}
.mainContents .stepNav.stepCol6 li{
	width: 14%;
}
.mainContents .stepNav.stepCol6 li:first-child,
.mainContents .stepNav.stepCol6 li:last-child{
	width: 13%;
}

/** headding **/
/*** h2Line ***/
.mainContents .h2Line{
	margin: 2em 0 0;
	font-size:24px;
}
.mainContents .h2Line .internal::after {
	-ms-transform: rotate(45deg) translate(5px,6px);
	-webkit-transform: rotate(45deg) translate(5px,6px);
	transform: rotate(45deg) translate(5px,6px);
}
/*** h3Line ***/
.mainContents .h3Line{
	margin: 1.5em 0 0;
	font-size:22px;
}
/*** h4Line ***/
.mainContents .h4Line{
	margin: 1em 0 0;
	font-size:20px;
}
/*** h5Line ***/
.mainContents .h5Line{
	margin: 1em 0 0;
	font-size:18px;
}
/*** h6Line ***/
.mainContents .h6Line{
	margin: 1em 0 0;
	font-size:16px;
}
.mainContents .h3Line .internal::after ,
.mainContents .h4Line .internal::after ,
.mainContents .h5Line .internal::after ,
.mainContents .h6Line .internal::after {
	-ms-transform: rotate(45deg) translate(6px,3px);
	-webkit-transform: rotate(45deg) translate(6px,3px);
	transform: rotate(45deg) translate(6px,3px);
}
/** annotation **/
.mainContents .annotation{
	color:#fe295f;
}
/** small **/
.mainContents small{
	font-size:12px;
}

/** column **/
/* img */
.mainContents .row img{
	height: auto;
	max-width: 100%;
}
.mainContents .row {
	margin: 2em -12px 0;
}
.mainContents .row + .row {
	margin: 2em -12px 0;
}
.mainContents .row .row {
	margin: 1em -12px 0;
}
.mainContents .col12,
.mainContents .col11,
.mainContents .col10,
.mainContents .col9,
.mainContents .col8,
.mainContents .col7,
.mainContents .col6,
.mainContents .col5,
.mainContents .col4,
.mainContents .col3,
.mainContents .col2,
.mainContents .col1{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	min-height: 1px;
	padding: 0 12px;
}
.mainContents .col12 > *:first-child,
.mainContents .col11 > *:first-child,
.mainContents .col10 > *:first-child,
.mainContents .col9 > *:first-child,
.mainContents .col8 > *:first-child,
.mainContents .col7 > *:first-child,
.mainContents .col6 > *:first-child,
.mainContents .col5 > *:first-child,
.mainContents .col4 > *:first-child,
.mainContents .col3 > *:first-child,
.mainContents .col2 > *:first-child,
.mainContents .col1 > *:first-child {
	margin-top: 0;
	margin-bottom: 0;
}
.mainContents .col12 {
	width: 100%;
}
.mainContents .col11 {
	width: 91.66666667%;
}
.mainContents .col10 {
	width: 83.33333333%;
}
.mainContents .col9 {
	width: 75%;
}
.mainContents .col8 {
	width: 66.66666667%;
}
.mainContents .col7 {
	width: 58.33333333%;
}
.mainContents .col6 {
	width: 50%;
}
.mainContents .col5 {
	width: 41.66666667%;
}
.mainContents .col4 {
	width: 33.33333333%;
}
.mainContents .col3 {
	width: 25%;
}
.mainContents .col2 {
	width: 16.66666667%;
}
.mainContents .col1 {
	width: 8.33333333%;
}
/** .clearfix **/
.mainContents .row:before,
.mainContents .row:after,
.mainContents .cf:before,
.mainContents .cf:after {
	content: " ";
	display: table;
}
.mainContents .row:after,
.mainContents .cf:after {
	clear: both;
}
.mainContents .row,
.mainContents .cf {
	*zoom: 1;
}

/* imgFloat */
.mainContents .imgFloat {
	display: table;
	width: 100%;
	margin: 1em 0 0;
}
.mainContents .imgFloat .imgLeft,
.mainContents .imgFloat .imgRight{
	display: table-cell;
	vertical-align: top;
}
.mainContents .imgFloat .imgLeft img{
	margin-right: 15px;
}
.mainContents .imgFloat .imgRight img{
	margin-left: 15px;
}
.mainContents .imgFloat .text{
	display: table-cell;
	vertical-align: top;
}
.mainContents .imgFloat .text p:first-child{
	margin-top: 0;
}

/* sns */
.mainContents .sns {
	margin:1em auto 0;
	text-align: center;
}
.mainContents .sns dt{
	font-weight: bold;
	font-size: 13px;
}
.mainContents .sns dd{
	margin-top: 1em;
}
.mainContents .sns ul{
	display: table;
	width: auto;
	border-collapse: separate;
	border-spacing: 10px 0;
	margin: 0 auto 0;
}
.mainContents .sns li{
	display: table-cell;
}

/* listNav */
.mainContents .listNav{
	margin-top: 1em;
}
.mainContents .listNav li{
	margin: .5em 0;
}
.mainContents .listNav.flat{
	display: table;
	width: 100%;
}
.mainContents .listNav.flat li{
	display: table-cell;
}
.mainContents .listNav.bgGray{
	padding-left:20px;
	padding-right: 20px;
	margin-left: -20px;
}

/* tabNav */
.mainContents .tabNav{
	border-bottom: 2px solid #0099ff;
	letter-spacing: -.4em;
}
.mainContents .tabNav.premium{
	border-bottom: 2px solid #f7cc2c;
}
.mainContents .tabNav.hikari{
	border-bottom: 2px solid #f7cc2c;
}
.mainContents .tabNav li{
	display: inline-block;
	letter-spacing: normal;
	width: 180px;
	text-align: center;
	background-color: #e6e6e6;
	vertical-align: bottom;
	border-right: 4px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .tabNav li:last-child{
	border-right: none;
}
.mainContents .tabNav li.active{
	background-color: #0099ff;
}
.mainContents .tabNav li.basic.active{
	background: #0099ff;
	background: -moz-linear-gradient(left, #0099ff 0%, #3eca96 100%);
	background: -webkit-linear-gradient(left, #0099ff 0%,#3eca96 100%);
	background: linear-gradient(to right, #0099ff 0%,#3eca96 100%);
}
.mainContents .tabNav li.premium.active,
.mainContents .tabNav li.hikari.active{
	background: #f7cc2c;
	background: -moz-linear-gradient(left, #f7cc2c 0%, #ffed1b 100%);
	background: -webkit-linear-gradient(left, #f7cc2c 0%,#ffed1b 100%);
	background: linear-gradient(to right, #f7cc2c 0%,#ffed1b 100%);
}
.mainContents .tabNav li.vod.active{
	background-color: #0099ff;
}
.mainContents .tabNav li.other.active{
	background-color: #01a01a;
}
.mainContents .tabNav li a{
	display: block;
	padding: 10px;
}
.mainContents .tabNav li.basic a{
	font-weight:bold;
}
.mainContents .tabNav li.premium a,
.mainContents .tabNav li.hikari a{
	font-weight:bold;
}
.mainContents .tabNav li.vod a{
	font-weight:bold;
}
.mainContents .tabNav li.other a{
	font-weight:bold;
}
.mainContents .tabNav li.active a{
	color:#fff;
}
.mainContents .tabNav li.basic.active a{
	color:#fff;
}
.mainContents .tabNav li.premium.active a,
.mainContents .tabNav li.hikari.active a{
	color:#0099ff;
}
.mainContents .tabNav li.vod.active a{
	color:#fff;
}
.mainContents .tabNav li.other.active a{
	color:#fff;
}
.mainContents .tabNav.tab5 li{
	width: 167px;
}
.mainContents .tabNav.tab6 li{
	width: 140px;
}

/* tabContents */
.mainContents .tabContents{
	margin:2em 0 0;
}
.mainContents .tabContents .vodContents{
	margin:100px 0;
}
.mainContents .tabContents .tabContentsBnrArea{
	display:none;
	margin:0 -20px 40px;
	text-align:center;
}
.mainContents .tabContents .tabContentsBnrArea li{
	margin:0 20px;
	max-width:580px;
}
.mainContents .tabContents .tabContentsBnrArea li img{
	max-width:100%;
	height:auto;
}
.mainContents .tabContents .tabContentsBnrArea.active{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* linearNav */
.mainContents .linearNav{
	margin: 1em auto 0;
	text-align: center;
}
.mainContents .linearNav ul{
	margin: 0 auto;
	display: inline-block;
	letter-spacing: -.4em;
}
.mainContents .linearNav li{
	display: inline-block;
	letter-spacing: normal;
	padding: 4px 6px;
	background-color: #e6e6e6;
	margin:0 5px;
	line-height: 1;
}
.mainContents .linearNav li.active{
	background-color: #0099ff;
	color:#fff;
}
.mainContents .linearNav li.active a{
	color:#fff;
}
.mainContents .linearNav li a{
	display: block;
}
.mainContents .linearNav li.prev{
	margin-right: 15px;
	background-color: inherit;
}
.mainContents .linearNav li.prev a{
	padding-left: 16px;
}
.mainContents .linearNav li.prev a:before{
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	vertical-align: text-top;
	border-top:2px solid #0099ff;
	border-left:2px solid #0099ff;
	-ms-transform:rotate(-45deg) translate(-9px,0px);
	-webkit-transform:rotate(-45deg) translate(-9px,0px);
	transform:rotate(-45deg) translate(-9px,0px);
}
.mainContents .linearNav li.next{
	margin-left: 15px;
	background-color: inherit;
}
.mainContents .linearNav li.next a{
	padding-right: 16px;
}
.mainContents .linearNav li.next a:after{
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	vertical-align: text-top;
	border-top:2px solid #0099ff;
	border-right:2px solid #0099ff;
	-ms-transform:rotate(45deg) translate(8px,0px);
	-webkit-transform:rotate(45deg) translate(8px,0px);
	transform:rotate(45deg) translate(8px,0px);
}
.mainContents .linearNav.wide100pr{
	display: table;
	width: 100%;
}
.mainContents .linearNav.wide100pr li.prev,
.mainContents .linearNav.wide100pr li.next{
	display: table-cell;
	width: 50%;
	padding: 0;
}
.mainContents .linearNav.wide100pr li.prev a,
.mainContents .linearNav.wide100pr li.next a{
	display: inline-block;
}
.mainContents .linearNav.wide100pr li.prev{
	text-align: left;
}
.mainContents .linearNav.wide100pr li.next{
	text-align: right;
}

/* pipeNav */
.mainContents .pipeNav{
	margin: 1em auto 0;
	text-align: center;
}
.mainContents .pipeNav ul{
	margin: 0 auto;
	display: inline-block;
	letter-spacing: -.4em;
}
.mainContents .pipeNav li{
	display: inline-block;
	letter-spacing: normal;
	padding: 5;
}
.mainContents .pipeNav li + li::before{
	content: "\7c";
	display: inline-block;
	padding-left: 10px;
	margin-right: 10px;
}
/*list*/
.mainContents .decimal > li,
.mainContents .disc > li,
.mainContents .lowerLatin > li,
.mainContents .attention > li,
.mainContents .normal > li{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.mainContents li > ul,
.mainContents li > ol {
	margin-left: 1em;
}
/** normal **/
.mainContents .normal{
	padding-left: 0;
	list-style-type: none;
}
/** decimal **/
.mainContents .decimal {
	padding-left: 0;
	list-style-type: decimal;
}
.mainContents .decimal > li {
	margin-left: 1.5em;
	text-indent: 0;
	list-style-type: decimal;
}
.mainContents .decimal > li > ul{
	margin-left: 0;
}
/** disc **/
.mainContents .disc{
	padding-left: 0;
	list-style-type: disc;
}
.mainContents .disc > li {
	margin-left: 1.5em;
	text-indent: 0;
	list-style-type: disc;
}
.mainContents .disc > li > ul{
	margin-left: 0;
}
/** lowerLatin **/
.mainContents .lowerLatin {
	padding-left: 0;
	list-style-type: lower-latin;
}
.mainContents .lowerLatin > li {
	margin-left: 1.5em;
	text-indent: 0;
	list-style-type: lower-latin;
}
.mainContents .lowerLatin.parentheses > li{
	list-style-type:none;
	counter-increment: cnt;
	text-indent: -1.5em;
}
.mainContents .lowerLatin.parentheses > li:before{
  display: marker;
  content: "(" counter(cnt,lower-alpha) ") ";
}
.mainContents .lowerLatin > li > ul{
	margin-left: 0;
}
/** parentheses **/
.mainContents .decimal.parentheses{
	padding:0;
}
.mainContents .parentheses > li{
	list-style-type:none;
	counter-increment: cnt;
	text-indent: -1.5em;
}
.mainContents .parentheses > li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
/** attention **/
.mainContents .attention{
	padding-left: 0;
	list-style-type: none;
	color:#fe295f;
}
.mainContents .attention.black{
	color:#262626;
}
.mainContents .attention > li{
	margin-left: 1.2em;
	text-indent: -1em;
}
.mainContents .attention > li::before{
	content: "\0203B";
	margin-right: 3px;
}
.mainContents .attention > li a{
	color:#fe295f;
}
.mainContents .attention.black > li a{
	color:#262626;
}

/* attentionArea */
.mainContents .attentionArea{
	padding:1.5em;
	margin-top:2em;
	background-color:#fff2f2;
}
.mainContents .attentionArea *:first-child{
	margin-top:0;
}
.mainContents .attentionArea *:last-child{
	margin-bottom:0;
}

/* noticeArea */
.mainContents .noticeArea{
	padding:1.5em;
	margin-top:2em;
	background-color:#f0faff;
}
.mainContents .noticeArea *:first-child{
	margin-top:0;
}
.mainContents .noticeArea *:last-child{
	margin-bottom:0;
}

/* borderBox */
.mainContents .borderBox{
	padding:1em;
	margin-top:2em;
	border:1px solid #e8e8e8;
}
.mainContents .borderBox + .borderBox{
	margin-top:1em;
}
.mainContents .borderBox *:first-child,
.mainContents .borderBox .titArea + *{
	margin-top:0;
}
.mainContents .borderBox .titArea{
	margin:-1em -1em 1em;
	background:#e8e8e8;
}
.mainContents .borderBox .titArea p{
	padding:10px 0;
	margin:0;
	text-align:center;
	font-size:18px;
}
.mainContents .borderBox *:last-child{
	margin-bottom:0;
}
.mainContents .borderBox.blue{
	border:1px solid #0099ff;
}
.mainContents .borderBox.blue .titArea{
	color:#fff;
	background:#0099ff;
}

/* close */
.mainContents .close a{
	display: inline-block;
	position: relative;
	margin-left: 22px;
}
.mainContents .close a::before,
.mainContents .close a::after{
	position: absolute;
	display: inline-block;
	content: "";
	width:12px;
	height:2px;
	background:#0099ff;
	left:-18px;
	top:50%;
}
.mainContents .close a::before{
	-ms-transform:translate(0px,0px) rotate(-135deg);
	-webkit-transform:translate(0px,0px) rotate(-135deg);
	transform:translate(0px,0px) rotate(-135deg);
}
.mainContents .close a::after{
	-ms-transform:translate(0px,0px) rotate(-45deg);
	-webkit-transform:translate(0px,0px) rotate(-45deg);
	transform:translate(0px,0px) rotate(-45deg);
}

/* table typeA */
.mainContents .typeA{
	margin: 1em 0 0;
	border-collapse: collapse;
	width: 100%;
}
.mainContents .typeA caption{
	text-align: left;
	margin:.5em 0;
}
.mainContents .typeA th{
	background-color: #d6eefd;
	border:1px solid #e8e8e8;
	padding: 20px;
	font-weight: normal;
}
.mainContents .typeA td{
	border:1px solid #e8e8e8;
	padding: 20px;
}
.mainContents .typeA thead th{
	background-color: #d6eefd;
}
.mainContents .typeA .gray{
	background-color: #f7f7f7;
	color:#262626;
}

/* freedialArea */
.mainContents .freedialArea dl dt{
	font-weight:bold;
}
.mainContents .freedialArea dl dd .tel{
	display:block;
	font-size:26px;
	font-weight:bold;
	padding-left:45px;
	background:url(/common_v3/img/icon_navidial.gif) no-repeat 0 0;
}
.mainContents .freedialArea.noIcon dl dd .tel{
	padding-left:0;
	background:none;
}

.mainContents .fS10 {
	font-size: 10px!important;
}