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

/* font-size */
#mainArea{
	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 */
#mainArea a{
	color:#000;
}
#mainArea a:hover img{
	opacity:.5;
}
/* figure */
#mainArea figure{
	margin-top:1em;
}
#mainArea img{
	vertical-align:top;
}

#mainArea .underline{
	text-decoration:underline;
}
#mainArea .sectionTag{
	margin:0 auto 4em;
	min-width:960px;
	max-width:1200px;
}
#mainArea .sectionTag.bgWide{
	margin:0 auto 4em;
}
#mainArea .sectionTag .sectionTag{
	margin:0;
}
/* p */
#mainArea p{
	margin:1em 0;
}
/* list */
#mainArea li{
	list-style-type:none;
}
#mainArea .mainContentsIn{
	max-width:1200px;
	min-width:960px;
	margin:0 auto 15px;
	/*display:table;*/
	width:100%;
}
/* title */
#mainArea .title {
	position:relative;
	z-index:19999;
}
#mainArea .title .categoryIcon{
	padding:0 20px;
	margin-bottom:0;
}
#mainArea .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;
}
#mainArea .title.withLogo h1{
	position:relative;
	padding:30px 20px 30px 100px;
}
#mainArea .title.withLogo h1 .channelLogo{
	position:absolute;
	left:11px;
	top:8px;
}
#mainArea .title.withLogo h1 .channelLogo img{
	width:64px;
	height:64px;
	vertical-align:top;
}

/** localnav **/
#mainArea .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;
}
#mainArea .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);
}
#mainArea .title .localnav.open::after{
	margin-top:-.2em;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#mainArea .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;
}
#mainArea .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;
}
#mainArea .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;
}
#mainArea .title .localnavMenu > ul{
	margin:10px 20px;
}
#mainArea .title .localnavMenu a,
#mainArea .title .localnavMenu span{
	display:block;
	position:relative;
}
#mainArea .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);
}
#mainArea .title .localnavMenu > ul > li{
	font-size:16px;
	font-weight:bold;
}
#mainArea .title .localnavMenu > ul > li > ul > li{
	font-size:14px;
	font-weight:normal;
}
#mainArea .title .localnavMenu > ul > li + li{
	border-top:1px solid #d9d9d9;
}
#mainArea .title .localnavMenu ul > li > a,
#mainArea .title .localnavMenu ul > li > span{
	padding:20px 0 15px 0;
}
#mainArea .title .localnavMenu ul > li > span{
	color:#999999;
}
#mainArea .title .localnavMenu ul > li > ul > li > a,
#mainArea .title .localnavMenu ul > li > ul > li > span{
	padding:10px 0;
}
#mainArea .title .localnavMenu ul > li > ul {
	margin-bottom:15px;
	margin-left:15px;
}


/* loginArea */
#mainArea .loginArea{
	display:table;
	background-image:url(/library/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;
}
#mainArea .loginArea a{
	color:#fff;
}
#mainArea .loginArea .colL{
	display:table-cell;
	padding:30px 0 30px 30px;
	vertical-align:top;
}
#mainArea .loginArea .colR{
	display:table-cell;
	width:330px;
	padding:30px 30px 30px 20px;
	vertical-align:top;
}
#mainArea .loginArea dt{
	font-weight:bold;
}
#mainArea .loginArea .frmTxt{
	background-color:#d6ebf4;
	border:none;
	padding:10px;
	margin:10px 0;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .loginArea dd + dt{
	margin-top:1.5em;
}
#mainArea .loginArea .loginCheck{
	position:relative;
}
#mainArea .loginArea p{
	margin-top:0;
	line-height:1.4;
}
#mainArea .loginArea .loginCheck .autoLogin{
	position:absolute;
	left:6px;
	top:19%;
	opacity:0;
}
#mainArea .loginArea .loginCheck input[type="checkbox"] + label {
	display:block;
	background-image:url(/library/pc_tpl/images/bg_checkbox_off.png);
	background-size:26px;
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 40px;
}
#mainArea .loginArea .loginCheck input[type="checkbox"]:checked + label {
	background-image:url(/library/pc_tpl/images/bg_checkbox_on.png);
}
#mainArea .loginArea .loginCheck p + p{
	position:absolute;
	right:0;
	top:0;
}
/** ablank **/
#mainArea .loginArea .ablank{
	position:relative;
}
#mainArea .loginArea .ablank:hover{
	text-decoration:underline;
}
#mainArea .loginArea .ablank::after{
	display:inline-block;
	content:"";
	width:10px;
	height:9px;
	background-image:url(/library/pc_tpl/images/arrow_ablank.png);
	background-size:10px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-left:5px;
	vertical-align:middle;
}
/** internal **/
#mainArea .internal{
	padding-right:16px;
}
#mainArea .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);
}
#mainArea .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 **/
#mainArea .external{
	padding-right:16px;
}
#mainArea .external::after{
	display:inline-block;
	content:"";
	width:10px;
	height:9px;
	background:url(/library/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 **/
#mainArea .pdf{
	padding-right:16px;
}
#mainArea .pdf::after{
	display:inline-block;
	content:"";
	width:11px;
	height:13px;
	background:url(/library/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 **/
#mainArea .anchor{
	padding-right:16px;
}
#mainArea .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);
}
#mainArea .anchor.wowIcon{
	display:inline-block;
	padding:0 0 0 50px;
	line-height:40px;
	background:url(/library/common_r1/images/channel/detail_anchorlink.png) no-repeat 0 0;
}
#mainArea .anchor.vodancIcon{
	display:inline-block;
	padding:0 0 0 50px;
	line-height:40px;
	background:url(/library/common_r1/images/channel/vod_anchorlink.png) no-repeat 0 0;
}

/** formBtn **/
#mainArea .loginArea .formBtn{
	margin:2.5em 0 2em;
	text-align:center;
}
/** searchBoxError **/
#mainArea .searchBoxError h2{
	margin:.85em 0 .8em;
}
/*** searchBox ***/
#mainArea .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;
}
#mainArea .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;
}
#mainArea .searchBox input[type="submit"]:hover{
	cursor: pointer;
	opacity: .5;
}

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

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

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

/* balloon */
#mainArea .balloon{
	position:relative;
}
#mainArea .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 */
#mainArea .infoList{
	margin:2em 30px 0;
}
#mainArea .infoList li{
	border-bottom:1px dotted #000;
	margin-bottom:20px;
	padding-bottom:20px;
}
#mainArea .infoList li:first-child{
	border-top:1px dotted #000;
	margin-top:20px;
	padding-top:20px;
}
#mainArea .infoList dl{
	display:table;
	width:100%;
	margin:0;
}
#mainArea .infoList dt{
	display:table-cell;
	width:90px;
}
#mainArea .infoList dd{
	display:table-cell;
	line-height:1.7;
}
#mainArea .infoList a{
	display:block;
	font-size:14px;
	margin-left:20px;
}
#mainArea .infoList a:hover{
	text-decoration:underline;
}
/** パック詳細のリスト **/
#mainArea .infoList.packDetail dt {
	width:60px;
}
#mainArea .infoList.packDetail dt img{
	width:100%;
	height:auto;
}
#mainArea .infoList.packDetail dd{
	display:block;
	margin-left:20px;
}
#mainArea .infoList.packDetail .title{
	margin-bottom:10px;
	font-weight:bold;
}
#mainArea .infoList.packDetail dt a,
#mainArea .infoList.packDetail dd a{
	margin-left:0;
}


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

/* .mainVisual */
#mainArea .mainVisual{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	overflow:hidden;
}
#mainArea .mainVisual.guide{
	background-image:url(/guide/img/cate/main_bg.png);
}
#mainArea .mainVisual.plan{
	background-image:url(/plan/img/main_bg.png);
}
#mainArea .mainVisual h2{
	color:#fff;
	font-size:24px;
	text-align:center;
	margin:2em auto;
	font-weight:bold;
}
#mainArea .mainVisual.plan h2{
	color:#000;
	margin:2em auto 1em;
}
#mainArea .mainVisual.plan figure{
	margin:3em 0 1em;
	position:relative;
}
#mainArea .mainVisual.plan figure .btnRed{
	position:absolute;
	left:47.5%;
	top:224px;
	max-width:167px;
}
#mainArea .mainVisual.plan figure .btnRed span{
	width:100px;
	padding:5px;
	height:23px;
}
#mainArea .mainVisual.plan .note{
	margin:3em 0;
}
#mainArea .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;
}
#mainArea .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);
}
#mainArea .mainVisual .col figure{
	margin:0;
	position:relative;
}
#mainArea .mainVisual .col figure figcaption{
	position:absolute;
	left:0;
	right:0;
	top:12px;
	text-align:center;
	font-size:15px;
}
#mainArea .mainVisual .col figure figcaption .sName{
	color:#0099ff;
	font-size:26px;
	font-weight:bold;
	display:block;
	margin-top:8px;
}
#mainArea .mainVisual .col figure img{
	width:100%;
	max-width:445px;
	height:auto;
}
#mainArea .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;
}
#mainArea .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;
}
#mainArea .mainVisual .btnImage a:hover {
	opacity:.5;
}
#mainArea .mainVisual .btnImage a span {
	display:inline-block;
	position:relative;
}
#mainArea .mainVisual .btnImage a span img.guidePlanAddImg{
	position:absolute;
	top:-54px;
}
#mainArea .mainVisual .link {
	color:#fff;
	text-align:center;
	margin:2em 0;
}
#mainArea .mainVisual .link a{
	color:#fff;
	position:relative;
	padding-right:10px;
	text-decoration:none;
}
#mainArea .mainVisual .link a:hover{
	text-decoration:underline;
}

/** internal **/
#mainArea .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 */
#mainArea .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;
}
#mainArea .linkBox .col{
	display:table-cell;
	width:48%;
	background-color:#0099ff;
}
#mainArea .linkBox .col:hover{
	opacity:.5;
}
#mainArea .linkBox .col a{
	display:block;
	text-align:center;
	color:#fff;
	padding:20px;
	text-decoration:none;
}
#mainArea .linkBox .col a span{
	position:relative;
	padding-right:20px;
}
#mainArea .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 */
#mainArea .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;
}
#mainArea .column3 .col{
	float:left;
	width:33.3%;
	padding-right:30px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

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

/* column2 */
#mainArea .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;
}
#mainArea .column2 .col{
	float:left;
	width:50%;
	padding-right:30px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

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

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

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

/* iconCheck */
#mainArea .column3.plan ul.height{
	margin-bottom:1em;
	min-height:100px;
}
#mainArea .iconCheck{
	position:relative;
	padding-left:28px;
	margin:0 10px;
}
#mainArea .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 */
#mainArea .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;
}
#mainArea .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;
}
#mainArea .boxBorderTop a:hover img{
	opacity:.5;
}
/* note */
#mainArea .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;
}
#mainArea .note > li{
	margin-left:1.2em;
	text-indent:-1em;
}
#mainArea .note > li::before{
	content:"\0203B";
}
#mainArea .note a:hover{
	color:#262626;
}
#mainArea .planTop .note a{
	color:#fff;
}
/* bgGray */
#mainArea .bgGray{
	padding:1em 0;
	background-color:#f5f5f5;
	width:100%;
}
#mainArea .bgGray .h3Tit{
	margin-top:2em;
}
/** plan **/
#mainArea .bgGray.bgGrayPlan{
	margin-bottom:0;
	padding-bottom:3em;
}
/* imgWide100 */
#mainArea .imgWide100 img{
	width:100%;
	max-width:960px;
	height:auto;
}
/* btnRed */
#mainArea .btnRed {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
#mainArea .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;
}
#mainArea .btnRed:hover span {
	opacity:.5;
}
#mainArea .btnRed.white span {
	color:#fe295f;
	background-color:#fff;
	border:2px solid #fe295f;
	padding:8px 10px;
}

/* btnBlue */
#mainArea .btnBlue {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
#mainArea .btnBlue.fullWid {
	max-width:none;
}
#mainArea .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;
}
#mainArea .btnBlue:hover span {
	opacity:.5;
}
#mainArea .btnBlue.white span {
	color:#0099ff;
	background-color:#fff;
	border:2px solid #0099ff;
	padding:8px 10px;
}
/** チャンネル/パック・セット **/
#mainArea .programInfo .btnBlue {
	max-width:190px;
	font-size:14px;
}
#mainArea .programInfo .btnBlue span {
	padding:4px 5px;
}
#mainArea .programInfo .btnBlue.white span {
	padding:2px 5px;
}
/* btnBlueLine */
#mainArea .btnBlueLine {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
#mainArea .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;
}
#mainArea .btnBlueLine:hover span {
	opacity:.5;
}

/* btnGray */
#mainArea .btnGray {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
#mainArea .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;
}
#mainArea .btnGray:hover span {
	opacity:.5;
}

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

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

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

/* guideFeeText */
#mainArea figure.guideFeeText{
	position:relative;
}
#mainArea figure.guideFeeText figcaption{
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:64px;
	font-size:18px;
}
#mainArea figure.guideFeeText figcaption a{
	color:#0099ff;
}
#mainArea figure.guideFeeText figcaption a:hover{
	opacity:.5;
}
#mainArea figure.guideFeeText .btnRed{
	position:absolute;
	left:48%;
	top:224px;
	max-width:167px;
}
#mainArea figure.guideFeeText .btnRed span{
	width:100px;
	padding:5px;
	height:23px;
}
/* slick-slider */
#mainArea .slick-slider .prev,
#mainArea .slick-slider .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;
}
#mainArea .slick-slider .prev{
	left:0;
}
#mainArea .slick-slider .next{
	right:0;
}
#mainArea .slick-slider .prev:hover,
#mainArea .slick-slider .next:hover{
	opacity:.5;
}
#mainArea .slick-slider .prev::after ,
#mainArea .slick-slider .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);
}
#mainArea .slick-slider .next::after {
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	right:16px;
}
#mainArea .slick-slider .prev.slick-disabled,
#mainArea .slick-slider .next.lick-disabled{
	opacity:0.2;
}

/* carousel */
#mainArea .carousel{
	margin:3em auto 0;
	padding-left:12px;
	position:relative;
	overflow:hidden;
}
#mainArea .carousel .prev,
#mainArea .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;
}
#mainArea .carousel .prev{
	left:-12px;
}
#mainArea .carousel .next{
	right:0;
}
#mainArea .carousel .prev:hover,
#mainArea .carousel .next:hover{
	opacity:.5;
}
#mainArea .carousel .prev::after ,
#mainArea .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);
}
#mainArea .carousel .next::after {
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	right:16px;
}
#mainArea .carousel .prev.slick-disabled,
#mainArea .carousel .next.lick-disabled{
	opacity:0.2;
}
#mainArea .carousel ul li{
	width:308px;
	vertical-align:top;
	padding-top:12px;
	padding-bottom:12px;
}
#mainArea .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);
}
#mainArea .carousel ul li .carouselIn a:hover{
	color:#262626;
}
#mainArea .carousel ul li .carouselIn a:hover img{
	opacity:.5;
}
#mainArea .carousel ul li .carouselIn figure{
	margin-bottom:0;
}
#mainArea .carousel .text{
	margin:0 20px 10px;
	font-size:16px;
	overflow:hidden;
	padding-bottom:60px;
}
#mainArea .carousel .price{
	position:absolute;
	right:10px;
	bottom:0;
	text-align:right;
	font-weight:bold;
}
#mainArea .carousel .price span{
	font-size:40px;
}

/* channelBnrSlider */
#mainArea .channelBnrSlider{
	margin:3em -20px 0;
	padding:0 30px;
	position:relative;
}
#mainArea .channelBnrSlider ul{
	margin-top:0;
}
#mainArea .channelBnrSlider ul li{
	vertical-align:top;
	margin:0 10px;
	text-align:center;
}
#mainArea .channelBnrSlider ul li a{
	display:inline-block;
}
#mainArea .channelBnrSlider ul li a img{
	max-width:100%;
	height:auto;
}
#mainArea .channelBnrSlider .slick-slider{
	position:static;
}
#mainArea .channelBnrSlider .slick-list{
	margin:0 -10px;
}

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

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

/** mainVisualTop **/
#mainArea .mainVisualTop{
	height:420px;
	background:url(/library/top/img/main_bg.jpg) no-repeat left top;
	position:relative;
}
#mainArea .mainVisualTop .mainVisualTopText{
	width:300px;
	text-align:center;
	position:absolute;
	right:106px;
	top:108px;
}
#mainArea .mainVisualTop .mainVisualTopText h2{
	margin:0 0 40px 0;
}
#mainArea .mainVisualTop .mainVisualTopText a.btnRed{
	max-width:100%;
}

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

#mainArea .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;
}
#mainArea .carousel.carouselTop ul li a{
	display:block;
	text-decoration:none;
}
#mainArea .carousel.carouselTop ul li a:hover{
	opacity:.5;
	color:#000;
}
#mainArea .carousel.carouselTop ul li figure{
	margin-top:0;
	margin-bottom:0;
}
#mainArea .carousel.carouselTop ul li figure span.figureImg{
	display:block;
	width:315px;
	height:177px;
	text-align:center;
}
#mainArea .carousel.carouselTop ul li figure span.figureImg.bgBlack{
	background-color:#000;
}
#mainArea #carouselAccess.carousel.carouselTop ul li figure span.figureImg{
	display:table-cell;
	vertical-align:middle;
}
#mainArea .carousel.carouselTop ul li figure span.figureImg img{
	max-height:100%;
	max-width:100%;
	display:inline-block!important;
}
#mainArea .carousel.carouselTop ul li figure figcaption{
	font-size:16px;
	padding:10px 10px 0 10px;
	margin:0;
	line-height:1.4;
}
#mainArea .carousel.carouselTop ul li figure figcaption span{
	display:block;
	word-break:break-all;
}
#mainArea .carousel.carouselTop ul li figure figcaption span.blueText{
	display:block;
	color:#0099ff;
	margin-top:5px;
}

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

/** planTop **/
#mainArea .planTop{
	height:600px;
	background:url(/library/top/img/plan_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:40px 0 0;
	margin-top:2em;
	color:#fff;
}
#mainArea .planTopBtn {
	display:table;
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:250px;
	text-decoration:none;
}
#mainArea .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;
}
#mainArea .planTopBtn:hover span {
	opacity:.5;
}
#mainArea ul.channelList{
	margin-top:50px;
	margin-bottom:50px;
}
#mainArea ul.channelList li{
	margin-right:50px;
	width:110px;
	height:110px;
	background-color:#fff;
	border-radius:15px;
}
#mainArea ul.channelList li img{
	padding:10px;
}

/** guideTop **/
#mainArea .guideTop{
	overflow:hidden;
	margin-top:2em;
}
#mainArea .guideTop .guideTopCol{
	width:50%;
	height:auto;
	float:left;
	position:relative;
}
#mainArea .guideTop .guideTopCol:before{
	content:"";
	display:block;
	padding-top:88%;
}
#mainArea .guideTop .guideTopCol .guideTopColIn{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:3% 30px;
}
#mainArea .guideTop .guideTopCol.guideTopCol1{
	background:url(/library/top/img/guide01_bg.jpg) no-repeat center center;
	background-size:cover;
}
#mainArea .guideTop .guideTopCol.guideTopCol2{
	background:url(/library/top/img/guide02_bg.jpg) no-repeat center center;
	background-size:cover;
}
#mainArea .guideTop .guideTopCol.guideTopCol2 ul{
	position:absolute;
	bottom:20px;
	padding:0;
	max-width:none;
	min-width:0;
	width:auto;
}

/* itemGuard */
.itemGuard {
	position:relative;
	display:inline-block;
}
.itemGuard span.play {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/library/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 **/
#mainArea .left{text-align:left;}
#mainArea .center{text-align:center;}
#mainArea .right{text-align:right;}
/** font **/
#mainArea .font24{font-size:24px;}
#mainArea .font20{font-size:20px;}
#mainArea .font16{font-size:16px;}
/** color **/
#mainArea .colorBlue{color:#0099ff;}
#mainArea .colorRed{color:#fe295f;}

/** disIB **/
#mainArea .disIB{
	display:inline-block;
}


/* 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 */
#mainArea .adultAbout{
	margin:10em auto 12em;
}
#mainArea .adultAbout figcaption{
	font-size:22px;
	text-align:center;
	margin:1em auto;
}
#mainArea .adultAbout .btnBlue,
#mainArea .adultAbout .btnGray{
	max-width:300px;
}

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

/** stepNav **/
#mainArea .stepNav{
	margin:2em auto 0;
	display:table;
	width:100%;
	background-color:#e6e6e6;
	overflow:hidden;
}
#mainArea .stepNav li{
	display:table-cell;
	padding:10px 10px 10px 25px;
	color:#262626;
	font-size:14px;
	text-align:center;
	position:relative;
}
#mainArea .stepNav li::before,
#mainArea .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;
}
#mainArea .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;
}
#mainArea .stepNav li.active::before,
#mainArea .stepNav li.active::after{
	border-left:20px solid #0099ff;
}
#mainArea .stepNav li.active::before{
	border-left:23px solid #fff;
}
#mainArea .stepNav li:last-child::before,
#mainArea .stepNav li:last-child::after{
	display:none;
}
#mainArea .stepNav li.active{
	color:#fff;
	background-color:#0099ff;
}
#mainArea .stepNav.stepCol3 li{
	width:33%;
}
#mainArea .stepNav.stepCol3 li:last-child{
	width:34%;
}
#mainArea .stepNav.stepCol4 li{
	width:25%;
}
#mainArea .stepNav.stepCol5 li{
	width:20%;
}
#mainArea .stepNav.stepCol6 li{
	width:14%;
}
#mainArea .stepNav.stepCol6 li:first-child,
#mainArea .stepNav.stepCol6 li:last-child{
	width:13%;
}

/* commentsBox */
#mainArea .commentsBox{
	padding: 1.5em;
	margin-top: 2em;
	font-size: 15px;
	color: #fe295f;
}

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

/** column **/
/* img */
#mainArea .row img{
	height:auto;
	max-width:100%;
}
#mainArea .row {
	margin:2em -12px 0;
}
#mainArea .row + .row {
	margin:2em -12px 0;
}
#mainArea .row .row {
	margin:1em -12px 0;
}
#mainArea .col12,
#mainArea .col11,
#mainArea .col10,
#mainArea .col9,
#mainArea .col8,
#mainArea .col7,
#mainArea .col6,
#mainArea .col5,
#mainArea .col4,
#mainArea .col3,
#mainArea .col2,
#mainArea .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;
}
#mainArea .col12 > *:first-child,
#mainArea .col11 > *:first-child,
#mainArea .col10 > *:first-child,
#mainArea .col9 > *:first-child,
#mainArea .col8 > *:first-child,
#mainArea .col7 > *:first-child,
#mainArea .col6 > *:first-child,
#mainArea .col5 > *:first-child,
#mainArea .col4 > *:first-child,
#mainArea .col3 > *:first-child,
#mainArea .col2 > *:first-child,
#mainArea .col1 > *:first-child {
	margin-top:0;
	margin-bottom:0;
}
#mainArea .col12 {
	width:100%;
}
#mainArea .col11 {
	width:91.66666667%;
}
#mainArea .col10 {
	width:83.33333333%;
}
#mainArea .col9 {
	width:75%;
}
#mainArea .col8 {
	width:66.66666667%;
}
#mainArea .col7 {
	width:58.33333333%;
}
#mainArea .col6 {
	width:50%;
}
#mainArea .col5 {
	width:41.66666667%;
}
#mainArea .col4 {
	width:33.33333333%;
}
#mainArea .col3 {
	width:25%;
}
#mainArea .col2 {
	width:16.66666667%;
}
#mainArea .col1 {
	width:8.33333333%;
}
/** .clearfix **/
#mainArea .row:before,
#mainArea .row:after,
#mainArea .cf:before,
#mainArea .cf:after {
	content:" ";
	display:table;
}
#mainArea .row:after,
#mainArea .cf:after {
	clear:both;
}
#mainArea .row,
#mainArea .cf {
	*zoom:1;
}

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

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

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

/* tabNav */
#mainArea .tabNav{
	border-bottom:2px solid #0099ff;
	letter-spacing:-.4em;
}
#mainArea .tabNav.premium{
	border-bottom:2px solid #f7cc2c;
}
#mainArea .tabNav.hikari{
	border-bottom:2px solid #f7cc2c;
}
#mainArea .tabNav li{
	display:inline-block;
	letter-spacing:normal;
	width:210px;
	text-align:center;
	background-color:#e6e6e6;
	vertical-align:bottom;
	border-right:4px solid #fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .tabNav li:last-child{
	border-right:none;
}
#mainArea .tabNav li.active{
	background-color:#0099ff;
}
#mainArea .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%);
}
#mainArea .tabNav li.premium.active,
#mainArea .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%);
}
#mainArea .tabNav li.vod.active{
	background-color:#0099ff;
}
#mainArea .tabNav li a{
	display:block;
	padding:10px;
}
#mainArea .tabNav li.basic a{
	font-weight:bold;
}
#mainArea .tabNav li.premium a,
#mainArea .tabNav li.hikari a{
	font-weight:bold;
}
#mainArea .tabNav li.vod a{
	font-weight:bold;
}
#mainArea .tabNav li.active a{
	color:#fff;
}
#mainArea .tabNav li.basic.active a{
	color:#fff;
}
#mainArea .tabNav li.premium.active a,
#mainArea .tabNav li.hikari.active a{
	color:#0099ff;
}
#mainArea .tabNav li.vod.active a{
	color:#fff;
}
#mainArea .tabNav.tab5 li{
	width:167px;
}
#mainArea .tabNav.tab6 li{
	width:140px;
}

/* tabNavWithBtn */
#mainArea .tabNavWithBtn{
	display:table;
	width:100%;
	margin-bottom:2em;
}
#mainArea .tabNavWithBtn > li{
	display:table-cell;
	text-align:center;
	vertical-align:bottom;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .tabNavWithBtn > li.basic,
#mainArea .tabNavWithBtn > li.premium,
#mainArea .tabNavWithBtn > li.hikari{
	width:180px;
	font-size:14px;
}
#mainArea .tabNavWithBtn > li.premium,
#mainArea .tabNavWithBtn > li.hikari{
	border-left:2px solid transparent;
}
#mainArea .tabNavWithBtn > li:first-child{
	border-left:0;
}
#mainArea .tabNavWithBtn > li.tags{
	width:auto;
	font-size:12px;
	border-bottom:1px solid #d0d0d0;
}
#mainArea .tabNavWithBtn > li.basic{
	font-weight:bold;
}
#mainArea .tabNavWithBtn > li.premium{
	font-weight:bold;
}
#mainArea .tabNavWithBtn > li.hikari{
	font-weight:bold;
}
#mainArea .tabNavWithBtn > li.basic span,
#mainArea .tabNavWithBtn > li.premium span,
#mainArea .tabNavWithBtn > li.hikari span,
#mainArea .tabNavWithBtn > li.basic a,
#mainArea .tabNavWithBtn > li.premium a,
#mainArea .tabNavWithBtn > li.hikari a{
	position:relative;
	border-bottom:3px solid #d0d0d0;
}
#mainArea .tabNavWithBtn > li.basic.active span,
#mainArea .tabNavWithBtn > li.basic.active a,
#mainArea .tabNavWithBtn > li.basic a:hover{
	border-bottom:3px solid #0099ff;
}
#mainArea .tabNavWithBtn > li.premium.active span,
#mainArea .tabNavWithBtn > li.premium.active a,
#mainArea .tabNavWithBtn > li.premium a:hover{
	border-bottom:3px solid #f7cc2c;
}
#mainArea .tabNavWithBtn > li.hikari.active span,
#mainArea .tabNavWithBtn > li.hikari.active a,
#mainArea .tabNavWithBtn > li.hikari a:hover{
	border-bottom:3px solid #f7cc2c;
}
#mainArea .tabNavWithBtn > li.basic.active span::after,
#mainArea .tabNavWithBtn > li.premium.active span::after,
#mainArea .tabNavWithBtn > li.hikari.active span::after,
#mainArea .tabNavWithBtn > li.basic.active a::after,
#mainArea .tabNavWithBtn > li.premium.active a::after,
#mainArea .tabNavWithBtn > li.hikari.active a::after{
	content:'';
	position:absolute;
	bottom:;
	left:50%;
	bottom:-6px;
	width:0;
	height:0;
	margin-left:-10px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	clear:both;
}
#mainArea .tabNavWithBtn > li.basic.active span::after,
#mainArea .tabNavWithBtn > li.basic.active a::after{
	border-top:5px solid #0099ff;
}
#mainArea .tabNavWithBtn > li.premium.active span::after,
#mainArea .tabNavWithBtn > li.premium.active a::after{
	border-top:5px solid #f7cc2c;
}
#mainArea .tabNavWithBtn > li.hikari.active span::after,
#mainArea .tabNavWithBtn > li.hikari.active a::after{
	border-top:5px solid #f7cc2c;
}
#mainArea .tabNavWithBtn > li span,
#mainArea .tabNavWithBtn > li a{
	display:block;
	padding:10px;
}
#mainArea .tabNavWithBtn > li.tags{
	position:relative;
}
#mainArea .tabNavWithBtn > li.tags > ul{
	position:absolute;
	right:0;
	top:0;
	display:table;
	margin:0;
}

/* borderLink */
#mainArea .borderLink ul li{
	float:left;
	margin-right:10px;
}
#mainArea .borderLink ul li:last-child{
	margin-right:0;
}
#mainArea .borderLink ul li span,
#mainArea .borderLink ul li a{
	display:block;
	width:100%;
	padding:2px 10px;
	font-weight:bold;
	text-align:center;
	color:#0099ff;
	background-color:#fff;
	border:1px solid #0099ff;
	border-radius:10000px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .borderLink ul li a:hover{
	opacity:0.5;
	text-decoration:none;
}
/** チャンネル/パック・セット **/
#mainArea .programInfo .borderLink ul li span,
#mainArea .programInfo .borderLink ul li a{
	font-size:11px;
	font-feature-settings :"palt";
}

/* tabContents */
#mainArea .tabContents{
	margin:2em 0 0;
}
#mainArea .tabContents .vodContents{
	margin:100px 0;
}

/* sortArea */
#mainArea .sortArea{
	padding:15px 30px;
	margin:2em -20px 0;
	background:#f5f5f5;
}
#mainArea .sortArea .sortGenre{

}
#mainArea .sortArea .sortGenre li{
	float:left;
	width:20%;
	padding:10px;
	border-right:2px solid #f5f5f5;
	margin-bottom:2px;
	background-color:#fff;
	color:#262626;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .sortArea .sortGenre li.active{
	background-color:#0099ff;
	color:#fff;
}
#mainArea .sortArea .genreSearchBox{
	position:relative;
	margin-top:20px;
}
#mainArea .sortArea .genreSearchBox .search{
	width:100%;
	padding:12px 35px 12px 12px;
	border:1px solid #dfdfdf;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .sortArea .genreSearchBox .btn{
	position:absolute;
	top:14px;
	right:14px;
}

/* tax_area */
#mainArea .tax_area{
	padding: 1.5em;
	margin-top: 2em;
	background-color: #fff2f2;
	font-size: 15px;
	color: #fe295f;
}

/* channelListProgramArea */
#mainArea .channelListProgramArea{
	margin:25px -14px 0 0;
}
#mainArea .channelListProgramArea .programInfoWrap{
	width:33.33%;
	float:left;
}
#mainArea .channelListProgramArea .programInfo{
	margin:0 24px 24px 0;
	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);
}
#mainArea .channelListProgramArea .pack.packBadge .programInfo{
	position:relative;
	background-color:#f2ffff;
}
#mainArea .channelListProgramArea .pack.packBadge .programInfo::before{
	position:absolute;
	right:-12px;
	top:-15px;
	display:inline-block;
	content:"";
	width:63px;
	height:63px;
	background-image:url(/library/common_r1/images/pack/icon_osusume.png);
	background-size:63px;
	background-position:left top;
	background-repeat:no-repeat;
}
#mainArea .channelListProgramArea .programInfo .genreTit{
	padding:5px 20px;
	margin:0;
	font-weight:bold;
	font-size:16px;
	background-color:#0099ff;
	color:#fff;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn{
	padding:10px 20px;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .btnArea{
	margin:1em 0;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .onlyPremium{
	display:table;
	width:100%;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .onlyPremium .onlyPremiumIn{
	display:table-cell;
	vertical-align:middle;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .onlyPremium .onlyPremiumIn .btnBlue{
	max-width:240px;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .basicInfo{
	border-bottom:1px dotted #cbcbcb;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .basicInfo .imgFloat{
	margin-bottom:1em;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .imgFloat .imgLeft{
	padding:5px;
	height:84px;
	width:84px;
	background:#fff;
	border:1px solid #cbcbcb;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .imgFloat .imgLeft img{
	width:100%;
	height:auto;
	margin:0;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .imgFloat .text{
	font-size:15px;
	font-weight:bold;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .imgFloat .imgLeft + .text{
	border-left:15px solid transparent;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .infoArea .mainInfo{
	font-size:15px;
	font-weight:bold;
	margin-bottom:0;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .sideInfo{
	font-size:12px;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .programType{
	margin-top:20px;
	border-top:1px solid #cbcbcb;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .programType ul li{
	float:left;
	width:50%;
	margin-bottom:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .programType ul li{
	margin-right:0;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .programType ul li:nth-child(odd){
	border-right:5px solid transparent;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .programType ul li:nth-child(even){
	border-left:5px solid transparent;
}
#mainArea .channelListProgramArea .programInfo .programInfoIn .programType ul li a{
	padding:2px;
}

/* errorText */
#mainArea .errorText{
	display:none;
	margin:100px 0 150px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/* channelDetailProgramArea */
#mainArea .channelDetailProgramArea{
	display:none;
	margin-top:30px;
}
#mainArea .channelDetailProgramArea .channelDetailSlide{
	margin:1em  -20px 0;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem{
	margin:15px 10px;
	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);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a{
	display:block;
	padding:20px;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat{
	margin-top:0;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .imgLeft{
	width:370px;
	height:208px;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .imgLeft img{
	max-width:370px;
	max-height:208px;
	margin:0 auto;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .imgLeft.icon{
	display:table-cell;
	width:370px;
	height:208px;
	vertical-align:middle;
	text-align:center;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .imgLeft.icon img{
	display:inline-block;
	margin-right:0;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .imgLeft + .text{
	border-left:15px solid transparent;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .text{
	position:relative;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .text .timeFlag{
	position:absolute;
	left:0;
	bottom:0;
	display:inline-block;
	padding:5px 10px;
	margin:0;
	color:#fff;
	background:#0099ff;
	font-size:12px;
	border-radius:3px;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a .imgFloat .text .timeFlag.onair{
	background:#ff0000;
}
#mainArea .channelDetailProgramArea .channelDetailSlide .channelDetailSlideWrap .slideItem a:hover .imgFloat .text .timeFlag{
	text-decoration:none;
}

/* linearNav */
#mainArea .linearNav{
	margin:1em auto 0;
	text-align:center;
}
#mainArea .linearNav ul{
	margin:0 auto;
	display:inline-block;
	letter-spacing:-.4em;
}
#mainArea .linearNav li{
	display:inline-block;
	letter-spacing:normal;
	padding:4px 6px;
	background-color:#e6e6e6;
	margin:0 5px;
	line-height:1;
}
#mainArea .linearNav li.active{
	background-color:#0099ff;
	color:#fff;
}
#mainArea .linearNav li.active a{
	color:#fff;
}
#mainArea .linearNav li a{
	display:block;
}
#mainArea .linearNav li.prev{
	margin-right:15px;
	background-color:inherit;
}
#mainArea .linearNav li.prev a{
	padding-left:16px;
}
#mainArea .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);
}
#mainArea .linearNav li.next{
	margin-left:15px;
	background-color:inherit;
}
#mainArea .linearNav li.next a{
	padding-right:16px;
}
#mainArea .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);
}
#mainArea .linearNav.wide100pr{
	display:table;
	width:100%;
}
#mainArea .linearNav.wide100pr li.prev,
#mainArea .linearNav.wide100pr li.next{
	display:table-cell;
	width:50%;
	padding:0;
}
#mainArea .linearNav.wide100pr li.prev a,
#mainArea .linearNav.wide100pr li.next a{
	display:inline-block;
}
#mainArea .linearNav.wide100pr li.prev{
	text-align:left;
}
#mainArea .linearNav.wide100pr li.next{
	text-align:right;
}

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

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

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

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

/* close */
#mainArea .close a{
	display:inline-block;
	position:relative;
	margin-left:22px;
}
#mainArea .close a::before,
#mainArea .close a::after{
	position:absolute;
	display:inline-block;
	content:"";
	width:12px;
	height:2px;
	background:#0099ff;
	left:-18px;
	top:50%;
}
#mainArea .close a::before{
	-ms-transform:translate(0px,0px) rotate(-135deg);
	-webkit-transform:translate(0px,0px) rotate(-135deg);
	transform:translate(0px,0px) rotate(-135deg);
}
#mainArea .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 */
#mainArea .typeA{
	margin:1em 0 0;
	border-collapse:collapse;
	width:100%;
}
#mainArea .typeA caption{
	text-align:left;
	margin:.5em 0;
}
#mainArea .typeA th{
	background-color:#d6eefd;
	border:1px solid #e8e8e8;
	padding:20px;
	font-weight:normal;
}
#mainArea .typeA td{
	border:1px solid #e8e8e8;
	padding:20px;
}
#mainArea .typeA thead th{
	background-color:#d6eefd;
}
#mainArea .typeA .gray{
	background-color:#f7f7f7;
	color:#262626;
}

/* roundLink */
#mainArea .roundLink{
	text-align:center;
}
#mainArea .roundLink ul{
	display:inline-block;
	letter-spacing:-0.4em;
	margin-top:0;
}
#mainArea .roundLink ul li{
	display:inline-block;
	letter-spacing:normal;
}
#mainArea .roundLink ul li + li{
	margin-left:20px;
}
#mainArea .roundLink ul li span,
#mainArea .roundLink ul li a{
	display:inline-block;
	min-width:270px;
	padding:15px 25px;
	border-radius:10000px;
	color:#fff;
	font-weight:bold;
	background:#0099ff;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#mainArea .roundLink ul li span:hover,
#mainArea .roundLink ul li a:hover{
	text-decoration:none;
	opacity:0.5;
}
#mainArea .roundLink ul li span.red,
#mainArea .roundLink ul li a.red{
	background:#fe295f;
}
#mainArea .roundLink ul li span.gray,
#mainArea .roundLink ul li a.gray{
	background:#b3b3b3;
}

/* staticBnr */
#mainArea .staticBnr{
	margin-top:30px;
}
#mainArea .staticBnr ul{
	margin-bottom:-0.5em;
}
#mainArea .staticBnr ul li{
	text-align:center;
	margin-bottom:0.5em;
}
#mainArea .staticBnr ul li img{
	max-width:100%;
	height:auto;
}
#mainArea .staticBnr.adult ul li img{
	cursor:pointer;
}
#mainArea .staticBnr.adult ul li img:hover{
	opacity:0.5;
}

/* wow */
#mainArea #wow .imgFloat .imgLeft{
	width:82px;
}

/* channelLogo */
#mainArea .channelLogo{
	display:inline-block;
	padding:5px;
	border:1px solid #dfdfdf;
}

/* vodInfo */
#mainArea .vodInfo{
	margin-top:30px;
}
#mainArea .vodInfo .withImgCol{
	padding:20px 0;
	border-bottom:1px dotted #cbcbcb;
}
#mainArea .vodInfo .withImgCol:first-child{
	border-top:1px dotted #cbcbcb;
}

/* withImgCol */
#mainArea .withImgCol .txtR,
#mainArea .withImgCol .txtL{
	overflow:hidden;
}
#mainArea .withImgCol .imgL{
	float:left;
	margin:0 20px 0 0;
}
#mainArea .withImgCol .imgR{
	float:right;
	margin:0 0 0 20px;
}
#mainArea .withImgCol .txtR *:first-child,
#mainArea .withImgCol .txtL *:first-child,
#mainArea .withImgCol .imgL *:first-child,
#mainArea .withImgCol .imgR *:first-child{
	margin-top:0;
}
#mainArea .withImgCol .txtR *:last-child,
#mainArea .withImgCol .txtL *:last-child,
#mainArea .withImgCol .imgL *:last-child,
#mainArea .withImgCol .imgR *:last-child{
	margin-bottom:0;
}

#mainArea .vodInfo .txtR {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#mainArea .withImgCol .txtR .chName {
	margin: 0;
}

#mainArea .withImgCol .txtR ul {
	display: flex;
	margin: 0;
}
#mainArea .withImgCol .txtR ul + p {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}

#mainArea .withImgCol .txtR li {
	width: 50px;
	height: 20px;
	color: #fff;
	margin-right: 5px;
	text-align: center;
	line-height: 20px;
}
#mainArea .withImgCol .txtR li.icon_video {
	background: #2c9d07;
}
#mainArea .withImgCol .txtR li.icon_linear {
	background: #0099e9;
}
#mainArea .withImgCol .txtR li.icon_live {
	background: #cc0001;
}
#mainArea .withImgCol .txtR li.icon_miss {
	background: #6e8afd;
}

/* logoList */
#mainArea .logoList ul{
	margin-bottom:-24px;
}
#mainArea .logoList ul li{
	margin-right:24px;
	margin-bottom:24px;
	float:left;
    height: 102px;
    overflow: hidden;
}
#mainArea .logoList ul li .genreTxt{
	display:table-cell;
	width:86px;
	height:86px;
	padding:8px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background:#000;
}

/* simpleDefineList */
#mainArea .simpleDefineList dl dt,
#mainArea .simpleDefineList dl dd{
	display:inline-block;
}
#mainArea .simpleDefineList dl dt{
	margin-right:30px;
}

/* skyModal */
#mainArea .skyModalArea .skyModalBg{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:50000;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
}
#mainArea .skyModalArea .skyModal{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:50000;
	width:100%;
	height:100%;
}
#mainArea .skyModalArea .skyModal .skyModalIn{
	position:relative;
	margin:100px auto 0;
	width:600px;
	padding:35px;
	background:#fff;
}
#mainArea .skyModalArea .skyModal .skyModalIn .closeIcon{
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	margin:0;
	background:url(/library/common_r1/images/btn_modal_close.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
}

/* rejoin */
#mainArea .rejoin_L{
	padding-left:80px;
}
#mainArea .rejoin_R{
	padding-right:70px;
}