@charset "UTF-8";
@font-face {font-family: "YuGothic M";src: local(Yu Gothic Medium)}
/* font-size */
.mainContents{
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	font-size:15px;
}
/* a */
.mainContents a{
	color:#000;
	word-break:break-all;
}
.mainContents .underline{
	text-decoration: underline;
}
.mainContents section{
	margin:0 15px 35px;
}
.mainContents section section{
	margin:0;
}
/* list */
.mainContents ul{
	list-style-type:none;
}
.mainContents .mainContentsIn{
	margin:0 auto 15px;
	/*display:table;*/
	width:100%;
}
/* title */
.mainContents .title .categoryIcon{
	padding:0 15px;
	margin-bottom:0;
}
.mainContents .title h1{
	position: relative;
	display:block;
	margin:0;
	font-size:17px;
	font-weight:bold;
	padding:15px;
	border-bottom:2px solid #0099ff;
	margin-bottom:1px;
	line-height:1.4;
}
/** localnav **/
.mainContents .title .localnav::after{
	content:"";
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-.5em;
	width:.6em;
	height:.6em;
	border-top:2px solid #0099ff;
	border-right:2px solid #0099ff;
	cursor: pointer;
	margin-top:-0.6em;
	-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;
	margin: 0 25px;
}
.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:.3em;
	top:50%;
	margin-top:-.35em;
	width:.6em;
	height:.6em;
	border-top:2px solid #0099ff;
	border-right:2px solid #0099ff;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.mainContents .title .localnavMenu > ul > li{
	font-size: 14px;
	font-weight: bold;
}
.mainContents .title .localnavMenu > ul > li > ul > li{
	font-size: 12px;
	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;
}
.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: 12px 0;
}
.mainContents .title .localnavMenu ul > li > ul {
	margin-bottom: 15px;
	margin-left: 15px;
}

/* loginArea */
.mainContents .loginArea{
	display:block;
	background-image:url(/static_r1/sp_tpl/images/loginarea_bg.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	position:relative;
	overflow:hidden;
	width:100%;
	color:#fff;
	padding:15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .loginArea dt{
	font-weight:bold;
}
.mainContents .loginArea a{
	color:#fff;
}
.mainContents .loginArea .frmTxt{
	background-color:#d6ebf4;
	border:none;
	padding:10px;
	margin:10px 0;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align: middle;
}
.mainContents .loginArea .frmTxt::-webkit-input-placeholder{
	line-height: 1.6;
}
.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:38%;
	opacity:0;
}
.mainContents .loginArea .loginCheck input[type="checkbox"] + label {
	display:block;
	background-image:url(/static_r1/sp_tpl/images/bg_checkbox_off.png);
	background-size:19px;
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 25px;
}
.mainContents .loginArea .loginCheck input[type="checkbox"]:checked + label {
	background-image:url(/static_r1/sp_tpl/images/bg_checkbox_on.png);
}
/** ablank **/
.mainContents .loginArea .ablank{
	position:relative;
}
.mainContents .loginArea .ablank:hover{
	text-decoration:underline;
}
.mainContents .loginArea .ablank::after{
	display:inline-block;
	content:"";
	width:16px;
	height:14px;
	background-image:url(/static_r1/sp_tpl/images/arrow_ablank.png);
	background-size:16px 14px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 5px;
	vertical-align:middle;
}
/** internal **/
.mainContents .internal{
	padding-right: 16px;
}
.mainContents .internal::after{
	display:inline-block;
	content:"";
	width:0.5em;
	height:0.5em;
	vertical-align: text-top;
	border-top:1px solid #0099ff;
	border-right:1px solid #0099ff;
	-ms-transform:rotate(45deg) translate(6px,0px);
	-webkit-transform:rotate(45deg) translate(6px,0px);
	transform:rotate(45deg) translate(6px,0px);
}
.mainContents .loginArea .internal::after{
	display:inline-block;
	content:"";
	width:0.5em;
	height:0.5em;
	border-top:1px solid #0099ff;
	border-right:1px 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(6px,-2px);
	-webkit-transform:translate(6px,-2px);
	transform:translate(6px,-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(6px,0px);
	-webkit-transform:translate(6px,0px);
	transform:translate(6px,0px);
}
/** anchor **/
.mainContents .anchor{
	padding-right: 16px;
}
.mainContents .anchor::after{
	display:inline-block;
	content:"";
	width:0.5em;
	height:0.5em;
	border-top:1px solid #0099ff;
	border-right:1px 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;
	margin-bottom: 10px;
}
.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;
}

/** btnImage **/
.mainContents .loginArea .btnImage{
	display:block;
	width:70%;
	margin:0 auto;
	padding:15px;
	text-align:center;
	color:#fff;
	background-color:#0099ff;
	border-radius:25px;
	font-weight:bold;
	font-size:16px;
}
/** otherLink **/
.mainContents .loginArea .otherLink{
	margin:20px 0;
}
.mainContents .loginArea .otherLink ul{
	margin-top:0;
	width:100%;
	line-height:1.4;
}
.mainContents .loginArea .otherLink ul li{
	margin:5px 0;
}

/** caution **/
.mainContents .caution{
	background-color:#fff2f2;
	color:#fe295f;
	padding:25px 20px;
	font-size:14px;
}
.mainContents .caution dl{
	margin:0;
	line-height:1.4;
}
.mainContents .caution dt{
	font-weight:bold;
}
.mainContents .caution dt::before{
	display:inline-block;
	content:"";
	width:25px;
	height:25px;
	background-image:url(/static_r1/sp_tpl/images/icon_caution.png);
	background-size:25px;
	background-position:left center;
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-left:10px;
	margin-top: -3px;
}
.mainContents .caution dd{
	margin-top:10px;
	line-height: 1.6;
}
/** info **/
.mainContents .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;
}
.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;
}
/* descBox */
.mainContents .descHead{
	margin-top:35px;
	position:relative;
	text-align:center;
	color:#fff;
	background-color:#0099ff;
	padding:20px;
	font-size:16px;
	line-height: 1.6;
}
.mainContents .descHead::after{
	position:absolute;
	display:inline-block;
	content:"";
	width:33px;
	height:12px;
	background-image:url(/static_r1/sp_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-top:-19px;
	border:1px solid #0099ff;
	border-top:none;
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .descBox .col{
	width:100%;
	border-top:1px solid #0099ff;
	padding:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .descBox .col:first-child{
	padding:15px 5px 5px 5px;
}
.mainContents .descBox .col figure{
	display:table;
	width:100%;
	margin:1em 0;
	border-collapse: separate;
	border-spacing: 15px 0;
	vertical-align: middle;
}
.mainContents .descBox .col figure img{
	width:100%;
	height:auto;
	max-width:120px;
}
.mainContents .descBox .col figure span{
	display: table-cell;
	width:40%;
	height:auto;
	vertical-align: middle;
	text-align: center;
}
.mainContents .descBox .col figcaption{
	display:table-cell;
	width:60%;
	margin-top:1em;
	font-size:18px;
	text-align:left;
	vertical-align:middle;
	font-size:16px;
	line-height:1.4;
}
.mainContents .descBox .col figcaption a{
	color:#0099ff;
	font-weight:bold;
	text-decoration:underline;
}
.mainContents .descBox .col .note{
	font-size:13px;
	line-height:1.4;
	list-style-type:disc;
	background-color:#f2f2f2;
	padding:5px;
}
.mainContents .descBox .col .note li{
	margin:0 0 0 1.5em;
}
.mainContents .descBox .note > li{
	text-indent: 0;
}
.mainContents .descBox .note > li::before{
	content: none;
}

/* h2Tit */
.mainContents .h2Tit{
	margin-top:2em;
	font-size:19px;
	text-align:center;
}

/* infoList */
.mainContents .infoList{
	margin-top:2em;
}
.mainContents .infoList li{
	border-bottom:1px solid #d9d9d9;
	margin-bottom:15px;
	padding-bottom:15px;
}
.mainContents .infoList dl{
	width:100%;
	margin:0;
}
.mainContents .infoList dt{
	width:100px;
}
.mainContents .infoList dd{
	width:100%;
}
.mainContents .infoList a{
	display:block;
	font-size:14px;
	margin:10px 0 0 0;
	padding-right: 25px;
	position: relative;
}
.mainContents .infoList a::after{
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -.35em;
	width: .5em;
	height: .5em;
	border-top: 1px solid #262626;
	border-right: 1px solid #262626;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 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;
	margin:0 -15px;
	padding:0 15px;
}
.mainContents .mainVisual.guide{
	background-image:url(/s/guide/images/cate/main_bg.png);
}
.mainContents .mainVisual.plan{
	background-image:url(/s/plan/img/main_bg.jpg);
	background-color:#f2f2f2;
	padding-bottom:1em;
}
.mainContents .mainVisual h2{
	color:#fff;
	font-size:19px;
	text-align:center;
	margin:1em auto 0;
	font-weight:bold;
}
.mainContents .mainVisual.plan h2{
	color:#000;
}
.mainContents .mainVisual .colBox{
	padding:0 0 10px;
	margin-top:1em;
	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 .colBox figure{
	margin:0;
	position: relative;
}
.mainContents .mainVisual .colBox figure figcaption{
	margin: 0 10px 0;
	position: absolute;
	left:0;
	right:0;
	top:1vw;
	text-align: center;
	font-size: 2vmin;
}
.mainContents .mainVisual .colBox figure figcaption .sName{
	color:#0099ff;
	font-size: 3vmin;
	font-weight: bold;
	display: block;
	margin-top: .5vw;
}
@media (max-width:768px) {
	.mainContents .mainVisual .colBox figure figcaption{
		top:2vw;
		font-size: 3vmin;
	}
	.mainContents .mainVisual .colBox figure figcaption .sName{
		font-size: 4vmin;
		margin-top: .5vw;
	}
}
.mainContents .mainVisual .colBox figure img{
	padding-top: 2vmin;
	width: 100%;
	max-width: 445px;
	height: auto;
}
.mainContents .mainVisual .btnImage {
	display:table;
	width:100%;
	max-width:445px;
	margin:auto auto 0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-collapse:separate;
	border-spacing:10px 0;
	font-size: 15px;
}
.mainContents .mainVisual .btnImage a {
	display:table-cell;
	width:45%;
	vertical-align:middle;
	height:2em;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#fe295f;
	border-radius:33px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.mainContents .mainVisual .btnImage.btnImageCol2 a{
	font-size:11px;
}
.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:-65px;
	right:-18px;
	width:48%;
}
.mainContents .mainVisual .link {
	color:#fff;
	text-align: center;
	margin: 1em 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:0.5em;
	height:0.5em;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* linkBox */
.mainContents .linkBoxWrap{
	margin:0 -10px;
}
.mainContents .linkBox{
	margin: 1em 0 0;
	display: table;
	border-collapse: separate;
	border-spacing: 10px 0;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
.mainContents .linkBox .col{
	display: table-cell;
	width: 48%;
	background-color: #0099ff;
	vertical-align:middle;
}
.mainContents .linkBox .col:hover{
	opacity:.5;
}
.mainContents .linkBox .col a{
	display: block;
	text-align: center;
	color:#fff;
	padding: 10px 10px 0;
	text-decoration:none;
	font-size:12px;
}
.mainContents .linkBox .col a span{
	position: relative;
	padding-bottom: 20px;
	display:block;
}
.mainContents .linkBox .col .anchor span::after{
	position: absolute;
	right:50%;
	bottom:10px;
	margin-top: -.55em;
	display:inline-block;
	content:"";
	width:0.5em;
	height:0.5em;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}

/* column2 */
.mainContents .column2{
	margin: 2em -15px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .column2 .col{
	float:left;
	width:50%;
	padding-right: 15px;
	-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;
}
.mainContents .column2 .col > *:first-child{
	margin-top:0;
}
/** .clearfix **/
.mainContents .column2::before,
.mainContents .column2::after{
	content:" ";
	display:table;
}
.mainContents .column2::after{
	clear:both;
}
.mainContents .column2{
	*zoom:1;
}

/* 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: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:1em;
}
.mainContents .boxBorderTop figure{
	margin-bottom:0;
}
.mainContents .boxBorderTop figcaption{
	font-size:15px;
	margin-top: 1em;
	line-height: 1.4;
}
.mainContents .boxBorderTop figcaption span{
	color:#0099ff;
}
.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: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* note */
.mainContents .note{
	padding-left: 0;
	list-style-type: none;
	font-size:10px;
	margin-top: 2em;
	width: 100%;
	-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";
}

/* bgGray */
.mainContents .bgGray{
	padding: 1em 0;
	background-color: #f5f5f5;
	margin:0;
	padding:0 15px 15px;
	overflow:hidden;
}
.mainContents .bgGray .h3Tit{
	margin-top: 1em;
}
.mainContents .bgGray .h2Tit{
	margin-top: 2em;
}

/* imgWide100 */
.mainContents .imgWide100 img,
.mainContents img.imgWide100{
	width: 100%;
	height: auto;
}

/* btnRed */
.mainContents .btnRed {
	display:table;
	width:100%;
	margin:0 auto;
	padding:0 5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	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: 14px;
	font-weight:bold;
}
.mainContents .btnRed:hover span {
	opacity: .5;
}
.mainContents .btnRed.white span {
	color:#fe295f;
	background-color:#fff;
	border:2px solid #fe295f;
	padding:6px 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 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: 14px;
	font-weight:bold;
}
.mainContents .btnBlue:hover span {
	opacity: .5;
}
.mainContents .btnBlue.white span {
	color:#0099ff;
	background-color:#fff;
	border:2px solid #0099ff;
	padding:6px 10px;
}

/* btnBlueLine */
.mainContents .btnBlueLine {
	display:table;
	width:80%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	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: 14px;
	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;
	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: 14px;
	font-weight:bold;
}
.mainContents .btnGray:hover span {
	opacity: .5;
}

.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;
}

/* 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;
}

/* guideFeeText */
.mainContents figure.guideFeeText{
	position:relative;
}
.mainContents figure.guideFeeText figcaption{
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:39%;
	font-size:13px;
}
.mainContents figure.guideFeeText figcaption a{
	color:#0099ff;
}
.mainContents figure.guideFeeText figcaption a:hover{
	opacity:.5;
}

/* carousel */
.mainContents .carousel{
	margin: 1em -15px;
	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:0;
}
.mainContents .carousel .next{
	right:0;
}
.mainContents .carousel .prev:hover,
.mainContents .carousel .next:hover{
}
.mainContents .carousel .prev::after ,
.mainContents .carousel .next::after {
	content: "";
	display: block;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -.35em;
	width: .6em;
	height: .6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.mainContents .carousel .next::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mainContents .carousel ul{
}
.mainContents .carousel ul li{
	width:284px;
	vertical-align: top;
	padding:10px 0;
}
.mainContents .carousel ul li .carouselIn{
	position: relative;
	margin:0 8px;
	background-color: #fff;
	overflow:hidden;
	/*box-shadow*/
	box-shadow:0px 0px 15px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 15px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 15px 2px rgba(0,0,0,0.1);
}
.mainContents .carousel ul li .carouselIn a{
	color:#262626;
	text-decoration: none;
}
.mainContents .carousel ul li .carouselIn figure{
	margin-bottom:0;
}

.mainContents .carousel .text{
	margin:10px 15px;
	font-size: 16px;
	padding-bottom: 30px;
}
.mainContents .carousel .price{
	position: absolute;
	right:15px;
	bottom:0;
	text-align: right;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.mainContents .carousel .price span{
	font-size: 24px;
}

/** carouselWrap **/
.mainContents .carouselWrap{
	position:relative;
	margin:0 -15px;
	overflow:hidden;
}
.mainContents .carouselWrap .carousel{
	position:static;
	margin-right:auto;
	margin-left:auto;
	max-width:400px;
	overflow:visible;
}
.mainContents .carouselWrap .carousel .slick-slider{
	position:static;
}
.mainContents .carouselWrap .carousel .slick-list{
	overflow:visible;
}
.mainContents .carouselWrap .carousel ul{
	margin:0 -10px;
}
.mainContents .carouselWrap .carousel ul li{
	padding:0 10px;
}

/* chGenre */
.mainContents .chGenre{
	margin:0 -15px;
}
.mainContents .chGenre .h2Tit ,
.mainContents .chGenre .lead {
	color:#fff;
}
.mainContents .chGenre ul{
	margin-right:15px;
}
.mainContents .chGenre ul li{
	display: inline-block;
	width:33.3%;
	letter-spacing: normal;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 15px 15px;
}
.mainContents .chGenre ul li img{
	width:100%;
}

/* bnr */
.mainContents .bnr{
	margin:25px 15px;
}
.mainContents .bnr img{
	width:100%;
	height:auto;
}

/* top */
/** noticesArea **/
.mainContents .noticesArea{
	display:none;
	background-color:#fff2f2;
	padding:15px;
}
.mainContents .noticesArea p{
	margin:0;
}
.mainContents .noticesArea p + p{
	margin-top:1em;
}

.mainContents .categoryIcon .icon.redIcon_02,
.mainContents .infoList .icon.redIcon_02{
	background-color:#fe295f;
}

.mainContents .noticesArea a{
	display:block;
	font-size:14px;
	color:#fe295f;
	text-decoration:none;
}
/*** topics ***/
.mainContents .noticesArea.topics{
	background-color:#f0faff;
}
.mainContents .noticesArea.topics a{
	color:#0099ff;
}

/** mainVisualTop **/
.mainContents .mainVisualTop{
	position:relative;
	margin:0;
}
.mainContents .mainVisualTop .mainVisualTopText{
	text-align:center;
	position:absolute;
	bottom:5%;
	width:100%;
}

@media (max-width: 375px) {
.mainContents .mainVisualTop .mainVisualTopText{
	bottom:1%;
}
}

@media (max-width: 330px) {
.mainContents .mainVisualTop .mainVisualTopText{
	bottom:0.3%;
}
}

.mainContents .mainVisualTop .mainVisualTopText h2{
	margin: 0 0 15px 0;
}
.mainContents .mainVisualTop .mainVisualTopText a.btnRed{
	max-width:74%;
}

.mainContents .mainVisualTop .cmArea {
	position: relative;
}
.mainContents .mainVisualTop .cmArea ul {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	z-index: 10000;
}
.mainContents .mainVisualTop .cmArea ul li{
	margin: 0;
	padding: 10px 0 10px 15px;
	width: 100px;
	background: rgba(0,0,0,0.8);
}
.mainContents .mainVisualTop .cmArea ul li a{
	color: #ffffff;
}
@media(max-width: 380px) {
	.mainContents .mainVisualTop .cmArea ul li{
		margin: 0;
		padding: 8px 0 8px 15px;
		font-size: 0.9em;
		width: 90px;
		background: rgba(0,0,0,0.8);
	}
}

.mainContents .mainVisualTopBanner p {
    margin: -5% 0 0;
    z-index: 1;
    position: relative;
}

.mainContents .mainVisualTopBanner p img {
	width: 100%;
}

/** carouselTop **/
.mainContents .carousel.carouselTop{
}
.mainContents .carousel.carouselTop .prev,
.mainContents .carousel.carouselTop .next{
	background-color:#000;
	top:70px;
	margin-top:0;
}
.mainContents .carousel.carouselTop ul li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	white-space: normal;
	margin-left: 0;
	box-shadow:none;
}
.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-bottom:0;
}
.mainContents .carousel.carouselTop ul li figure span.figureImg{
	display:block;
	text-align:center;
}
.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:14px;
	padding:10px 15px 0 15px;
	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;
}

/*** carouselRecommend ***/
.mainContents #carouselRecommend.carousel .prev,
.mainContents #carouselRecommend.carousel .next{
	top: 50%;
}

/*** carouselAccess ***/
.mainContents #carouselAccess.carousel .prev,
.mainContents #carouselAccess.carousel .next{
	top: 50%;
}
.mainContents #carouselAccess.carousel ul li figure .itemGuard{
	display:block;
}
.mainContents #carouselAccess.carousel ul li figure .itemGuard span.figureImg{
	display:block;
	width:100%;
	height:0;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-top: 56.25%;
}
.mainContents #carouselAccess.carousel ul li figure .itemGuard span.figureImg.heightImg{
	background-color:#000;
	background-position:50% 50%;
	background-size:contain;
}
.mainContents #carouselAccess.carousel ul li figure .itemGuard span.figureImg.logoImg{
	background-color:#000;
	background-position:50% 50%;
	background-size:auto;
}
.mainContents #carouselAccess.carousel ul li figure figcaption{
	padding:10px 0 0;
}

/** planTop **/
.mainContents .planTop{
	background:url(/s/img/plan_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:30px 0 20px;
	margin:2em -15px 0;
	color:#fff;
}
.mainContents .planTop ul.note{
	padding:0 15px;
}
.mainContents .planTop ul.note a{
	color:#fff;
}
.mainContents .planTopBtn {
	display:table;
	width:80%;
	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:20px;
	margin-bottom:20px;
}
.mainContents ul.channelList li{
	margin-right:30px;
	background-color:#fff;
	border-radius:15px;
}
.mainContents ul.channelList li img{
	height:50px;
	padding:10px;
}

/** guideTop **/
.mainContents .guideTop{
	margin:2em -15px 0;
}
.mainContents .guideTop .guideTopCol{
	position:relative;
}
.mainContents .guideTop .guideTopCol p{
	margin:0;
}
.mainContents .guideTop .guideTopCol.guideTopCol2 ul{
	position:absolute;
	bottom:20px;
	padding:0 15px;
}
.mainContents .guideTop .guideTopCol.guideTopCol3 ul{
	position:absolute;
	bottom:20px;
	padding:0 15px;
	color: #fff;
}
.mainContents .guideTop a:hover {
	opacity: .5;
	color: #fff;
}

/* 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;
}

/* useful */
/** align **/
.mainContents .left{text-align:left}
.mainContents .center{text-align:center}
.mainContents .right{text-align:right}
/** font **/
.mainContents .font16{
	font-size:16px;
}

/** planTabs **/
.mainContents .planTabs{
}
.mainContents ul.planTabsList{
	display:table;
	width:100%;
	margin-bottom:1em;
}
.mainContents ul.planTabsList > li{
	display:table-cell;
	border-left:2px solid #fff;
	background-color:#e6e6e6;
	text-align:center;
	font-size:12px;
	vertical-align:middle;
}
.mainContents ul.planTabsList > li:first-child{
	border-left:none;
}
.mainContents ul.planTabsList > li a{
	display:block;
	color:#000;
	text-decoration:none;
	padding:10px 0;
}
.mainContents ul.planTabsList > li.skp.current{
	background:url(/s/plan/img/tab_skp_bg.png) no-repeat left top;
	background-size:cover;
}
.mainContents ul.planTabsList > li.skp.current a{
	color:#fff;
}
.mainContents ul.planTabsList.tabsCurrnt-0{
	border-bottom:3px solid #00b3c8;
}
.mainContents ul.planTabsList > li.premium.current{
	background:url(/s/plan/img/tab_premium_bg.png) no-repeat left top;
	background-size:cover;
}
.mainContents ul.planTabsList > li.premium.current a{
	color:#0099ff;
}
.mainContents ul.planTabsList.tabsCurrnt-1{
	border-bottom:3px solid #ffed1b;
}
.mainContents ul.planTabsList > li.hikari.current{
	background:url(/s/plan/img/tab_hikari_bg.png) no-repeat left top;
	background-size:cover;
}
.mainContents ul.planTabsList > li.hikari.current a{
	color:#0099ff;
}
.mainContents ul.planTabsList.tabsCurrnt-2{
	border-bottom:3px solid #f7cc2c;
}
.mainContents .planTabs .tabsItem{
	text-align:center;
}
.mainContents .planTabs .tabsItem figure{
	border-bottom:1px dashed #c0c0c0;
	padding:10px 0;
}
.mainContents .planTabs .tabsItem figcaption{
	text-align:center;
	font-size:14px;
}
.mainContents .planTabs .tabsItem figcaption span{
	color:#000;
	display:inline-block;
}
.mainContents .planTabs .tabsItem ul{
	text-align:left;
}
.mainContents .planTabs .tabsItem ul > li{
	margin-top:15px;
}
.mainContents .planTabs .tabsItem h4{
	font-size:16px;
	margin-bottom:0;
}
.mainContents .planTabs .tabsItem figcaption.hivision .hivisionNote{
	font-size:10px;
}
.mainContents .planTabs .tabsItem figcaption.hivision .hivisiontit{
	font-size:14px;
}
.mainContents .planTabs .tabsItem figcaption.hivision .hivisionimg img{
	width: 40%;
}

/* iconCheck */
.mainContents .iconCheck{
	position:relative;
	padding-left:28px;
}
.mainContents .iconCheck:after{
	content:'';
	display:inline-block;
	width:20px;
	height:19px;
	background:url(/s/plan/img/icon_check.png) no-repeat center center;
	background-size:cover;
	position:absolute;
	left:0;
	top:0
}

/* 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;
}
/* 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/s/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;
}


/* module */
.mainContents .section{
	margin: 0 15px 6em;
	font-size:13px;
}
.mainContents .title + .section{
	margin-top:2em;
}
.mainContents .section li{
	line-height: 1.4;
}
.mainContents .section .infoList{
	margin:2em 0 0;
}
.mainContents .section img{
	width: 100%;
	height: auto;
	max-width: 100%;
}
/** .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;
}
/* btnBlue */
.mainContents .section .btnBlue {
	max-width:none;
}
/** stepNav **/
.mainContents .stepNav{
	margin: 2em auto 0;
	display:table;
	width: 100%;
	background-color: #e6e6e6;
	overflow: hidden;
}
.mainContents .stepNav li{
	display: table-cell;
	padding: 10px 5px 10px 18px;
	color:#262626;
	font-size:14px;
	text-align: center;
	position: relative;
	white-space: nowrap;
}
.mainContents .stepNav li::before,
.mainContents .stepNav li::after{
	position: absolute;
	right:-30px;
	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: 10px solid #e6e6e6;
}
.mainContents .stepNav li::before{
	border-top: 23px solid transparent;
	border-right: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 13px solid #fff;
	right:-36px;
	top:-3px;
}
.mainContents .stepNav li.active::before,
.mainContents .stepNav li.active::after{
	border-left: 10px solid #0099ff;
}
.mainContents .stepNav li.active::before{
	border-left: 13px 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: 25px 0 0;
	font-size:16px;
}
.mainContents .h2Line .internal::after {
	-ms-transform: rotate(45deg) translate(8px,0px);
	-webkit-transform: rotate(45deg) translate(8px,0px);
	transform: rotate(45deg) translate(8px,0px);
}
/*** h3Line ***/
.mainContents .h3Line{
	margin: 1.5em 0 0;
	font-size:15px;
}
/*** h4Line ***/
.mainContents .h4Line{
	margin: 1em 0 0;
	font-size:14px;
}
/*** h5Line ***/
.mainContents .h5Line{
	margin: 1em 0 0;
	font-size:13px;
}
/*** h6Line ***/
.mainContents .h6Line{
	margin: 1em 0 0;
	font-size:12px;
}
.mainContents .h3Line .internal::after ,
.mainContents .h4Line .internal::after ,
.mainContents .h5Line .internal::after ,
.mainContents .h6Line .internal::after {
	-ms-transform: rotate(45deg) translate(7px,0px);
	-webkit-transform: rotate(45deg) translate(7px,0px);
	transform: rotate(45deg) translate(7px,0px);
}
/** 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;
	width: 40%;
	vertical-align: top;
}
.mainContents .imgFloat .imgLeft img,
.mainContents .imgFloat .imgRight img{
	width: 100%;
	height: auto;
}
.mainContents .imgFloat .text{
	display: table-cell;
	width: 60%;
	vertical-align: top;
}
.mainContents .imgFloat .imgLeft + .text p{
	margin-left: 15px;
	margin-right: 0;
}
.mainContents .imgFloat .text p{
	margin-right: 15px;
}
.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: block;
	width: 100%;
}
.mainContents .listNav.flat li{
	display: inline-block;
	margin-right: 10px;
}
.mainContents .listNav.bgGray{
	width: 100%;
	padding-top: 1em;
	padding-left:15px;
	padding-right: 15px;
	margin-left: -15px;
}

/* tabNav */
.mainContents .tabNav {
	width: 100%;
	padding-left:15px;
	padding-right: 15px;
	margin-left: -15px;
	border-bottom: 2px solid #0099ff;
	overflow: hidden;
}
.mainContents .tabNav.premium{
	border-bottom: 2px solid #f7cc2c;
}
.mainContents .tabNav.hikari{
	border-bottom: 2px solid #f7cc2c;
}
.mainContents .tabNav ul{
	display:table;
	width: -webkit-calc(100% + 30px);
	width: calc(100% + 30px);
	margin:0 -15px;
	letter-spacing: -.4em;
}
.mainContents .tabNav li{
	display: table-cell;
	letter-spacing: normal;
	width: 100%;
	text-align: center;
	background-color: #e6e6e6;
	vertical-align: middle;
	border-right: 4px solid #fff;
	font-size:12px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .tabNav li:first-child{
	margin-left: -15px;
}
.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%, #00b3c9 100%);
	background: -webkit-linear-gradient(left, #0099ff 0%,#00b3c9 100%);
	background: linear-gradient(to right, #0099ff 0%,#00b3c9 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: 20px 8px;
	margin:-10px 0;
}
.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 .tab2 li{
	width: 50%;
}
.mainContents .tabNav .tab3 li{
	width: 33.3333%;
}
.mainContents .tabNav .tab4 li{
	width: 25%;
}
.mainContents .tabNav .tab5 li{
	width: 20%;
}
.mainContents .tabNav .tab6 li{
	width: 16.66666%;
}

/* tabContents */
.mainContents .tabContents{
	margin:2em 0 0;
}
.mainContents .tabContents .vodContents{
	margin:100px 0;
}
.mainContents .tabContents .tabContentsBnrArea{
	display:none;
	margin:0 0 20px;
	text-align:center;
}
.mainContents .tabContents .tabContentsBnrArea li{
	margin:0 0 10px;
}
.mainContents .tabContents .tabContentsBnrArea li img{
	max-width:100%;
	height:auto;
}
.mainContents .tabContents .tabContentsBnrArea.active{
	display: block;
}

/*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-left: 0;
	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:0.5em;
	height:0.5em;
	vertical-align: text-top;
	border-top:1px solid #0099ff;
	border-left:1px solid #0099ff;
	-ms-transform:rotate(-45deg) translate(-5px,0px);
	-webkit-transform:rotate(-45deg) translate(-5px,0px);
	transform:rotate(-45deg) translate(-5px,0px);
}
.mainContents .linearNav li.next{
	margin-right: 0;
	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:0.5em;
	height:0.5em;
	vertical-align: text-top;
	border-top:1px solid #0099ff;
	border-right:1px solid #0099ff;
	-ms-transform:rotate(45deg) translate(5px,0px);
	-webkit-transform:rotate(45deg) translate(5px,0px);
	transform:rotate(45deg) translate(5px,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;
}
/** attention **/
.mainContents .attention{
	padding-left: 0;
	list-style-type: none;
	color:#fe295f;
}
.mainContents .attention > li{
	margin-left: 1.2em;
	text-indent: -1em;
}
.mainContents .attention > li::before{
	content: "\0203B";
	margin-right: 3px;
}
/** 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) ") ";
}
/** caution **/
.mainContents .caution{
	padding-left: 0;
	list-style-type: none;
	color:#fe295f;
}
.mainContents .caution > li{
	margin-left: 1.2em;
	text-indent: -1em;
}
.mainContents .caution > li::before{
	content: "\0203B";
}
.mainContents section .caution{
	padding-left: 20px;
}
.mainContents .section .caution{
	padding-left: 0;
}

/* for sitemap */
.mainContents.sitemap .section{
	margin-bottom: 50px;
}
.mainContents.sitemap ul{
	margin-top: 18px;
}
.mainContents.sitemap ul li{
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 0;
}
.mainContents.sitemap ul ul li{
	font-weight: normal;
}

/* 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: 10px;
	font-weight: normal;
}
.mainContents .typeA td{
	border:1px solid #e8e8e8;
	padding: 10px;
}
.mainContents .typeA thead th{
	background-color: #d6eefd;
}
.mainContents .typeA .gray{
	background-color: #f7f7f7;
	color:#262626;
}
/** table scroll **/
.mainContents .scroll{
	overflow: hidden;
	overflow-x: auto;
}
.mainContents .scroll .typeA{
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

/* 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;
}

/* accordion */
.mainContents .accordion{
	margin:1em -15px 0;
	border-bottom:1px solid #d9d9d9;
}
.mainContents .accordion .accordionHead{
	padding:15px 40px 15px 15px;
	background-color:#f2f2f2;
	font-size:14px;
	font-weight:bold;
	position:relative;
	border-top:1px solid #d9d9d9;
}
.mainContents .accordion .accordionHead:after{
	display:inline-block;
	content:"";
	width:0.5em;
	height:0.5em;
	border-top:1px solid #0099ff;
	border-right:1px solid #0099ff;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	position:absolute;
	right:18px;
	top:18px;
}
.mainContents .accordion .accordionHead.open:after{
	display:inline-block;
	content:"";
	width:0.5em;
	height:0.5em;
	border-top:1px solid #0099ff;
	border-right:1px solid #0099ff;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	position:absolute;
	right:18px;
	top:20px;
}
.mainContents .accordion .accordionHead .accordionHeadSub{
	display:block;
	margin-top:5px;
	font-size:10px;
	font-weight:normal;
}
.mainContents .accordion .accordionBody{
	padding:15px;
}
.mainContents .accordion .accordionBody > *:first-child{
	margin-top:0;
}
.mainContents .accordion .accordionHead + .accordionBody{
	display:none;
}