@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
TVer 2019 (max-width:767px)
/////////////////////////////////////////////////////////////////////////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body { height:100%;}
html { font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif;}
body { font-size:62.5%; line-height:1; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display:block;}
audio,canvas,progress,video { display:inline-block;}
a,embed,object { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
a { background-color:transparent; -webkit-text-decoration-skip:objects;}

/*@common
/////////////////////////////////////////////////////////////////////*/
body { color:#0a0a0a; letter-spacing:0.02em;}
a { color:#0a0a0a; text-decoration:none; -webkit-transition:all 0.2s; transition:all 0.2s;}
input, button, textarea, select {
	border:none; border-radius:0; outline:none;
	background:none; vertical-align:baseline; font-family:inherit;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	-webkit-transition:all 0.25s; transition:all 0.25s;
}
#container { overflow:hidden; background:#fff;}
#contents { overflow:hidden; padding-top:80px;}

/*header*/
#globalheader {
	width:100%; height:80px;
	position:fixed; top:0; left:0; z-index:999;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);
	}
	#globalheader .headinner { height:100%; background:#fff;}
	#globalheader h1 { width:80px; height:45px; position:relative;}
	#globalheader h1:before {
		content:""; display:block; width:56px; height:30px;
		background:url(../img/tver_logo.png) no-repeat;
		background-size:contain;
		position:absolute; top:8px; left:10px;
	}
	#globalheader h1 a {
		display:block; width:60px; height:100%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:8px; z-index:10;
	}
.idx #globalheader:not(.fixed) { box-shadow:none;}
.idx #globalheader h1 { text-indent:110%; white-space:nowrap; overflow:hidden;}
.video:not(.special) #globalheader { position:absolute; box-shadow:none;}
/*nav*/
#globalnav {
	width:100%; text-align:left;
	position:absolute; top:45px; right:0;
	}
	/*nav1*/
	#globalnav .nav1 {
		width:100%; height:35px; line-height:35px;
		background:#fff; border-top:1px solid #eee;
		overflow:hidden;
	}
	#globalnav .nav1 .scrl {
		width:100%; height:60px;
		overflow-x:auto; -webkit-overflow-scrolling:touch;
	}
	#globalnav .nav1 ul { display:inline-table; padding:0 5px; margin:0 auto; max-width:100%;}
	#globalnav .nav1 li { display:table-cell; padding:0 6px;}
	#globalnav .nav1 li a {
		display:block; font-size:13px; white-space:nowrap;
		padding:0 2px; transition:none; position:relative;
	}
	#globalnav .nav1 li a.this { color:#40b8dc;}
	#globalnav .nav1 li a.this:after {
		content:""; display:block; width:100%; height:3px;
		background:#40b8dc;
		position:absolute; top:31px; left:50%;
		margin-left:-50%;
	}
	/*nav2*/
	#globalnav .nav2 { position:absolute; top:-36px; left:78px;}
	#globalnav .nav2 .nav2-1 { font-size:0;}
	#globalnav .nav2 .nav2-1 li { display:inline-block; vertical-align:top; margin-right:2px;}
	#globalnav .nav2 .nav2-1 li a {
		display:block; width:30px; height:30px; position:relative;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#globalnav .nav2 .nav2-1 li a:before {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts_icon.png) no-repeat;
		background-size:300px auto;
		position:absolute; top:50%; left:50%;
		margin:-9px 0 0 -10px;
	}
	#globalnav .nav2 .nav2-1 li.m1 a:before { background-position:0 -80px;}
	#globalnav .nav2 .nav2-1 li.m2 a:before { background-position:0 -105px;}
	#globalnav .nav2 .nav2-1 li.m3 a:before { background-position:-25px -105px;}
	#globalnav .nav2 .nav2-1 li.m4 a:before { background-position:-25px -80px;}
	#globalnav .nav2 .nav2-2 { display:none;}
/*search*/
#globalnav .searchbox { width:38%; position:absolute; top:-36px; right:10px;}
	#globalnav .searchbox label {
		display:inline-block; width:100%; height:28px;
		font-size:12px; line-height:28px; color:#bbb; white-space:nowrap;
		background:#efefef; border-radius:50px; overflow:hidden;
		padding:1px 1em 0; position:relative; z-index:1;
	}
	#globalnav .searchbox input {
		width:100%; height:28px; line-height:1.6;
		font-size:16px; background:#efefef;
		border-radius:50px; padding:2px 1em 0;
		position:absolute; top:0; left:0; z-index:2;
		display:none;
	}
/*suggest*/
#suggestbox {
	min-width:200px; max-width:300px;
	position:absolute; top:42px; right:10px; z-index:1000;
	background:#fff; border-radius:10px; overflow:hidden;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.2);
	display:none;
	}
	#suggestbox li { border-bottom:1px solid #eee;}
	#suggestbox li a {
		display:block; width:100%; height:32px;
		font-size:14px; line-height:32px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		padding:0 1em 0 2.5em; position:relative;
	}
	#suggestbox li a:before {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts_icon.png) no-repeat -255px 0;
		background-size:300px auto;
		position:absolute; top:50%; left:8px;
		margin-top:-10px;
	}
	#suggestbox .history li a:before { background-position:-280px 0;}
	#suggestbox li a:hover { background:#f0f0f0;}
	/**/
	#suggestbox .delete { text-align:center;}
	#suggestbox .delete a { display:inline-block; font-size:13px; color:#999; padding:12px; position:relative;}
	#suggestbox .delete a:before,
	#suggestbox .delete a:after {
		content:''; display:block; width:13px; height:1px;
		background:#999; margin:0;
		position:absolute; top:17.5px; left:-8px;
		transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);
	}
	#suggestbox .delete a:after {
		transform:rotate(45deg); -webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg); -ms-transform:rotate(45deg);
	}

/*oshirase*/
#globalnav .oshirase > a { cursor:pointer;}
#globalnav .oshirase > a span {
	display:inline-block; width:10px; height:10px;
	background:#f03e34; border:1px solid #fff; border-radius:50%;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	position:absolute; left:2px; top:3.5px;
}
#oshirasebox {
	display:block; width:300px;
	background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.95);
	border:solid 1px #cbcbcb; border-radius:10px;
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);
	padding:10px 16px 18px;
	position:absolute; top:42px; left:35px; z-index:1000;
	display:none;
	}
	#oshirasebox:after,
	#oshirasebox:before {
		content:" "; width:0; height:0;
		position:absolute; left:117px; bottom:100%;
		border:solid transparent;
		pointer-events:none;
	}
	#oshirasebox:after {
		border-color:rgba(255, 255, 255, 0);
		border-bottom-color:#fff;
		border-width:7px; margin-left:-7px;
	}
	#oshirasebox:before {
		border-color:rgba(203, 203, 203, 0);
		border-bottom-color:#cbcbcb;
		border-width:9px; margin-left:-9px;
	}
	#oshirasebox a.more {
		display:block; height:36px; line-height:36px;
		font-size:15px; color:#fff; text-align:center;
		background:#40b8dc; border-radius:6px;
		padding:0;
	}
	#oshirasebox a.more:hover { opacity:0.7;}
	#oshirasebox ul { padding-bottom:5px;}
	#oshirasebox ul li { font-size:13px; line-height:1.5; border-top:solid 1px #ddd; padding:10px 5px;}
	#oshirasebox ul li:first-child { border:none;}
	#oshirasebox ul li a { color:#262626; text-decoration:underline;}
	#oshirasebox ul li a:hover { text-decoration:none;}
	/*close*/
	#oshirasebox .close {
		display:block; width:40px; height:40px;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; right:0; cursor:pointer;
	}
	#oshirasebox .close:before,
	#oshirasebox .close:after {
		content:''; display:block; width:20px; height:2px;
		background:#bbb; margin:0;
		position:absolute; top:20px; left:9px;
		transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);
	}
	#oshirasebox .close:after {
		transform:rotate(45deg); -webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg); -ms-transform:rotate(45deg);
	}

/*footer*/
#globalfooter { text-align:center;}
#globalfooter .f1 { background:#454545; padding:30px 0;}
	#globalfooter .f1 h2 { font-size:18px; color:#fff; margin-bottom:20px;}
	#globalfooter .f1 ul { width:100%; margin:0 auto; font-size:0;}
	#globalfooter .f1 li { display:inline-block; width:47%; vertical-align:top; margin:5px 1px; font-size:11px;}
	#globalfooter .f1 li a {
		display:inline-block; width:100%; height:30px;
		color:#fff; line-height:30px;
		background:#585858; border-radius:50px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		padding:0 5px; position:relative;
	}
	#globalfooter .f1 li a:hover { opacity:0.7;}
#globalfooter .f2 { background:#2d2d2d; padding:40px 10px 20px;}
	#globalfooter .f2 a { color:#fff;}
	#globalfooter .f2 .officialLink { padding-bottom:15px;}
	#globalfooter .f2 .officialLink ul { display:table; width:100%; table-layout:fixed;}
	#globalfooter .f2 .officialLink li { display:table-cell; vertical-align:top; padding:0 2px;}
	#globalfooter .f2 .officialLink li a {
		display:inline-block; width:100%; height:34px;
		background:#fff; position:relative;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#globalfooter .f2 .officialLink li a:before {
		content:""; display:block; width:100px; height:40px;
		background:url(../img/parts_logo.png) no-repeat;
		background-size:480px auto;
		position:absolute; top:50%; left:50%;
		margin:-20px 0 0 -50px;
		transform:scale(0.6); -webkit-transform:scale(0.6);
		-moz-transform:scale(0.6); -ms-transform:scale(0.6);
	}
	#globalfooter .f2 .officialLink li.ntv a:before { background-position:-355px 0;}
	#globalfooter .f2 .officialLink li.ex a:before { background-position:-355px -45px;}
	#globalfooter .f2 .officialLink li.tbs a:before { background-position:-355px -90px;}
	#globalfooter .f2 .officialLink li.tx a:before { background-position:-355px -135px;}
	#globalfooter .f2 .officialLink li.cx a:before { background-position:-355px -180px;}
	#globalfooter .f2 .txtLink { padding:10px 0 20px;}
	#globalfooter .f2 .txtLink .inner { display:inline-block; position:relative;}
	#globalfooter .f2 .txtLink ul {
		display:inline-block; vertical-align:top; padding:0 25px 20px;
		-webkit-transition:all 0.2s; transition:all 0.2s;
	}
	#globalfooter .f2 .txtLink ul:last-child { padding-right:0;}
	#globalfooter .f2 .txtLink li { font-size:13px; text-align:left;}
	#globalfooter .f2 .txtLink li a { display:block; padding:10px 0;}
	#globalfooter .f2 .txtLink li a:hover { opacity:0.7;}
	#globalfooter .f2 .copyright { font-size:0.8em; color:#989898; line-height:1.5;}
	#globalfooter .f2 .tver { padding:20px 0 10px;}
	#globalfooter .f2 .tver a {
		display:block; width:130px; height:70px;
		background:url(../img/tver_logo2.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		opacity:0.2; margin:0 auto;
	}
#globalfooter .snsbtn {
	position:fixed; bottom:15px; left:5px; z-index:999;
	-webkit-transition:all 0.5s; transition:all 0.5s;
	visibility:hidden;opacity:0;
	}
	#globalfooter .snsbtn li { display:inline-block; vertical-align:top; margin:0 2px;}
	#globalfooter .snsbtn li a {
		display:block; width:46px; height:46px;
		border-radius:50%; position:relative;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	#globalfooter .snsbtn li.fb a { background:#3b5998;}
	#globalfooter .snsbtn li.tw a { background:#55acee;}
	#globalfooter .snsbtn li.fb a:before,
	#globalfooter .snsbtn li.tw a:before {
		content:""; display:block; width:30px; height:30px;
		background:url(../img/parts_icon.png) no-repeat;
		background-size:300px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -15px;
	}
	#globalfooter .snsbtn li.fb a:before { background-position:-50px -115px;}
	#globalfooter .snsbtn li.tw a:before { background-position:-85px -115px;}
	#globalfooter .snsbtn.end { bottom:70px;}

#ptop {
	position:fixed; bottom:15px; right:15px; z-index:999;
	-webkit-transition:all 0.5s; transition:all 0.5s;
	visibility:hidden; opacity:0;
	}
	#ptop a {
		display:block; width:50px; height:50px; text-indent:-9999px;
		background:rgba(150, 150, 150, 0.5); border-radius:50%;
		position:relative;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	#ptop a:before {
		content:""; display:block; width:14px; height:14px;
		border-top:3px solid #fff; border-left:3px solid #fff;
		position:absolute; top:50%; left:50%; margin:-5px 0 0 -8px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	#ptop a:hover { background:rgba(64, 184, 220, 0.9);}
	#ptop.end { bottom:70px;}

.gradation {
	background:rgb(64,184,220);
	background:-webkit-linear-gradient(left, rgba(64,184,220,1) 0%,rgba(60,219,229,1) 100%);
	background:-moz-linear-gradient(left, rgba(64,184,220,1) 0%, rgba(60,219,229,1) 100%);
	background:-ms-linear-gradient(left, rgba(64,184,220,1) 0%, rgba(60,219,229,1) 100%);
	background:linear-gradient(to right, rgba(64,184,220,1) 0%,rgba(60,219,229,1) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b8dc', endColorstr='#3cdbe5',GradientType=1 )";
}
.credit { font-size:10px; line-height:1.35; color:#aaa; padding:0 16px 20px;}
.listblock + .credit { padding-top:0;}
.bg + .credit { padding-top:30px;}

/*テレビ局*/
.tvstation { text-align:center; padding:20px 10px 15px; margin-bottom:60px;font-size:0;}
	.tvstation h2 { font-size:20px; color:#fff; text-align:left; margin-bottom:10px;}
	.tvstation ul {text-align:left;width:530px;margin-left:auto !important;margin-right:auto;}
	.tvstation ul li { display:inline-block; width:100px; vertical-align:top; margin:3px 2px;}
	.tvstation ul li a { display:block; width:100%; height:0; padding-top:100%; position:relative;}
	.tvstation ul li a .name { display:block; font-size:16px; color:#fff; padding:7px 0 15px;}
	.tvstation ul li a .logo {
		display:block; width:100%; height:100%;
		background:#fff; border-radius:50%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		overflow:hidden; position:absolute; top:0; left:0;
	}
	.tvstation ul li a .logo:before {
		content:""; display:block; width:110px; height:70px;
		background:url(../img/parts_logo.png) no-repeat;
		background-size:480px auto;
		position:absolute; top:50%; left:50%;
		margin:-35px 0 0 -55px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.tvstation ul li.vod-ntv a .logo:before { background-position:-355px -225px;}
	.tvstation ul li.vod-ex a .logo:before { background-position:-355px -300px;}
	.tvstation ul li.vod-tbs a .logo:before { background-position:-355px -375px;}
	.tvstation ul li.vod-tx a .logo:before { background-position:-355px -450px;}
	.tvstation ul li.vod-cx a .logo:before { background-position:-355px -525px;}
	.tvstation ul li.vod-mbs a .logo:before { background-position:-355px -600px;}
	.tvstation ul li.vod-abc a .logo:before { background-position:-355px -675px;}
	.tvstation ul li.vod-ytv a .logo:before { background-position:-355px -750px;}
	.tvstation ul li.vod-ktv a .logo:before { background-position:-355px -1050px;}
	.tvstation ul li.vod-tvo a .logo:before { background-position:-355px -1125px; height:80px; margin-top:-38px;}
	.tvstation ul li.vod-nhk a .logo:before { background-position:-355px -1205px;}

/*@programlist
/////////////////////////////////////////////////////////////////////*/
.programlist { position:relative; overflow:hidden; padding-bottom:30px;}
	.programlist .listinner { position:relative;}
	body:not(.sp) .programlist a:hover { opacity:0.7;}
	.programlist h2 { font-size:20px; color:#0a0a0a; line-height:1.35; margin-bottom:9px;}
	.programlist ul { font-size:0;}
	.programlist ul:after { content:""; clear:both; display:block;}
	.programlist ul li { float:left; position:relative;}
	.programlist ul li a:not(.like) { display:block; width:100%; height:100%;}
	.programlist ul li .pic { width:100%; position:relative;}
	.programlist ul li .picinner {
		width:100%; height:100%;
		background:transparent no-repeat center center;
		background-size:auto 101%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	.programlist ul li .flag {
		width:100%; height:100%;
		background:transparent no-repeat center center;
		background-size:cover;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	.programlist ul li .progtitle { width:100%; line-height:1.35;}
	.programlist:not(.reset) ul li .progtitle h3,
	.programlist:not(.reset) ul li .progtitle p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.programlist ul li .progtitle h3 { font-size:15px; height:23px; line-height:23px;}
	.programlist ul li .progtitle p { font-size:12px; height:18px; line-height:18px;}
	.programlist ul li .progtitle p.tv { font-size:11px; color:#949494;}
	/*link*/
	.programlist .link.more { position:absolute; top:-2px; right:5px;}
	.programlist .link.more a {
		display:inline-block; height:30px; line-height:31px;
		font-size:13px; color:#959595;
		padding:0 18px 0 5px; position:relative;
	}
	.programlist .link.more a:before {
		content:""; display:block; width:8px; height:8px;
		border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5;
		position:absolute; top:50%; right:5px; margin-top:-5px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.programlist.mylist .link.more { top:13px;}
	.programlist.mylist .link.more a { color:#fff; padding-right:42px;}
	.programlist.mylist .link.more a:before { border-color:#fff;}
	.programlist.mylist .link.more a:after {
		content:""; display:block; width:16px; height:19px;
		background:url(../img/parts_icon.png) no-repeat 0 0;
		background-size:200px auto;
		position:absolute; top:50%; right:20px;
		margin-top:-10px;
	}
	/*like*/
	.programlist .like {
		display:block; width:35px; height:30px; cursor:pointer;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; bottom:6px; right:0; z-index:10;
	}
	.programlist .like:before {
		content:""; display:block; display:block; width:30px; height:30px;
		background:url(../img/parts_icon.png) no-repeat -30px 0;
		background-size:300px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -10px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.programlist .like.this:before { background-position:-65px 0;}
	.carousel .programlist.normal .like { right:10px;}
	/*progressbar*/
	.programlist .progress {
		width:96%; height:3px; background:rgba(255, 255, 255, 0.6);
		position:absolute; bottom:6px; left:50%;
		margin-left:-48%;
	}
	.programlist .progress .bar {
		height:3px; background:#41f6ff;
		position:absolute; top:0; left:0;
	}

/*////////////////////////////////////////////////////*/
/*normal*/
.programlist.normal ul li .progtitle { color:#0a0a0a; padding:6px 0 8px;}
.programlist.normal ul li .progtitle p { padding-right:35px;}
.programlist.normal ul li .progtitle .preparing { color:#40b8dc !important;}
.programlist.normal ul li .progtitle .red { color:#e31e1e;}
/*matome*/
.programlist.normal ul li .progtitle.matome { padding-right:25px; position:relative;}
.programlist.normal ul li .progtitle.matome:before {
	display:block;content:''; width:26px;height:26px;
	position:absolute; top:10px; right:0;
	background:url(../img/icon_fukusu.png) center center no-repeat;
	background-size:contain;
}

/*ranking*/
.idx .programlist.ranking ul li { width:100%; height:68px; float:none;}
.idx .programlist.ranking ul li a { display:table; table-layout:fixed;}
.idx .programlist.ranking ul li a > div { display:table-cell; vertical-align:middle;}
.idx .programlist.ranking ul li .pic { width:120px; height:68px;}
.idx .programlist.ranking ul li .rank {
	letter-spacing:-.08em;
	width:1.8em; font-size:28px; color:#40b8dc;
	font-family:Helvetica; font-style:italic; text-align:center;
}
.idx .programlist.ranking ul li .progtitle { padding-left:10px;}

.d2 .programlist.ranking ul li .progtitle { padding-left:25px;}
.d2 .programlist.ranking ul li:nth-child(n + 10) .progtitle{padding-left:38px;}
.d2 .programlist.ranking ul li .rank {
	letter-spacing:-.08em;
	font-size:28px; color:#40b8dc;
	font-family:Helvetica; font-style:italic; text-align:left;
	padding-top:6px;
	position:absolute;left:0;
}
.d2 .programlist.ranking ul li:nth-child(n + 20) .rank{letter-spacing:0em;}
/*topics*/
.programlist.topics ul li a { display:table; table-layout:fixed;}
.programlist.topics ul li a > div { display:table-cell; vertical-align:middle;}
.programlist.topics ul li .pic { width:70px; height:70px;}
.programlist.topics ul li .picinner {
	width:70px; height:70px; border-radius:16px;
	background-size:cover; background-color:#3ed0e3;
}
.programlist.topics ul li .progtitle { padding-left:10px;}
.programlist.topics ul li .progtitle h3 { font-size:14px; height:auto; line-height:1.5; max-height:40px; overflow:hidden;}
.programlist.topics ul li .progtitle p { font-size:10px; height:auto; line-height:1.35; color:#888; padding-top:5px;}
/*cast*/
.programlist.cast ul li { width:100px; text-align:center; margin-right:12px;}
.programlist.cast ul li .pic { width:100px; height:100px;}
.programlist.cast ul li a { width:100px;}
.programlist.cast ul li .name {
	font-size:13px; padding-top:10px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/*////////////////////////////////////////////////////*/
/*carousel*/
.carousel .programlist h2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 70px 0 12px;}
.carousel .programlist .listinner { width:100%; padding-left:12px;}
	.carousel .programlist ul { display:inline-table; max-width:100%;}
	.carousel .programlist.normal ul li,
	.carousel .programlist.recommend ul li,
	.carousel .programlist.mylist ul li,
	.carousel .programlist.special ul li,
	.carousel .programlist.cast ul li { display:table-cell; width:auto; float:none; padding-right:10px; margin:0;}
.carousel .programlist ul:after { display:none;}
/*normal*/
.carousel .programlist.normal ul li a:not(.like) { width:200px;}
.carousel .programlist.normal ul li .pic { height:113px;}
/*recommend*/
.carousel .programlist.recommend { height:180px; padding-bottom:0; margin-bottom:20px;}
.carousel .programlist.recommend h2 { display:none;}
.carousel .programlist.recommend .listinner { height:185px; padding-left:0;}
.carousel .programlist.recommend ul li { padding-right:0;}
.carousel .programlist.recommend ul li a { width:320px;}
.carousel .programlist.recommend ul li .pic { height:180px; background:#000;}
.carousel .programlist.recommend ul li .picinner:after {
	content:""; display:block; width:100%; height:70%;
	position:absolute; bottom:0; left:0; opacity:0.9;
	background:-webkit-linear-gradient(top, rgba(77,77,77,0) 0%,rgba(77,77,77,1) 100%);
	background:-moz-linear-gradient(top, rgba(77,77,77,0) 0%, rgba(77,77,77,1) 100%);
	background:-ms-linear-gradient(top, rgba(77,77,77,0) 0%,rgba(77,77,77,1) 100%);
	background:linear-gradient(to bottom, rgba(77,77,77,0) 0%,rgba(77,77,77,1) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d4d4d', endColorstr='#4d4d4d',GradientType=0 )";
}
.carousel .programlist.recommend ul li .progtitle { color:#fff; padding:0 12px 6px; position:absolute; bottom:0; left:0;}
.carousel .programlist.recommend ul li .progtitle h3 { font-size:17px; height:25px; line-height:25px;}
.carousel .programlist.recommend ul li .progtitle p { font-size:13px;}
.carousel .programlist.recommend ul li .progtitle p.tv { font-size:13px; color:#fff; opacity:0.7;}
.carousel .programlist.recommend ul li a:hover { opacity:1;}
body:not(.sp) .carousel .programlist.recommend ul li a:hover .picinner { opacity:0.7;}
/*mylist*/
.carousel .programlist.mylist { padding:15px 0 0; margin-bottom:30px;}
.carousel .programlist.mylist h2 { color:#fff;}
.carousel .programlist.mylist ul li a:not(.like) { width:160px;}
.carousel .programlist.mylist ul li .pic { height:90px; background:#000;}
.carousel .programlist.mylist ul li .progtitle { color:#fff; padding:6px 5px 10px 2px;}
.carousel .programlist.mylist ul li .progtitle h3 { font-size:14px; height:20px; line-height:20px;}
.carousel .programlist.mylist ul li .progtitle p { font-size:11px; height:16px; line-height:16px;}
.carousel .programlist.mylist ul li .progtitle p.tv { color:#fff; opacity:0.7;}
.carousel .programlist.mylist ul li a:hover { opacity:1;}
body:not(.sp) .carousel .programlist.mylist ul li a:hover .picinner { opacity:0.7;}
/*ranking*/
.carousel .programlist.ranking { padding-left:0; margin-bottom:0;}
.carousel .programlist.ranking h2 { padding-left:16px;}
.carousel .programlist.ranking .listinner { height:220px; padding-left:0;}
.carousel .programlist.ranking .listinner > div { display:inline-table; max-width:100%;}
.carousel .programlist.ranking ul { display:table-cell; border-right:1px solid #cbcbcb; padding-right:15px;}
.carousel .programlist.ranking ul:last-child { border-right:none;}
.carousel .programlist.ranking ul li { width:300px;}
/*special*/
/*
.carousel .programlist.special .listinner:before {
	content:""; display:block;
	width:100%; height:113px;
	background:#f2f3f2;
	position:absolute; top:0; left:16px;
}
*/
.carousel .programlist.special ul li { padding-right:5px;}
.carousel .programlist.special ul li a { width:200px;}
.carousel .programlist.special ul li .pic { height:113px;}
.carousel .programlist.special ul li .progtitle { color:#40b8dc; padding:6px 15px 10px 2px;}
.carousel .programlist.special ul li .progtitle h3 {
	font-size:15px; line-height:1.35;
	height:auto; max-height:42px; overflow:hidden;
}
/*topics*/
.carousel .programlist.topics h2 { border-bottom:1px solid #cbcbcb; padding:0 0 10px; margin:0 0 5px 16px;}
.carousel .programlist.topics .listinner { height:250px; padding-left:0;}
.carousel .programlist.topics .listinner > div { display:inline-table; max-width:100%;}
.carousel .programlist.topics ul { display:table-cell; padding:0 16px;}
.carousel .programlist.topics ul li { width:300px; height:80px; float:none; padding:5px 0;}
/*controls*/
.carousel .controls { width:100%; background:rgba(0, 0, 0, 0.5);}
.carousel .controls a {
	display:block; width:60px; height:60px;
	background:rgba(64, 184, 220, 0.7);
	border-radius:50%; cursor:pointer;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	position:absolute; top:50%; z-index:90;
	margin-top:-30px;
	}
	.carousel .controls a.prev { left:-30px;}
	.carousel .controls a.next { right:-30px;}
	.bangumi .carousel .controls a.prev { left:-34px;}
	/*arr*/
	.carousel .controls a:after {
		content:""; display:block; width:12px; height:12px;
		border-top:3px solid #fff; border-right:3px solid #fff;
		position:absolute; top:50%; left:7px; margin-top:-6px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.carousel .controls a.prev:after {
		border:none; left:38px;
		border-bottom:3px solid #fff;
		border-left:3px solid #fff;
	}
.carousel .controls a:hover { opacity:1;}
.carousel .controls a.disable { display:none;}
.carousel .tvstation .controls { display:none;}
/*SP*/
.sp .carousel .programlist:not(.recommend) .listinner { overflow-x:auto; -webkit-overflow-scrolling:touch;}
.sp .carousel .programlist.recommend .listinner { overflow-x:auto; -webkit-overflow-scrolling:touch;}
.sp .carousel .controls { display:none;}

/*////////////////////////////////////////////////////*/
.listblock .programlist { padding:25px 10px 30px;}
.listblock .programlist h2 { padding:0 5px; margin-bottom:16px;}
.listblock + .listblock .programlist { padding-top:0;}
/*normal*/
.listblock .programlist.normal ul li { width:31.33%; margin:0 1% 25px;}
.listblock .programlist.normal ul li .pic { width:100%; height:0; padding-top:56.25%; position:relative;}
.listblock .programlist.normal ul li .attn,
.listblock .programlist.normal ul li .coming,
.carousel .programlist.normal ul li .coming {
	width:100%; height:18px; line-height:18px;
	font-size:11px; color:#fff; text-align:center;
	background:rgb(227, 30, 30); background:rgba(227, 30, 30, 0.85);
	position:absolute; bottom:0; left:0; z-index:10;
}
.listblock .programlist.normal ul li .coming { background:#40b8dc;}
.carousel .programlist.normal ul li .coming { background:#40b8dc;}
/*ranking
.listblock .programlist.ranking { padding:25px 0 30px;}
.listblock .programlist.ranking h2 { padding:0 15px;}
.listblock .programlist.ranking ul { width:100%;}
.listblock .programlist.ranking ul li { height:68px; margin-bottom:15px;}
.listblock .programlist.ranking ul li .pic { width:120px;}
.listblock .programlist.ranking ul li .picinner,
.listblock .programlist.ranking ul li .flag { width:120px; height:68px;}
.listblock .programlist.ranking ul li .progtitle { padding:0 10px;}
.listblock .programlist.ranking .note { font-size:10px; color:#949494; position:absolute; top:32px; right:5px;}
*/
.listblock .programlist.ranking .note { font-size:10px; color:#949494; position:absolute; top:32px; right:5px;}
/*tv service*/
.listblock .programlist.service { padding-top:0;}
.listblock .programlist.service h2 {
	width:350px; height:130px; margin:0 auto;
	background:url(../img/parts_logo.png) no-repeat;
	background-size:480px auto;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	transform:scale(0.8); -webkit-transform:scale(0.8);
	-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.listblock .programlist.service h2.ntv { background-position:0 0;}
	.listblock .programlist.service h2.ex { background-position:0 -135px;}
	.listblock .programlist.service h2.tbs { background-position:0 -270px;}
	.listblock .programlist.service h2.tx { background-position:0 -405px;}
	.listblock .programlist.service h2.cx { background-position:0 -540px;}
	.listblock .programlist.service h2.mbs { background-position:0 -675px;}
	.listblock .programlist.service h2.abc { background-position:0 -810px;}
	.listblock .programlist.service h2.ytv { background-position:0 -945px;}
	.listblock .programlist.service h2.ktv { background-position:0 -1080px;}
	.listblock .programlist.service h2.tvo { background-position:0 -1215px;}
	.listblock .programlist.service h2.nhk { background-position:0 -1350px;}

/*複数*/
.carousel .programlist ul li .progtitle.matome { padding-right:25px;}
.carousel .programlist.recommend ul li .progtitle.matome { padding-right:40px;}
.carousel .programlist.normal ul li .progtitle.matome { padding-right:35px;}
.carousel .programlist.ranking ul li .progtitle.matome { padding-right:20px;}
.carousel .programlist:not(.recommend) ul li .progtitle.matome { position:relative;}
.carousel .programlist ul li .progtitle.matome:before{
	display:block;content:''; width:26px;height:26px;
	position:absolute; top:10px; right:0;
	background:url(../img/icon_fukusu.png) center center no-repeat;
	background-size:contain;
	}
	.carousel .programlist.recommend ul li .progtitle.matome:before{
		top:7px; right:12px;
		background-image:url(../img/icon_fukusu_gray.png);
	}
	.carousel .programlist.mylist ul li .progtitle.matome:before{
		width:24px; height:24px; right:0;
		background-image:url(../img/icon_fukusu_white.png);
	}
	.carousel .programlist.ranking ul li .progtitle.matome:before { right:-8px;}

/*@d2
/////////////////////////////////////////////////////////////////////*/
/*btnarea*/
.d2 #contents .btnarea { min-height:60px; padding:0 0 20px; position:relative;}
.d2 #contents .btnarea .inner > div { display:inline-block; vertical-align:middle;}
	/*link*/
	.d2 #contents .btnarea .official { margin-right:8px;}
	.d2 #contents .btnarea .official a {
		display:block; width:130px; height:32px; line-height:31px;
		font-size:13px; font-weight:bold; text-align:center;
		color:#40b8dc; border:1px solid #40b8dc;
		padding-right:4px; position:relative;
	}
	.d2 #contents .btnarea .official a:after {
		content:""; display:block; width:25px; height:25px;
		background:url(../img/parts_icon.png) no-repeat -135px 0;
		background-size:300px auto;
		position:absolute; top:50%; right:3px;
		margin-top:-13px;
		transform:scale(0.9); -webkit-transform:scale(0.9);
		-moz-transform:scale(0.9); -ms-transform:scale(0.9);
	}
	.d2 #contents .btnarea .official a:hover { background:#40b8dc; color:#fff;}
	.d2 #contents .btnarea .official a:hover:after { background-position:-165px 0;}
	/*sns*/
	.d2 #contents .btnarea .sns { display:none !important;}
	.d2 #contents .btnarea .sns ul,
	.d2 #contents .btnarea .sns li { display:inline-block; vertical-align:middle;}
	.d2 #contents .btnarea .sns li { margin-left:0;}
	.d2 #contents .btnarea .sns li.fb a,
	.d2 #contents .btnarea .sns li.tw a {
		display:block; height:34px; line-height:34px;
		font-size:10px; font-weight:bold; color:#40b8dc; letter-spacing:0;
		padding:1px 5px 0 38px; margin:0 2px; position:relative;
	}
	.d2 #contents .btnarea .sns li.fb a:before,
	.d2 #contents .btnarea .sns li.tw a:before {
		content:""; display:block; width:34px; height:34px;
		position:absolute; top:50%; left:0;
		border-radius:50%; margin-top:-17px;
	}
	.d2 #contents .btnarea .sns li.fb a:before { background:#3b5998;}
	.d2 #contents .btnarea .sns li.tw a:before { background:#55acee;}
	.d2 #contents .btnarea .sns li.fb a:after,
	.d2 #contents .btnarea .sns li.tw a:after {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts_icon.png) no-repeat;
		background-size:300px auto;
		position:absolute; top:50%;
		margin-top:-10px;
	}
	.d2 #contents .btnarea .sns li.fb a:after { background-position:0 -130px; left:7px;}
	.d2 #contents .btnarea .sns li.tw a:after { background-position:-25px -130px; left:8px;}
	/*mylist*/
	.d2 #contents .btnarea .mylist { position:absolute; top:0; right:16px;}
	.d2 #contents .btnarea .mylist p {
		display:inline-block; vertical-align:middle;
		font-size:12px; color:#b6e7f6;
	}
	.d2 #contents .btnarea .mylist p span { display:inline-block; font-size:15px; padding:0 5px 0 0;}
	.d2 #contents .btnarea .mylist a {
		display:inline-block; width:155px; vertical-align:middle;
		height:32px; line-height:31px;
		font-size:13px; font-weight:bold; text-align:center;
		color:#40b8dc; border:1px solid #40b8dc;
		padding-left:25px; position:relative;
	}
	.d2 #contents .btnarea .mylist a:after {
		content:""; display:block; width:30px; height:30px;
		background:url(../img/parts_icon.png) no-repeat -100px 0;
		background-size:300px auto;
		position:absolute; top:50%; left:7px;
		margin-top:-15px;
		transform:scale(0.7); -webkit-transform:scale(0.7);
		-moz-transform:scale(0.7); -ms-transform:scale(0.7);
	}
	.d2 #contents .btnarea .mylist a.this:after { background-position:-65px 0;}

/*others*/
.others .headings { height:50px; padding:0 16px; position:relative;}
	.others .headings h2 {
		height:100%; font-size:20px; color:#fff;
		line-height:50px; padding:1px 0 0 33px; position:relative;
	}
	.others .headings h2:before {
		content:""; display:block; width:23px; height:26px;
		background:url(../img/parts_icon.png) no-repeat;
		background-size:200px auto;
		position:absolute; top:50%; left:0;
		margin-top:-13px;
	}
	.mylist .headings h2:before { background-position:0 -23px;}
	.search .headings h2:before { background-position:-26px -23px;}
	.epg .headings h2:before { background-position:-53px -23px;}
	.notice .headings h2:before { background-position:-80px -23px;}
.others .headings2 {
	width:100%; height:50px; background:#4c4c4c;
	text-align:center; padding:10px 5px 0;
	}
	.others .headings2 ul { font-size:0;}
	.others .headings2 ul li { display:inline-block; vertical-align:top;}
	.sp.mylist .headings2 ul li:nth-child(2) { display:none;}
	.others .headings2 ul li a {
		display:block; height:40px; letter-spacing:0;
		font-size:13px; color:#fff; white-space:nowrap;
		border-radius:10px 10px 0 0; padding:12px 12px 0;
	}
	.others .headings2 ul li a:hover { opacity:0.8;}
	.others .headings2 ul li a.this { background:#fff; color:#222; opacity:1;}
.others .headings3 {
	text-align:center;
	padding:0 25px 0; position:relative;
}
	.others .headings3 > ul{ position:absolute;top:-36px;left:150px;}
	.others .headings3 ul li { display:inline-block;margin-right:5px;}
	.others .headings3 ul li a {
		display:block; height:36px; font-size:14px; 
		border-radius:10px 10px 0 0; padding:12px 15px 0;background:#4c4c4c;color:#fff;}
	.others .headings3 ul li a.this {
		background:#fff;color:#222;
	}
.others .headings4 {
	width:100%; background:#fff;
	text-align:center; padding:20px 5px 0;
	}
	.others .headings4 ul { font-size:0;}
	.others .headings4 ul li { display:inline-block; vertical-align:top;}
	.sp.mylist .headings4 ul li:nth-child(2) { display:none;}
	.others .headings4 ul li a {
		display:block; height:40px; letter-spacing:0;
		font-size:13px; color:#fff; white-space:nowrap;
		border-radius:10px 10px 0 0; padding:12px 12px 0;
	}
	.others .headings4 ul li a:hover { opacity:0.8;}
	.others .headings4 ul li a.this { background:#fff; color:#222; opacity:1;}
	.others .headings4 label,
	.others .headings4 label:before{background:#f7f7f7 !important;}
	.others .headings4 .selectbtn{padding-bottom:0 !important;}
.search .listblock .programlist .note { font-size:10px; color:#949494; line-height:1.2;padding:0 5px 20px;}
.others .weeknavi{padding:12px 10px 0;text-align:center;}
	.others .weeknavi li{display:inline-block;}
	.others .weeknavi li a{background:#f7f7f7;display:inline-block;border-radius:20px;font-size:14px;text-align:center;height:30px;line-height:30px;min-width:30px;padding:0 10px;margin:8px 3px 0;}
/*alert*/
.d2 #contents .alert { min-height:200px; text-align:center; padding:40px 0;}
.others #contents .alert { min-height:auto;}
	.d2 #contents .alert span {
		display:inline-block; font-size:18px; line-height:1.35; color:#9f9f9f;
		border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f;
		max-width:80%; padding:20px 30px 18px;
	}

/*@bangumi
/////////////////////////////////////////////////////////////////////*/
/*carousel*/
.bangumi .carousel { padding-top:25px;}
.bangumi .carousel .programlist { padding:0 0 15px 4px;}
.video .carousel .programlist h2 { color:#fff; margin-bottom:10px;}
.detail .carousel .programlist h2 { font-size:20px; font-weight:bold; margin-bottom:12px;}
/*video*/
.video-section.carousel { border-top:1px solid #333;}
	.video-section.carousel .programlist.normal ul li .progtitle { color:#fff;}
	.video-section.carousel .programlist.normal ul li a { width:180px;}
	.video-section.carousel .programlist.normal ul li .pic { height:101px;}
/*cast*/
.cast-section.carousel { border-top:1px solid #333;}
.vod-section + .cast-section.carousel { border-top:none;}
.cast-section.carousel .programlist.cast { padding-bottom:20px;}
	.cast-section.carousel .programlist.cast .listinner { height:130px;}
	.cast-section.carousel .programlist.cast ul li .pic { border:1px solid rgba(255, 255, 255, 0.2);}
	.video .cast-section.carousel .programlist.cast ul li .name { color:#fff;}
/*btn*/
.bangumi .linkbangumi { text-align:center; padding:0 16px 30px;}
	.bangumi .linkbangumi a {
		display:block; width:100%; height:40px; line-height:40px;
		font-size:14px; font-weight:bold; color:#fff;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		padding:0 10px 0 30px; position:relative;
	}
	.bangumi .linkbangumi a:before {
		content:""; display:block; width:8px; height:8px;
		border-bottom:2px solid #fff; border-left:2px solid #fff;
		position:absolute; top:50%; left:16px; margin-top:-5px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	/*20180131*/
	.bigbanner{text-align:center;padding:5px 16px 25px;}
	.bigbanner img{width:100%;}

/*@video
/////////////////////////////////////////////////////////////////////*/
.video .bg { background:#000;}
.video-section,
.vod-section,
.cast-section { color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.video-section .inner,
.vod-section .inner { width:100%; padding:0 16px; margin:0 auto; position:relative;}
/*player*/
.sp .video-section .playvideo { display:none;}
.video-section .playvideo .inner { padding:0;}
.video-section .playvideo .player { width:100%; height:0; padding-top:56.25%; position:relative;}
	.video-section .playvideo .player #playerWrapper {
		width:100% !important; height:100% !important;
		position:absolute !important; top:0; left:0;
	}
	/*cx*/
	.video-section .playvideo.cx .player { width:100%; height:543px; padding-top:0;}
	.video-section .playvideo .player #cx_player {
		width:850px; height:543px;
		margin:0 auto;
	}
	/*レジューム*/
	.video-section .playvideo .playerIn { display:table; width:100%; height:100%; position:absolute; top:0; left:0;}
	.video-section .playvideo .playerIn .how {
		display:table-cell; height:100%; vertical-align:middle;
		font-size:16px; text-align:center;
		background:#1a1a1a;
	}
	.video-section .playvideo .playerIn .how p { font-size:18px; color:#fff; padding:0 0 60px;}
	.video-section .playvideo .playerIn .how a {
		font-size:15px; color:#fff; background:#333;
		border-radius:50px; padding:8px 20px; margin:0 3px;
	}
	.video-section .playvideo .playerIn .how a.active,
	.video-section .playvideo .playerIn .how a:hover { color:#fff; background:#40b8dc;}
	
#a-alert { width:100%; height:0; padding-top:56.25%; position:relative; display:none;}
	#a-alert div {
		display:table-cell; width:100%; height:100%;
		font-size:14px; color:#fff; text-align:center;
		line-height:1.6; background:#1a1a1a;
		position:absolute; top:0; left:0;
		padding:24% 20px 0;
	}
#end-alert { width:100%; height:0; padding-top:56.25%; position:relative;}
	#end-alert div {
		display:table-cell; width:100%; height:100%;
		font-size:20px; color:#fff; text-align:center;
		background:#1a1a1a;
		position:absolute; top:0; left:0;
		padding-top:18%;
	}
	#end-alert div a {
		display:inline-block; height:40px;
		line-height:40px; font-size:16px; color:#fff;
		padding:0 30px; margin-top:20px;
	}
	#end-alert div a:hover { opacity:0.8;}
/*image*/
body:not(.sp) .video-section .image { display:none;}
body.special .video-section .image { display:block;}
.video-section .image .inner { padding:0;}
body:not(.special) .video-section .image .inner:after {
	content:""; display:block; width:100%; height:60%;
	position:absolute; bottom:0; left:0;
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 )";
}
.video-section .image .pic { width:100%; height:0; padding-top:56.25%; position:relative;}
	.video-section .image .pic .picinner {
		width:100%; height:100%;
		position:absolute; top:0; left:0;
		background:transparent no-repeat center 10%;
		background-size:100% auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.video-section .image .pic .flag {
		width:100%; height:100%;
		background:transparent no-repeat center center;
		background-size:cover;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
.video-section .image .playbtn { position:absolute; bottom:-10px; right:9px; z-index:100;}
	.video-section .image .playbtn a {
		display:block; width:70px; text-align:center;
		font-size:14px; color:#40b8dc;
		transform:scale(0.85); -webkit-transform:scale(0.85);
		-moz-transform:scale(0.85); -ms-transform:scale(0.85);
	}
	.video-section .image .playbtn a:before {
		content:""; display:block; width:70px; height:70px;
		background:url(../img/parts_icon.png) no-repeat -120px -80px;
		background-size:300px auto;
		margin-bottom:6px;
	}
/*LIVE配信予定*/
body.before .video-section .title { padding-right:16px !important; margin-top:0 !important;}
body.before .video-section .image .inner:after{
	display:none !important;
}
body.before .video-section .image .pic .d1{
	width:100%;height:0;position:absolute;top:0;padding-bottom:56.25%;background-position:center center; background-repeat:no-repeat;background-size:cover;
}
body.before .video-section .image .pic .d2{
	width:100%;height:0;position:absolute;top:0;padding-bottom:56.25%;background:rgba(0,0,0,.5);
}
body.before .video-section .image .pic .d3{
	width:100%;position:absolute;top:0;padding-top:20%;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:1.5;z-index:10;
}
body.before .video-section .image .pic .d3 span{
	display:block;font-size:16px;color:#fff;
}

/*title*/
.sp:not(.special) .video-section .title { padding-right:90px; margin-top:-60px;}
.video-section .title { padding:16px;}
.video-section .title .inner { padding:0;}
	.video-section .title h1 { font-size:20px; line-height:1.2;}
	.video-section .title p { font-size:13px; line-height:1.35; padding-top:8px;}
	.video-section .title p span { display:block;}
	.video-section .title .summary { font-size:15px; margin-bottom:10px;}
	.video-section .title .tv { color:#aaa; padding-right:1.2em; margin-bottom:3px;}
	.video-section .title .red { color:#e31e1e;}
/*description*/
.video-section .description { border-top:1px solid #333; padding:25px 0;}
.video-section .description h2 { font-size:16px; line-height:1.35; padding:0 0 10px 38px;}
.video-section .description h2:before {
	content:""; display:block; width:40px; height:30px;
	background:url(../img/parts_icon.png) no-repeat -50px -80px;
	background-size:300px auto;
	position:absolute; top:-5px; left:10px;
	transform:scale(0.7); -webkit-transform:scale(0.7);
	-moz-transform:scale(0.7); -ms-transform:scale(0.7);
}
.video-section .description p { font-size:14px; line-height:1.6;}
/*info*/
.video-section .tvinfo { padding-bottom:15px;}
.video-section .tvinfo p {
	display:inline-block;
	font-size:13px; line-height:1.5;
	border:1px solid #444; border-radius:6px;
	padding:10px 15px; position:relative;
	}
	.video-section .tvinfo p:after,
	.video-section .tvinfo p:before {
		content:" "; width:0; height:0;
		position:absolute; top:100%; left:60px;
		border:solid transparent;
		pointer-events:none;
	}
	.video-section .tvinfo p:after {
		border-color:rgba(0, 0, 0, 0);
		border-top-color:#000;
		border-width:8px; margin-left:-8px;
	}
	.video-section .tvinfo p:before {
		border-color:rgba(68, 68, 68, 0);
		border-top-color:#444;
		border-width:9px; margin-left:-9px;
	}
/*TabUI*/
.video-section .epTabUi .inner{
	border-bottom:solid 1px #333;
}
.video-section .epTabUi li{
	font-size:16px; display:inline-block;
	color:#fff; margin:0 5px;
}
@media screen and (max-width:320px){
	.video-section .epTabUi li{ font-size:15px; margin:0; }
}
.video-section .epTabUi li a{
	color:#40b8dc; display:inline-block;
	padding:0 5px 10px;
	border-bottom:solid 4px transparent;
}
.video-section .epTabUi li.this a{
	border-bottom-color:#40b8dc;
}
/*vod*/
.vod-section { background:#08475a; position:relative;}
.vod-section .inner { padding:0;}
.vod-section .vod { padding:20px 16px;}
	.vod-section .vod h2 { font-size:20px; margin-bottom:10px;}
	.vod-section .vod h2 span { display:block; font-size:12px; line-height:1.2; opacity:0.8; padding-top:7px;}
	.vod-section .vod .program { display:table; width:100%; table-layout:fixed;}
	.vod-section .vod .program > div { display:table-cell; vertical-align:top; position:relative;}
	.vod-section .vod .program .pic { width:150px;}
	.vod-section .vod .program .picinner {
		width:100%; height:0; padding-top:56.25%;
		background:transparent no-repeat center center;
		background-size:cover;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		border:1px solid rgba(255, 255, 255, 0.2);
	}
	.vod-section .vod .program .title { padding-left:10px;}
	.vod-section .vod .program .title h3 {
		font-size:15px; line-height:1.35; max-height:40px;
		padding-left:5px; margin-bottom:10px; overflow:hidden;
	}
	.vod-section .vod .program .title .linkbtn { width:100%; max-width:250px; margin-bottom:8px;}
	.vod-section .vod .program .title .linkbtn a {
		display:block; height:28px; line-height:28px;
		font-size:11px; text-align:center; color:#07579b;
		letter-spacing:0; background:#fff; border-radius:50px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		padding:0 25px 0 10px; position:relative;
	}
	.vod-section .vod .program .title .linkbtn a:after {
		content:""; display:block; width:25px; height:25px;
		background:url(../img/parts_icon.png) no-repeat -195px 0;
		background-size:300px auto;
		position:absolute; top:1px; right:5px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
.vod-section .sns { background:#0c2d37; padding:6px 16px 5px;}
	.vod-section .sns h2,
	.vod-section .sns ul { display:inline-block; vertical-align:middle;}
	.vod-section .sns h2 { font-size:16px; padding-top:1px; opacity:0.8;}
	.vod-section .sns li { display:inline-block; vertical-align:middle; margin:0 3px;}
	.vod-section .sns li a {
		display:block; width:40px; height:40px;
		background:url(../img/parts_icon.png) no-repeat;
		background-size:300px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.vod-section .sns li.fb a { background-position:-160px -35px;}
	.vod-section .sns li.tw a { background-position:-205px -35px;}
	.vod-section .sns li.line a { background-position:-250px -35px;}

/*@special
/////////////////////////////////////////////////////////////////////*/
.d2 .programlist .txtlink { width:110%; background:#f4f4f5; text-align:center; margin:-10px 0 16px -10px;}
	.d2 .programlist .txtlink a {
		display:inline-block; height:36px; line-height:36px;
		font-size:15px; font-weight:bold; color:#333;
		padding: 0 25px 0 10px; margin:0 10px;
		position:relative;
		-webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:unset;
	}
	.d2 .programlist .txtlink a:after {
		content:""; display:block; width:10px; height:15px;
		background:url(../img/arrow.png) no-repeat 0 0;
		background-size:80px auto;
		position:absolute; top:50%; right:5px;
		margin-top:-7.5px;
	}
	.d2 .programlist .txtlink a:hover { color:#40b8dc;}
.special .programlist .txtlink { width:100%; background:none; margin:-10px 0 20px;}
	.special .programlist .txtlink a {
		display:inline-block; height:35px; line-height:1.5;
		font-size:18px; font-weight:normal; color:#40b8dc;
		padding:0 8px 0 6px; margin:0 20px;
		position:relative; overflow:hidden;
	}
	.special .programlist .txtlink a:after { display:none;}
	.special .programlist .txtlink a:before {
		content:""; display:block; width:100%; height:3px;
		background:#40b8dc;
		position:absolute; bottom:0; left:-105%;
		-webkit-transition:all 0.3s; transition:all 0.3s;
	}
	.special .programlist .txtlink a:hover { opacity:1;}
	.special .programlist .txtlink a:hover:before { left:0;}
	.special .programlist .txtlink a.this { color:#fff;}
	.special .programlist .txtlink a.this:before { background:#fff; left:0;}
.special .programlist.normal ul li .progtitle { color:#fff;}
.special #contents .btnarea { display:none;}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
	.d2 .programlist .txtlink a { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
}
.d2 #contents .linkbtn2 { padding:0 0 30px;}
	.d2 #contents .linkbtn2 a {
		display:block; width:90%; height:50px; line-height:50px;
		font-size:16px; font-weight:bold; color:#fff; text-align:center;
		background:#40b8dc; border:1px solid #40b8dc; border-radius:2px;
		padding-right:5px; margin:0 auto; position:relative;
	}
	.d2 #contents .linkbtn2 a:after {
		content:""; display:block; width:30px; height:30px;
		background:url(../img/arrow.png) no-repeat -50px 0;
		background-size:80px auto;
		position:absolute; top:50%; right:3px;
		margin-top:-15px;
		-webkit-transform:scale(0.8); transform:scale(0.8);
	}
	.d2 #contents .linkbtn2 a:hover { background:#40b8dc; color:#fff;}
	.d2 #contents .linkbtn2 a:hover:after { background-position:-50px 0;}


/*@detail
/////////////////////////////////////////////////////////////////////*/
.detail .bg { background:#efeff4; padding:12px;}
.detail .bgin { background:#fff;}
.detail .detail-section.carousel { border-bottom:1px solid #efeff4;}
.detail .cast-section.carousel { border-top:1px solid #efeff4;}
/*headings*/
body:not(.talent) .detail-section .headings .pic { width:100%; height:0; padding-top:56.25%; position:relative;}
.detail-section .headings .picinner {
	width:100%; height:100%;
	background:transparent no-repeat center center;
	background-size:auto 100%;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	position:absolute; top:0; left:0;
}
/*title*/
.detail-section .headings .title { border-bottom:1px solid #efeff4; padding:15px;}
	.detail-section .headings .title h1 { font-size:20px; font-weight:bold; line-height:1.2; margin-bottom:8px;}
	.detail-section .headings .title p { font-size:13px; line-height:1.35;}
	.detail-section .headings .title p span { display:block;}
	.detail-section .headings .title .summary { font-size:15px; margin-bottom:8px;}
	.detail-section .headings .title .tv { color:#666; padding-right:1.2em;}
	/*btn*/
	.detail:not(.talent) #contents .detail-section .btnarea { padding:20px 0 0;}
	.d2 #contents .detail-section .btnarea > div { display:inline-block; vertical-align:middle;}
	.d2 #contents .detail-section .btnarea .official a,
	.d2 #contents .detail-section .btnarea .mylist a {
		font-weight:normal; color:#222;
		border-color:#222;
	}
	.d2 #contents .detail-section .btnarea .official a:after { background-position:-225px 0;}
	.d2 #contents .detail-section .btnarea .official a:hover { background:#222; color:#fff;}
	.d2 #contents .detail-section .btnarea .official a:hover:after { background-position:-165px 0;}
	.d2 #contents .detail-section .btnarea .sns li.fb a { color:#3b5998;}
	.d2 #contents .detail-section .btnarea .sns li.tw a { color:#55acee;}
	.d2 #contents .detail-section .btnarea .mylist p { color:#555;}
	.d2 #contents .detail-section .btnarea .mylist a:not(.this):after { background-position:-30px 0;}
/*text*/
.detail-section .text { padding:30px 15px;}
	.detail-section .text h2 { font-size:20px; font-weight:bold; margin-bottom:20px;}
	.detail-section .text h3 { font-size:16px; font-weight:bold; color:#40b8dc; margin-bottom:12px;}
	.detail-section .text p { font-size:14px; line-height:1.8;}
	.detail-section .text .block { padding-top:30px;}
	.detail-section .text a { text-decoration:underline;}
	.detail-section .text a:hover { opacity:0.7;}

/*@talent
/////////////////////////////////////////////////////////////////////*/
.talent .detail-section { border-bottom:1px solid #efeff4;}
.talent .detail-section .headings { padding-bottom:10px; position:relative;}
	.talent .detail-section .headings .pic {
		width:170px; height:170px; border:none;
		position:absolute; top:0; left:0;
	}
	.talent .detail-section .headings .profile { min-height:170px; text-align:left; padding:20px 10px 10px 185px;}
	.talent .detail-section .headings .profile h1 { font-size:22px; line-height:1.35; margin-bottom:5px;}
	.talent .detail-section .headings .profile dl { padding:10px 0;}
	.talent .detail-section .headings .profile dl:after { content:""; clear:both; display:block;}
	.talent .detail-section .headings .profile dt { width:5em; float:left; font-size:12px; padding:3px 0;}
	.talent .detail-section .headings .profile dd { font-size:12px; padding:3px 0 3px 5em;}
	
.talent #contents .detail-section .btnarea { padding-left:15px; padding-right:15px;}
.talent #contents .detail-section .btnarea .mylist { right:15px;}
.talent .listblock .programlist h2 { margin-bottom:12px;}

/*@mylist
/////////////////////////////////////////////////////////////////////*/
.mylist .programlist h2 { display:none;}
	.mylist .headings .edit { position:absolute; top:50%; right:10px; margin-top:-14px;}
	.mylist .headings .edit a {
		display:block; height:28px; line-height:28px;
		font-size:13px; color:#222;
		background:#fff; border-radius:50px;
		padding:1px 16px 0 38px; position:relative;
	}
	.mylist .headings .edit a:before,
	.mylist .headings .edit a:after {
		content:""; display:block; width:16px; height:2px;
		background:#4c4c4c;
		position:absolute; left:15px;
	}
	.mylist .headings .edit a:before { top:11px;}
	.mylist .headings .edit a:after { top:16px;}
	body:not(.sp) .mylist .headings .edit a:hover { opacity:0.9;}

/*@search
/////////////////////////////////////////////////////////////////////*/
.search .listblock .programlist h2 span { color:#40b8dc; padding-right:0.5em;}
.search .headings2 { height:auto;}
.search .selectbox {
	display:inline-block; vertical-align:top;
	width:31%; max-width:200px;
	margin:2px 1px 0; position:relative;
	}
	.search .selectbox label {
		display:inline-block; width:100%; height:28px;
		font-size:13px; text-align:center; line-height:28px; white-space:nowrap;
		background:#fff; border-radius:50px; overflow:hidden;
		padding:1px 20px 0 15px; position:relative; z-index:1;
	}
	.search .selectbox label:before {
		content:''; display:block; width:22px; height:28px;
		background:#fff; border-radius:0 50px 50px 0;
		position:absolute; top:0; right:0;
	}
	.search .selectbox label:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:9px; margin-top:-3.5px;
		border:5px transparent solid;
		border-top-color:#4c4c4c;
		border-width:8px 5px 0 5px;
	}
	.search .selectbox select {
		display:inline-block; width:100%; height:28px;
		font-size:16px; cursor:pointer; opacity:0;
		position:absolute; top:0; left:0; z-index:2;
		display:none;
	}
	.search .selectbox select option { opacity:1; background-color:#fff;}
/*btn*/
.search .selectbtn { width:60%; padding:10px 0 12px; margin:0 auto;}
	.search .selectbtn input[type="button"] {
		display:inline-block; width:100%; height:28px;
		font-size:14px; color:#fff; line-height:28px;
		background:#40b8dc; border-radius:50px;
		cursor:pointer;
	}
	.search .selectbtn input[type="button"]:hover { background:#7ecee6;}

/*@epg
/////////////////////////////////////////////////////////////////////*/
.epg #epgArea { padding:0 0 20px; position:relative;}
.epg #epgArea iframe { border:0; width:100%; height:500px !important;}

/*@topics
/////////////////////////////////////////////////////////////////////*/
.topicslist #contents { background:#fff;}
.listblock .programlist.topics { padding:25px 0 50px 16px;}
.d2 .programlist.topics h2 { border-bottom:none; margin-bottom:10px;}
.d2 .programlist.topics ul li { height:100px; padding:10px 0; border-bottom:1px solid #ddd;}
.d2 .programlist.topics ul li:first-child { border-top:1px solid #ddd;}
	.d2 .programlist.topics ul li a { padding-right:16px;}
	.d2 .programlist.topics ul li .pic { width:80px;}
	.d2 .programlist.topics ul li .picinner { width:80px; height:80px;}
	.d2 .programlist.topics ul li .progtitle h3 { font-size:15px; max-height:46px; white-space:normal;}
	.d2 .programlist.topics ul li .progtitle p { font-size:11px; padding-top:7px;}

/*@notice
/////////////////////////////////////////////////////////////////////*/
.notice #contentsMain { padding:20px 16px 30px;}
.notice #contentsMain ul { padding-bottom:20px;}
.notice #contentsMain ul li { font-size:14px; line-height:1.6; border-bottom:solid 1px #ddd; padding:12px 0;}
.notice #contentsMain ul li .title { display:block; padding:0 6px;}
.notice #contentsMain ul li a { border-bottom:1px solid #444;}
.notice #contentsMain ul li a:hover { border-color:transparent; opacity:0.7;}
/*date*/
#oshirasebox .date,
.info #contentsMain .date,
.notice #contentsMain .date {
	display:block; height:20px; line-height:20px;
	font-size:13px; font-weight:bold; color:#40b8dc;
	margin-bottom:5px;
	}
	#oshirasebox .date { margin-left:-5px; margin-bottom:5px;}
	#oshirasebox .date span,
	.info #contentsMain .date span,
	.notice #contentsMain .date span {
		display:inline-block; height:18px; line-height:18px;
		font-size:11px; font-weight:normal; color:#fff;
		letter-spacing:0.08em; vertical-align:bottom;
		background:#ccc; border-radius:50px;
		padding:0 10px 0 12px; margin:0 10px 1px 0;
	}
	#oshirasebox .date.red,
	.info #contentsMain .date.red,
	.notice #contentsMain .date.red { color:#f03e34;}
	#oshirasebox .date.blue,
	.info #contentsMain .date.blue,
	.notice #contentsMain .date.blue { color:#40b8dc;}
	#oshirasebox .date.gray,
	.info #contentsMain .date.gray,
	.notice #contentsMain .date.gray { color:#7c7c8c;}
	#oshirasebox .date.red span,
	.info #contentsMain .date.red span,
	.notice #contentsMain .date.red span { background:#f03e34;}
	#oshirasebox .date.blue span,
	.info #contentsMain .date.blue span,
	.notice #contentsMain .date.blue span { background:#40b8dc;}
	#oshirasebox .date.gray span,
	.info #contentsMain .date.gray span,
	.notice #contentsMain .date.gray span { background:#7c7c8c;}
/*detail*/
.notice.detail .headings .back { position:absolute; top:50%; right:10px; margin-top:-14px;}
	.notice.detail .headings .back a {
		display:block; height:28px; line-height:28px;
		font-size:12px; color:#fff;
		border:1px solid #fff; border-radius:50px;
		padding:0 15px 0 30px; position:relative;
	}
	.notice.detail .headings .back a:before {
		content:""; display:block; width:7px; height:7px;
		border-bottom:2px solid #fff; border-left:2px solid #fff;
		position:absolute; top:50%; left:15px; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.notice.detail .headings .back a:hover { background:#fff; color:#40b8dc;}
	.notice.detail .headings .back a:hover:before { border-color:#40b8dc;}
/*date*/
.notice.detail #contentsMain .date { height:22px; line-height:22px; font-size:14px; margin-bottom:15px;}
.notice.detail #contentsMain .date span { height:22px; line-height:22px; font-size:13px;}
/*main*/
.notice.detail #contentsMain h2 {
	font-size:18px; line-height:1.5;
	border-bottom:3px solid #40b8dc;
	padding-bottom:10px; margin-bottom:12px;
}
.notice.detail #contentsMain p { font-size:14px; line-height:1.8; padding:10px 5px 25px;}
/*btn*/
.notice.detail #contentsMain .rellink { padding:10px 5px 0;}
	.notice.detail #contentsMain .rellink a {
		display:block; font-size:15px; color:#333;
		background:#fff; border-radius:6px;
		border:solid 1px #c9c9c9;
		padding:10px 10px 10px 40px; position:relative;
	}
	.notice.detail #contentsMain .rellink a:before {
		content:""; display:block; width:8px; height:8px;
		border-top:2px solid #40b8dc; border-right:2px solid #40b8dc;
		position:absolute; top:50%; left:15px; margin-top:-5px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.notice.detail #contentsMain .rellink a:hover{ background-color:#fcfcfc;}
.notice.detail #contentsMain .back { text-align:center; padding:30px 10px 0;}
	.notice.detail #contentsMain .back a {
		display:inline-block; font-size:14px; color:#40b8dc;
		padding:8px 13px 7px 30px; position:relative;
	}
	.notice.detail #contentsMain .back a:before {
		content:""; display:block; width:7px; height:7px;
		border-bottom:2px solid #40b8dc; border-left:2px solid #40b8dc;
		position:absolute; top:50%; left:15px; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.notice.detail #contentsMain .back a:hover { color:#555;}
	.notice.detail #contentsMain .back a:hover:before { border-color:#666;}

/*@info
/////////////////////////////////////////////////////////////////////*/
.info .headings h2 { padding-left:0;}
.info .headings h2:before { display:none;}
.info #contentsMain { min-height:350px; padding:30px 16px 50px;}
.info #contentsMain a { border-bottom:1px solid #0a0a0a; word-break:break-all;}
.info #contentsMain a:hover { border-color:transparent; opacity:0.7;}
.info #contentsMain .small { font-size:10px;}
.info #contentsMain .right { text-align:right;}

/*////////////about////////////*/
.about #contentsMain { padding:0 0 30px;}
	.about #contentsMain h2 {
		font-size:24px; color:#333; line-height:1.5; text-align:center;
		background:#efeff4; padding:24px 16px 20px;
	}
	.about #contentsMain h2 span { font-size:28px; color:#40b8dc; padding:0 0.05em;}
	.about .block1 .read { font-size:14px; line-height:1.8; padding:20px 16px;}
	.about .block1 .note { font-size:12px; text-align:center; padding:0 0 20px;letter-spacing:-0.05em;}
	.about .block1 ul {
		width:95%; height:0; padding-top:46.96%;
		background:url(../img/about0.png) no-repeat;
		background-size:contain;
		margin:0 auto 25px;
	}
	.about .block1 ul li { display:none;}
	.about .block2 ul li { color:#fff; text-align:center; background:#40b8dc; padding:33px 16px;}
	.about .block2 ul li.a2,
	.about .block2 ul li.a4 { background:#2aa7cc;}
	.about .block2 ul li h3 { font-size:24px; margin-bottom:15px;}
	.about .block2 ul li p { font-size:13px; line-height:1.35; margin-bottom:15px;}
	.about .block2 ul li img { display:block; width:90%; margin:0 auto 10px;}
	.about .block2 ul li img + p { font-size:11px; margin-bottom:0;}
	.about .block3 { background:#f5f5fa; padding:40px 0 30px;}
	.about .block3 h3 { font-size:30px;margin-bottom:15px;text-align:center;}
	.about .block3 h4 { font-size:20px; padding:10px 130px 10px 12px; min-height:80px;}
	.about .block3 .videoplayer{width:100%;margin:0 auto;}
	.about .vjs-playlist { background:none; font-size:13px; padding:15px 12px 0;}
	.about .vjs-playlist .vjs-playlist-item { outline:none;}
	.about .vjs-mouse.vjs-playlist .vjs-playlist-item { margin-bottom:12px;}
	.about .vjs-playlist .vjs-playlist-thumbnail { margin-right:10px;}
	.about .vjs-playlist time { font-size:12px;}
	.about .vjs-playlist cite { 
		display:inline-block; color:#000; margin-top:3px;
		width: calc(100% - 111px);
		white-space: inherit;
		height: 56px;
		line-height: 1.5;
	}
	.vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before, .vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{border-radius:50%;height:40px;height:40px;line-height:40px;font-size:26px;}
	.about .block3 .share { text-align:center; position:relative;}
	.about .block3 .share p { width:125px; font-size:11px; position:absolute; top:-70px; right:0;}
	.about .block3 .share ul { width:125px; font-size:0; position:absolute; top:-52px; right:0;}
	.about .block3 .share ul li { display:inline-block; vertical-align:middle; margin:0 3px;}
	.about .block3 .share ul li a {
		display:block; width:40px; height:40px;
		border-radius:6px; border:none !important;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative;
	}
	.about .block3 .share ul li.fb a { background:#3b5998;}
	.about .block3 .share ul li.tw a { background:#55acee;}
	.about .block3 .share ul li a:before {
		content:""; display:block; width:30px; height:30px;
		background:url(../img/parts_icon.png) no-repeat;
		background-size:300px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -15px;
	}
	.about .block3 .share ul li.fb a:before { background-position:-50px -115px;}
	.about .block3 .share ul li.tw a:before { background-position:-85px -115px;}
	.about .block3.pr { background:#fff; padding:45px 16px;}
	.about .block3.pr + .block3.pr { border-top:12px solid #f5f5fa;}
	.about .block3.pr h3 { font-size:26px;}
	.about .block3.pr ul li { font-size:14px; line-height:1.6; border-bottom:solid 1px #ddd; padding:12px 0;}
	.about .block3.pr ul li .title { display:block;}
	.about .block3.pr ul li a { border-bottom:1px solid #444;}
	.about .block3.pr ul li a:hover { border-color:transparent; opacity:0.7;}
	/*more*/
	.about .block3 .btn-more { text-align:center; padding-top:30px;}
	.about .block3 .btn-more a {
		display:inline-block; width:80%; height:40px;
		font-size:16px; line-height:40px; color:#fff; font-weight:bold;
		background:#40b8dc; border-radius:50px;
		border:none !important; position:relative;
	}
	.about .block3 .btn-more a:after {
		content:""; display:inline-block; width:10px; height:10px;
		border-bottom:2px solid #fff; border-right:2px solid #fff;
		position:absolute; top:50%; left:50%; margin:-9px 0 0 3.5em;
		-webkit-transform:rotate(45deg); transform:rotate(45deg);
	}

/*/////////////faq/////////////*/
.faq #contentsMain h2 {
	font-size:20px; border-bottom:3px solid #40b8dc;
	padding-bottom:12px; margin-bottom:20px;
}
.faq #contentsMain h3 {
	font-size:17px; background:#efeff4;
	padding:10px 10px 8px; margin-bottom:15px;
}
.faq #contentsMain .indent { display:block; text-indent:-1em; padding-left:1.2em;}
.faq #system { padding-bottom:30px;}
	.faq #system h4 { font-size:15px; margin-bottom:3px;}
	.faq #system .block {
		font-size:13px; line-height:1.6;
		padding:0 5px; margin-bottom:30px;
	}
	.faq #system .block p { padding-bottom:20px;}
	.faq #system .block dl + p { padding-bottom:0; margin-top:-10px;}
	.faq #system dl { padding-bottom:20px;}
	.faq #system dl:after { content:""; clear:both; display:block;}
	.faq #system dt { width:7em; float:left; padding:7px 0 5px;}
	.faq #system dd { text-indent:-1em; padding:6px 0 5px 8em; border-top:1px solid #ddd;}
	.faq #system dd:last-child { border-bottom:1px solid #ddd;}
	.faq #system .download { padding-top:25px;}
	.faq #system .download h4 { margin-bottom:6px;}
	.faq #system .download p { font-size:13px; line-height:1.5; padding-bottom:8px;}
	.faq #system .download p br { display:none;}
.faq #qa dl { font-size:16px; padding:10px 5px 20px;}
	.faq #qa dl:last-child { padding-bottom:0;}
	.faq #qa dt {
		font-size:15px; line-height:1.6;
		padding:3px 40px 20px 2.2em;
		cursor:pointer; position:relative;
	}
	.faq #qa dd {
		font-size:14px; line-height:1.6; border:1px solid #40b8dc;
		padding:1.5em 0.7em 0 3.2em; margin-bottom:40px; position:relative;
		display:none;
	}
	.faq #qa dd p { padding-bottom:20px;}
	.faq #qa dd h4 { margin:0;}
	.faq #qa dd ul { font-size:13px; padding:0 0 20px 20px;}
	.faq #qa dd ul li { list-style:disc; margin-bottom:5px;}
	.faq #qa dt:before,
	.faq #qa dd:before { display:block; color:#40b8dc; position:absolute;}
	.faq #qa dt:before { content:"Q"; top:-6px; left:0; font-size:26px;}
	.faq #qa dd:before { content:"A"; top:8px; left:13px; font-size:30px;}
	.faq #qa dt:after {
		content:""; display:block; width:10px; height:10px;
		border-bottom:2px solid #40b8dc; border-left:2px solid #40b8dc;
		position:absolute; top:5px; right:10px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.faq #qa dt.active { color:#40b8dc;}
	.faq #qa dt.active:after {
		border:none; top:12px;
		border-top:2px solid #40b8dc; border-right:2px solid #40b8dc;
	}

/*////////////contact////////////*/
.contact #contentsMain { font-size:14px;}
.contact #contentsMain .red { color:#f03e34; font-weight:bold;}
.contact #contentsMain form { margin-bottom:30px;}
	.contact #contentsMain form > p:first-child { font-size:13px;}
	.contact #contentsMain form dl { line-height:1.5; border-bottom:1px solid #ddd; padding:1.5em 0;}
	.contact #contentsMain form dt { font-size:15px; margin-bottom:8px;}
	.contact #contentsMain form #bug { /*display:none;*/}
	.contact #contentsMain form .note { display:block; font-size:12px; margin-top:5px;}
	.contact #contentsMain form .note2 {
		display:block; font-size:12px; text-indent:-3em;
		padding-left:3em; margin-top:10px;
	}
	.contact #contentsMain form .w80 { width:80%;}
	.contact #contentsMain form .version { width:80%; padding-top:16px;}
	.contact #contentsMain form .err {
		display:block; font-size:12px; font-weight:bold;
		color:#f03e34; margin-top:5px;
	}
	.contact #contentsMain .selectContact { width:100%; position:relative;}
	.contact #contentsMain .selectContact:before {
		content:''; display:block; width:25px; height:36px;
		background:#fff; position:absolute; top:1px; right:1px; z-index:10;
	}
	.contact #contentsMain .selectContact:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:9px; z-index:20; margin-top:-4px;
		border:6px transparent solid;
		border-top-color:#4c4c4c;
		border-width:9px 6px 0 6px;
	}
	.contact #contentsMain input {
		width:100%; font-size:16px;
		background:#fff; border:1px solid #444;
		padding:9px 10px; position:relative;
	}
	.contact #contentsMain textarea {
		width:100%; height:150px; font-size:16px;
		line-height:1.35; background:#fff;
		border:1px solid #444; padding:10px; position:relative;
	}
	.contact #contentsMain select {
		width:100%; font-size:16px; color:#444; height:38px;
		border:1px solid #444; background:#fff;
		padding:5px 10px; position:relative;
		cursor:pointer; overflow:hidden;
	}
	.contact #contentsMain select::-ms-expand { display:none;}
	.contact #contentsMain input:focus,
	.contact #contentsMain textarea:focus,
	.contact #contentsMain select:focus { border:1px solid #40b8dc;}
	/*btn*/
	.contact #contentsMain form .sendbtn { font-size:0; text-align:center; padding-top:30px;}
	.contact #contentsMain form button {
		display:inline-block; width:70%; height:46px;
		line-height:47px; font-size:16px; color:#fff;
		border-radius:6px; background:#40b8dc; vertical-align:top;
		-webkit-box-shadow:none; box-shadow:none;
		padding:0; cursor:pointer; position:relative; z-index:10;
	}
	.contact #contentsMain form button:hover { opacity:0.8;}
	.contact #contentsMain form button.back { width:25%; background:#aaa; margin-right:2%;}
	.contact #contentsMain form button.back:hover { background:#666;}
	.contact #contentsMain form::-moz-focus-inner { padding:0; border:0;}
.contact #contentsMain ul.attn {
	font-size:13px; line-height:1.6;
	background:#efeff4;
	padding:24px 20px 20px;
	}
	.contact #contentsMain ul.attn li { text-indent:-1em; padding-left:1em; margin-bottom:15px;}
	.contact .beforemsg { font-size:15px;text-align:center;margin:0 auto 40px;width:100%;background:#f0fcff;padding:10px;line-height:1.8;}
/*kakunin*/
.contact #contentsMain h2 {
	font-size:20px; text-align:center;
	border-bottom:3px solid #40b8dc;
	padding-bottom:12px; margin-bottom:20px;
}
.contact #contentsMain form dd p {
	width:100%; font-size:14px; letter-spacing:0.05em;
	background:#f5f5f5; position:relative;
	padding:9px 1em 8px;
}
.contact #contentsMain form #normal dd p,
.contact #contentsMain form #bug .none dd p { padding:1em 1em 1em 1.2em;}
/*end*/
.contact.end #contentsMain p { font-size:14px; line-height:2;}
.contact.end #contentsMain p br { display:none;}

/*////////////terms////////////*/
.terms #contentsMain h2 { font-size:18px; line-height:1.5; margin-bottom:10px;}
.terms #contentsMain p { font-size:14px; line-height:1.6; padding-bottom:20px;}
.terms #contentsMain .block { margin-bottom:20px;}
.terms #contentsMain .block:last-child { margin-bottom:0;}

/*////////////privacy////////////*/
.privacy #contentsMain { font-size:14px; line-height:1.6; padding-bottom:25px;}
.privacy #contentsMain h2 {
	font-size:20px; line-height:1.5;
	padding-left:1.3em; margin-bottom:15px;
	position:relative;
}
.privacy #contentsMain h2 span { display:block; position:absolute; top:0; left:0;}
.privacy #contentsMain h3 { font-size:16px; margin-bottom:10px;}
.privacy #contentsMain h4 { font-size:15px; margin-bottom:5px;}
.privacy #contentsMain p { padding-bottom:25px; word-wrap:break-word;}
.privacy #contentsMain ol,
.privacy #contentsMain ul { padding:0 0 25px 20px; word-break:break-all;}
.privacy #contentsMain ol li { list-style:decimal; padding:2px 0;}
.privacy #contentsMain ul li { list-style:disc; padding:2px 0;}
.privacy #contentsMain .indent { display:block; text-indent:-1em; padding-left:1em;}
.privacy #contentsMain .indent2 { text-indent:-2.5em; padding-left:2.5em;}
.privacy #contentsMain .indent li,
.privacy #contentsMain .indent2 li { list-style:none;}

.privacy #contentsMain .block { padding:10px 0 20px;}
.privacy #contentsMain .note { font-size:12px; padding:0 10px;}
.privacy #contentsMain p.note { padding:0 0 25px;}
.privacy #contentsMain .none { padding-bottom:0;}
.privacy #contentsMain table { width:100%; table-layout:fixed; border-collapse:collapse; margin-bottom:20px;}
.privacy #contentsMain table ul { padding-bottom:0;}
.privacy #contentsMain th,
.privacy #contentsMain td { border:1px solid #ddd; padding:15px 8px;}
.privacy #contentsMain th { font-weight:normal; background:#efeff4; padding:5px 10px;}
.privacy #contentsMain td { vertical-align:top;}

.informative .headings { height:65px;}
.informative .headings h2 { line-height:1.2; padding-top:10px}
.informative #contentsMain h2 { padding-left:0;}


/*/////////mailmagazine/////////*/
.mailmagazine #contentsMain { text-align:center;}
	.mailmagazine #contentsMain > p { font-size:15px; line-height:1.8; text-align:left; padding-bottom:20px;}
	.mailmagazine #contentsMain > p.note { font-size:12px; line-height:1.5;}
	.mailmagazine #form { padding:0 0 30px;}
	.mailmagazine #form .msg { font-size:15px; color:#f03e34; font-weight:bold; padding:20px; display:none;}
	.mailmagazine #form input[type="email"] {
		width:100%; font-size:16px; line-height:1.5;
		background:#fff; border:2px solid #40b8dc; border-radius:5px;
		padding:10px 1em; margin-bottom:25px; position:relative;
	}
	.mailmagazine #form input[type="email"]::-webkit-input-placeholder { color:#40b8dc; opacity:1;}
	.mailmagazine #form input[type="email"]::-moz-placeholder { color:#40b8dc; opacity:1;}
	.mailmagazine #form input[type="email"]:-ms-input-placeholder { color:#40b8dc;}
	.mailmagazine #form input[type="email"]:focus::-webkit-input-placeholder { color:#ccc;}
	.mailmagazine #form input[type="email"]:focus::-moz-placeholder { color:#ccc;}
	.mailmagazine #form input[type="email"]:focus:-ms-input-placeholder { color:#ccc;}
	.mailmagazine #form button {
		display:inline-block; width:70%; height:42px; line-height:41px;
		font-size:16px; color:#fff; background:#40b8dc; cursor:pointer;
		-webkit-box-shadow:none; box-shadow:none;
		border-radius:6px; margin:0 auto; position:relative; z-index:10;
	}
	.mailmagazine #form button:hover { opacity:0.8;}
	.mailmagazine form::-moz-focus-inner { padding:0; border:0;}
	/*loader*/
	.mailmagazine .loader { padding-top:12px;}
	.mailmagazine .loader img { display:block; width:230px; margin:0 auto;}
	.mailmagazine .success {
		font-size:16px; text-align:center;
		border-radius:4px; padding:10px 0; margin:0 auto;
	}

/*///////////Enquete201804///////////*/
#enquete .eqbg{
	display:block;
	position:fixed;
	top:0;left:0;
	z-index:1000;
	width:100%;height:100%;
	background-color: rgba(0,100,130,0.8);
}
#enquete .eqform{
	display:block;
	position:absolute;
	top:50%;left:50%;
	z-index:1001;
	width:90%;
	height:600px;
	margin-left:-45%;
	margin-top:-300px;
	background:#fff;
	box-shadow:0 5px 60px rgba(0,20,20,0.4);
}
#enquete .eqform iframe{
	width:100%;
	height:600px;
}

@-moz-document url-prefix() {
	#enquete .eqform{ box-shadow:none}
	#enquete .eqform{ border-radius:0 !important;}
}

/*////////////app////////////*/
.app #contentsMain .image { width:80%; margin:0 auto;}
.app #contentsMain .image img { display:block; width:100%;}
.app #contentsMain .text {}
	.app #contentsMain .text p { font-size:15px; line-height:1.6; padding-bottom:30px;}
	.app #contentsMain .text .attn li {
		font-size:12px; line-height:1.5;
		text-indent:-1em; padding-left:1em; margin-bottom:5px;
	}
	.app #contentsMain .download {
		background:#efeff4; text-align:center; border-radius:20px;
		padding:25px 5px; margin-top:20px;
	}
	.app #contentsMain .download h2 { font-size:18px; font-weight:bold; color:#333; line-height:1.35;}
	.app #contentsMain .download h2 span { color:#40b8dc;}
	.app #contentsMain .download h2:after {
		content:''; display:block; width:0; height:0;
		border:8px transparent solid;
		border-top-color:#d3d3d6;
		border-width:32px 80px 0 80px;
		margin:16px auto 10px;
	}
	/*badge*/
	.app #contentsMain .badge li { display:inline-block; vertical-align:top; margin:5px 1px;}
	.app #contentsMain .badge li.app_store { width:45%;}
	.app #contentsMain .badge li.google_play { width:45%;}
	.app #contentsMain .badge li a {
		display:block; width:100%; height:60px;
		background:transparent no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		border:none;
	}
	.app #contentsMain .badge li.app_store a { background-image:url(../img/badge_app_store.svg);}
	.app #contentsMain .badge li.google_play a { background-image:url(../img/badge_google_play.png);}

/*////////////systemerr////////////*/
.systemerr #contentsMain { padding-top:30px;}
.systemerr #contentsMain h1 { font-size:42px;font-weight:bold;color:#40b8dc;margin-bottom:.55em;}
.systemerr #contentsMain p { font-size:14px; line-height:1.6; padding-bottom:20px;}
.systemerr #contentsMain a { color:#40b8dc;font-weight:bold;border-bottom: 1px solid #40b8dc;}

/*////////////TV////////////*/
.tv.info #contentsMain {padding:25px 0 50px;}
.tv #contentsMain a { color:#40b8dc; border-bottom-color:#40b8dc;}
.tv #contentsMain h3{font-size:21px;text-align:center;font-weight:bold;margin-bottom:30px;line-height:1.6;}
.tv #contentsMain .main-img {
	width:100%; height:0;
	padding-top:calc(700 / 960 * 100%);
	background:url(../img/info_tv_201912_sp.jpg) no-repeat;
	background-size:contain;
	margin:10px 0 20px;
}
.tv #contentsMain .image { width:95%; margin:0 auto;}
.tv #contentsMain .image img { display:block; width:100%;}
.tv #contentsMain > p { font-size:15px; line-height:1.6; padding:0 15px 15px;}
.tv #contentsMain > p br{display:none;}
.tv #contentsMain .download {
	background:#efeff4; text-align:center; border-radius:20px;
	padding:20px 5px 25px; margin:10px 15px;
	}
	.tv #contentsMain .download h4 { font-size:17px; font-weight:bold; color:#333; line-height:1.35;}
	/*btn*/
	.tv #contentsMain .btn { padding-top:10px;}
	.tv #contentsMain .btn li { display:inline-block; width:46%; vertical-align:top; margin:5px 0.6%;}
	.tv #contentsMain .btn li a {
		display:block; width:100%; height:80px;
		font-size:15px; font-weight:bold; color:#fff;
		background:#2d2d2d; border:none;
		line-height:1.35;border-radius:10px;
		position:relative;
	}
	.tv #contentsMain .btn li a span {
		display:block; width:100%;
		position:absolute; top:50%; left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
.tv #contentsMain > .attn { padding:15px;}
	.tv #contentsMain > .attn li {
		font-size:12px; line-height:1.5;
		text-indent:-1em; padding-left:1em;
		margin-bottom:5px;
	}
.tv #contentsMain > .step{padding:0 15px 20px;}
.smooth { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*＠Overlay
/////////////////////////////////////////////////////////////////////*/
.mfp-bg {
	width:100%; height:100%; background:#000;
	position:fixed; top:0; left:0; z-index:1042; overflow:hidden;
	opacity:0.3; filter:alpha(opacity=0.3);
}
.mfp-wrap {
	width:100%; height:100%; position:fixed; top:0; left:0; z-index:1043;
	outline:none !important; -webkit-backface-visibility:hidden;
}
.mfp-container {
	width:100%; height:100%; text-align:center;
	position:absolute; top:0; left:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	}
	.mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle;}
	.mfp-align-top .mfp-container:before { display:none;}
.mfp-content { position:relative; display:inline-block; text-align:left; vertical-align:middle; margin:0 auto; z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width:100%; cursor:auto;}
.mfp-ajax-cur { cursor:progress;}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content { cursor:auto;}
.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure { display:none;}
.mfp-hide { display:none !important;}
.mfp-preloader {
	position:absolute; top:50%; left:8px; right:8px; z-index:1044;
	width:auto; text-align:center; color:#ccc; margin-top:-0.8em;
	}
	.mfp-preloader a { color:#ccc;}
	.mfp-preloader a:hover { color:#fff;}
	.mfp-s-ready .mfp-preloader { display:none;}
.mfp-s-error .mfp-content { display:none;}

button.mfp-close, button.mfp-arrow {
	display:block; overflow:visible; cursor:pointer; border:0;outline:none;
	-webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none;
	padding:0; z-index:1046 !important;
}
button::-moz-focus-inner { padding:0; border:0;}
/*close*/
button.mfp-close {
	width:110px; height:40px; background:none; z-index:1046;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	position:absolute; bottom:-50px; left:50%;
	margin-left:-55px;
	}
	button.mfp-close:before {
		content:""; display:block; width:100px; height:26px;
		background:url(../img/icon.png) no-repeat 0 -39px;
		background-size:100px auto;
		position:absolute; top:50%; left:50%;
		margin:-13px 0 0 -50px;
	}
/*arr*/
.mfp-arrow {
	width:30px; height:80px; background:#e1dcb9;
	position:absolute; top:50%;
	margin:0; margin-top:-22.5px; padding:0;
	-webkit-tap-highlight-color:transparent;
	}
	.mfp-arrow:hover { opacity:1; filter:alpha(opacity=100);}
	.mfp-arrow-left { left:0; border-radius:0 6px 6px 0;}
	.mfp-arrow-right { right:0; border-radius:6px 0 0 6px;}
	.mfp-arrow:before {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat;
		background-size:480px auto;
		position:absolute; top:50%; margin-top:-10px;
	}
	.mfp-arrow-left:before { background-position:-370px -37px; left:5px;}
	.mfp-arrow-right:before { background-position:-345px -37px; right:5px;}
/*iframe*/
.mfp-iframe-holder { /*padding-top:40px; padding-bottom:40px;*/}
.mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:800px;}
.mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {
	display:block; width:100%; height:100%;
	position:absolute; top:0; left:0;
}
/*img*/
img.mfp-img {
	display:block; width:auto; max-width:96%; height:auto; line-height:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	margin:0 auto;
}

/*///////////animation///////////*/
.mfp-zoom-in .mfp-container,
.mfp-zoom-in.mfp-bg {
	opacity:0;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-container { opacity:1;}
.mfp-zoom-in.mfp-ready.mfp-bg { opacity:0.3;}
.mfp-zoom-in.mfp-removing .mfp-container,
.mfp-zoom-in.mfp-removing.mfp-bg { opacity:0;}

/*/////////////listBox/////////////*/
#listBox { width:90%; background:#fff; text-align:left; margin:40px auto;}
	#listBox h2 { font-size:14px; background:#f3f3f3; padding:10px 16px;}
	#listBox .delete {
		display:block; width:100%; height:40px;
		font-size:14px; line-height:40px; text-align:center; color:#fff;
		background:#40b8dc; cursor:pointer;
	}
	#listBox .delete.off { color:#e0eff3; background:#7ecee6; cursor:default;}
	#listBox ul { padding:16px;}
	#listBox ul li { display:inline-block; width:49%; vertical-align:top; margin-bottom:10px;}
	/*input*/
	#listBox input[type=checkbox] { display:inline-block; width:20px; height:20px; vertical-align:middle;}
	#listBox input[type=checkbox] + label {
		position:relative; display:inline-block; margin-right:10px;
		font-size:12px; line-height:1.35; cursor:pointer;
	}
	@media (min-width:1px) {
		#listBox input[type=checkbox] { display:none;}
		#listBox input[type=checkbox] + label { padding:5px 0 5px 25px;}
		#listBox input[type=checkbox] + label::before {
			content:""; display:block; width:20px; height:20px;
			background:#fff; border:2px solid #cdcdd2; border-radius:50%;
			position:absolute; top:2px; left:0;
			box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
		}
		#listBox input[type=checkbox]:checked + label::before {
			background:#40b8dc; border:none;
			box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
		}
		#listBox input[type=checkbox]:checked + label::after {
			content:""; display:block; width:9px; height:4px;
			border-left:2px solid #fff; border-bottom:2px solid #fff;
			position:absolute; top:8px; left:4.5px;
			-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
		}
	}

/*/////////////DIMMER/////////////*/
.dimmer{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.75);top:0;left:0;z-index:9999;display:none;}

/*SP*/
.sp #oshirasebox a.more,
.sp #oshirasebox .date span,
.sp.notice #contentsMain .date span { font-weight:bold;}

/*@loader
/////////////////////////////////////////////////////////////////////*/
.cov{
	width:100%;height:190px;
	z-index:100;
}
.cov *,
.cov *::before,
.cov *::after { box-sizing:border-box;}
.loader {
	display:block;
	margin:60px auto;
	width:50px;
	height:50px;
	border:2px solid rgba(64,184,220,.5);
	border-radius:50%;
	animation:spin 0.75s infinite linear;
}
.loader::before,
.loader::after {
	left:-2px;
	top:-2px;
	display:block;
	position:absolute;
	content:'';
	width:inherit;
	height:inherit;
	border:inherit;
	border-radius:inherit;
}
/**/
.loader { border-top-color:transparent;}
.loader::after {
	display:block;
	border-color:transparent;
	border-top-color:rgba(60,219,229,.5);
	-webkit-animation:spin 1.25s infinite linear reverse;
	animation:spin 1.25s infinite linear reverse;
}
@-webkit-keyframes spin {
	from { transform:rotate(0deg);}
	to { transform:rotate(360deg);}
}
@keyframes spin {
	from { transform:rotate(0deg);}
	to { transform:rotate(360deg);}
}


/*informative*/
.waiting {
	width: 6em;
	height: 10px;
	display:inline-block;
	border-radius: 3px;
	background-image: 
		repeating-linear-gradient(
			-45deg,
			#f9f9f9,
			#f9f9f9 11px,
			#e6e6e6 10px,
			#e6e6e6 20px /* determines size */
		);
	background-size: 28px 28px;
	-webkit-animation: move .5s linear infinite;
	animation: move .5s linear infinite;
}
@-webkit-keyframes move {
	0% { background-position: 0 0; }
	100% { background-position: 28px 0;}
}
@keyframes move {
	0% { background-position: 0 0; }
	100% { background-position: 28px 0;}
}
.tglsw{
	display:inline-block;
	width: 31px;
	height: 18px;
	
	background: #fff;
	color:#fff;
	padding:0;
	margin:0 5px 0 0;
	position: relative;
	top:3px;
	cursor: pointer;
	
	box-sizing: border-box;
	border-radius: 100px;
	border: 2px solid #e6e6e6;
	
	transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out 0.02s;
}
.tglsw:after{
	height: 14px;
	width: 14px;
	
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	
	transform: translateX(0);
	transition: all 0.2s ease-out;
	
	border-radius: 100px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}
.tglsw.on{
	box-shadow: 0px 0px 0px 12.5px #40b8dc inset;
	border-color:#40b8dc;
}
.tglsw.on:after{
	transform: translateX(13px);
}

/*splash*/
#splash {
	width:100%; height:100%;
	background:rgba(0, 0, 0, 0.4);
	position:fixed; top:0; left:0; z-index:9999;
	cursor:pointer;
	}
	#splash div {
		width:240px; height:0; padding-top:305px;
		background:url(../img/fifaworldcup2018/splash_sp.jpg?v2) no-repeat;
		background-size:cover;
		box-shadow:0 0 15px 7px rgba(0, 0, 0, 0.2);
		position:absolute; top:50%; left:50%;
		transform:translateY(-50%) translateX(-50%);
		-webkit-transform:translateY(-50%) translateX(-50%);
	}
	#splash div:after {
		content:"閉じる"; display:block; width:200px; height:36px;
		font-size:15px; color:#fff; line-height:36px;
		text-align:center; background:#000;
		margin:10px auto 0;
	}

/*@media
/////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:650px){
	#globalfooter .f2 .txtLink ul { padding: 0 15px 20px;}
	.listblock .programlist.normal ul li { width:48%; margin:0 1% 25px;}
}
@media screen and (max-width:550px){
	#globalfooter .f2 .txtLink .inner { position:relative; text-align:left;}
	#globalfooter .f2 .txtLink ul { display:inline-block; vertical-align:top; width:56%; padding:0;}
	#globalfooter .f2 .txtLink ul:nth-child(2) { width:42%;}
	#globalfooter .f2 .txtLink ul:nth-child(3) { width:100%;}
	#globalfooter .f2 .txtLink ul:nth-child(3) li { display:inline-block; vertical-align:top; width:56%;}
	#globalfooter .f2 .txtLink ul:nth-child(3) li:nth-child(2) { width:42%;}
	#globalfooter .f2 .txtLink ul:nth-child(3) li:last-child { width:42%;}
	#globalfooter .f2 .txtLink li { font-size:13px; text-align:left;}
	#globalfooter .f2 .txtLink li a { display:block; padding:10px 0 10px 5px;}
	.tvstation ul {width:430px;}
	.tvstation ul li { width:80px;}
	.tvstation ul li a .logo:before {
		transform:scale(0.65); -webkit-transform:scale(0.65);
		-moz-transform:scale(0.65); -ms-transform:scale(0.65);
	}
}
@media screen and (max-width:445px){
	#globalfooter .f1 li:nth-child(1) a,
	#globalfooter .f1 li:nth-child(3) a { font-size:85%;}
	.tvstation ul {width:360px;}
	.tvstation ul li { width:66px;}
	.tvstation ul li a .logo:before {
		transform:scale(0.55); -webkit-transform:scale(0.55);
		-moz-transform:scale(0.55); -ms-transform:scale(0.55);
	}
	.detail:not(.talent) #contents .detail-section .btnarea .sns li.fb a,
	.detail:not(.talent) #contents .detail-section .btnarea .sns li.tw a {
		width:34px; padding:0;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.video #contents .btnarea { padding-bottom:30px;}
	.d2 #contents .video-section .btnarea .mylist p,
	.talent #contents .detail-section .btnarea .mylist p { position:absolute; bottom:-18px; right:0;}
}
@media screen and (max-width:360px){
	#globalnav .nav2 .nav2-1 li { margin-right:0;}
	#oshirasebox { left:10px;}
	#oshirasebox:after,
	#oshirasebox:before { left:141px;}
	.tvstation ul {width:305px;}
	.tvstation ul li { width:55px;}
	.tvstation ul li a .logo:before {
		transform:scale(0.45); -webkit-transform:scale(0.45);
		-moz-transform:scale(0.45); -ms-transform:scale(0.45);
	}
	.tv #contentsMain h3 { font-size:19px;}
	
}
@media screen and (max-width:320px){
	#globalnav .searchbox { width:100px;}
	#globalfooter .f2 .txtLink li { font-size:11px;}
	#globalfooter .f2 .officialLink li a:before {
		transform:scale(0.5); -webkit-transform:scale(0.5);
		-moz-transform:scale(0.5); -ms-transform:scale(0.5);
	}
	.mylist .headings2 { height:44px;}
	.mylist .headings2 ul li a { height:34px; font-size:12px; padding:11px 12px 0;}
	.mylist .headings .edit a { font-size:12px;}
	.d2 #contents .btnarea .official a,
	.d2 #contents .btnarea .mylist a { font-size:12px;}
	.d2 #contents .btnarea .official a { width:110px; padding-right:10px;}
	.d2 #contents .btnarea .mylist a { width:140px; padding-left:22px;}
	.d2 #contents .btnarea .mylist a:after { left:4px;}
	.d2 #contents .btnarea .mylist p span { font-size:14px;}
	.vod-section .vod .program .pic { width:120px;}
	.vod-section .vod .program .title .linkbtn a { font-size:10px; padding-top:1px;}
	.vod-section .vod .program .title .linkbtn a:after { top:2px; right:5px;}
	.vod-section .sns h2 { font-size:14px;}
	.vod-section .sns li { margin:0 1px;}
	.talent #contents .detail-section .btnarea { padding-top:10px;}
	.talent #contents .detail-section .btnarea .mylist { top:10px;}
	.talent .detail-section .headings .pic { width:130px; height:130px;}
	.talent .detail-section .headings .profile { min-height:130px; padding:15px 10px 0 145px;}
	.talent .detail-section .headings .profile h1 { margin-bottom:0;}
	.talent .detail-section .headings .profile dt { font-size:11px; padding:2px 0;}
	.talent .detail-section .headings .profile dd { font-size:11px; padding:2px 0 2px 5em;}
	.listblock .programlist.normal ul li .attn,
	.listblock .programlist.normal ul li .coming { font-size:9px;}
	.about #contentsMain h2 { font-size:22px;}
	.about #contentsMain h2 span { font-size:24px;}
	.search .selectbox label { padding-top:0;}
	.d2 #contents .alert span { padding:20px 10px 18px;}
	.d2 #contents .linkbtn2 a { font-size:15px; padding:0 10px 1px 0;}
	.d2 #contents .linkbtn2 a:after { right:0; -webkit-transform:scale(0.7); transform:scale(0.7);}
}

/*Android*/
.Android #suggestbox li a { padding-top:2px;}
.Android #globalfooter .f1 li a { padding-top:1px;}
.Android #oshirasebox .date span,
.Android.notice #contentsMain .date span { height:17px; padding-top:1px; margin-bottom:2px;}
.Android .listblock .programlist.normal ul li .attn,
.Android .listblock .programlist.normal ul li .coming { padding-top:1px;}
.Android .vod-section .vod .program .title .linkbtn a { padding-top:1px;}
.Android.bangumi .linkbangumi a { padding-top:1px;}
.Android.faq #system dt { padding:7px 0 3px;}
.Android.faq #system dd { padding:6px 0 3px 8em;}
.Android.faq #qa dt:before { top:-5px;}




/*sp2018bnr*/
.sp2018bnr {text-align:center;background:transparent;position:relative;top:-20px;}
.sp2018bnr a { display:block;margin:0 auto;}
.sp2018bnr a img { display:block;margin:0 auto;width:90%;}


/*cx 新サイズ*/
.video-section .playvideo.cx .player{height:513px;}
.video-section .playvideo .player #cx_player {height:513px;}


/*AD overlay*/
#ADoverlay{
	width:100%; height:100%;
	background:rgba(0, 0, 0, 0.5);
	position:fixed; top:0; left:0; z-index:9999;
	text-align:center;
}
#ADoverlay .adin{
	width:320px;height:530px;
	position:absolute; top:50%; left:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
}
#ADoverlay .ad{
	width:320px;height:406px;overflow:hidden;
	box-shadow:0 0 30px 10px rgba(0, 0, 0, 0.1);
}
	#ADoverlay .ad img{width:320px;height:406px;display:block;}
#ADoverlay .link{padding-top:10px;}
#ADoverlay .link a{
	background-color:#40b8dc;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border:solid 3px #fff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:16px 31px 15px;
	text-decoration:none;
	width:320px;
}
#ADoverlay .link a:hover {
	background-color:#40b8dc;
	border-color:#40b8dc;
}
#ADoverlay .link a:active {
	position:relative;
	top:1px;
}
#ADoverlay .close {position:relative;}
#ADoverlay .close a {
	text-indent:-1000px;overflow:hidden; display:block; width:60px; height:60px;
	background:#121212;
	position:absolute; top:0px; right:0px;
	cursor:pointer;
}
#ADoverlay .close a:before,
#ADoverlay .close a:after{
	content:'';display:block;
	position: absolute;
	right: 9px;
	width: 40px;
	height: 3px;
	background-color: #fff;
	border-radius: 4px;
}
	#ADoverlay .close a:before{
		top: 20px;
		-webkit-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	#ADoverlay .close a:after{
		bottom: 21px;
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}
#ADoverlay .disappear{
	margin:0 auto;text-align:center;
	padding:15px 20px 0;
	font-size:15px;
	color:#fff;
}
#ADoverlay .disappear input[type=checkbox] {
	display:inline-block; width:20px; height:20px;
	vertical-align:middle; margin-right:6px;
}
#ADoverlay .disappear input[type=checkbox] + label {
	position:relative; display:inline-block; margin-right:16px;
	font-size:16px; line-height:1.35; cursor:pointer;
}
@media (min-width:1px) {
	#ADoverlay .disappear input[type=checkbox] { display:none;}
	#ADoverlay .disappear input[type=checkbox] + label { padding:3px 0 0 35px;}
	#ADoverlay .disappear input[type=checkbox] + label::before {
		content:""; display:block; width:26px; height:26px;
		background:#fff; border:2px solid #cdcdd2; border-radius:50%;
		position:absolute; top:0; left:0;
		box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	}
	#ADoverlay .disappear input[type=checkbox]:checked + label::before {
		background:#40b8dc; border:none;
		box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	}
	#ADoverlay .disappear input[type=checkbox]:checked + label::after {
		content:""; display:block; width:12px; height:5px;
		border-left:2px solid #fff; border-bottom:2px solid #fff;
		position:absolute; top:8px; left:6px;
		-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
}
.tiny #ADoverlay .adin{
	zoom:0.8;
}

#pcmodeOnSp{ /*display:none;*/ }
#pcmodeOnSp {
	position:fixed;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:calc( 100vh );
	top:0; left:0;
	z-index:1000;
}
#pcmodeOnSp > div {
	position:fixed;
	background:#fff;
	border-radius:10px;
	width:80%;
	height:auto;
	left:50%;
	margin-left:-40%;
	top: calc( 50vh );
	margin-top:-200px;
	padding:30px 30px 110px;
}
#pcmodeOnSp h3{font-size:22px;border-bottom:solid 2px #000;margin-bottom:0.8em;line-height:1.6;}
#pcmodeOnSp p{font-size:16px;line-height:1.5;}
#pcmodeOnSp p a{
	color:#40b8dc;
	text-decoration:underline;
	display:inline-block;
	margin-top:15px;
	font-weight:600;
}
#pcmodeOnSp button{
	font-size:16px;
	display:block;
	background:#40b8dc;
	color:#fff;
	padding:0.5em;
	border-radius:4px;
	line-height:30px;
	margin:15px auto 0;
	width:calc( 100% - 60px );
	cursor:pointer;
	position:absolute;
	bottom:30px;
}

/*TOKYO2020*/
.tokyo2020.d2.special #contents .btnarea {display:block;}
.tokyo2020.d2 #contents .btnarea .official a,
.gorinjp.d2 #contents .btnarea .official a{
	background:url(/img/tokyo2020/gorinjp_logo.png) top center no-repeat;
	background-size:auto 85%;
	text-indent:-5000px;
}
.gorinjp.d2 .playerbinder .right { display:none; }

/*Emergency*/
#emergency .topmessage{ 
	color:#475154; 
	width:100%;
	border-top:solid 1px #c6cfd2;
	background:#d7eaf0 url(/img/em_sp.png) 10px center no-repeat;
	background-size:30px auto;
}
#emergency .topmessage h3{ 
	display:none;
}
#emergency .topmessage ul{ 
	padding:3px 0 1px;
	margin-left:48px;
}
#emergency .topmessage li { 
	font-size:13px;margin:0 4px 3px 0;line-height:1.4;
	background:#f0fcff;
	border-radius:5px;
	padding:5px 10px;
	min-height:35px;
}
#emergency .topmessage li a{ color:#0b6681; text-decoration:underline; }
#emergency .topmessage li a:hover{ text-decoration:none; }
/*modal*/
#emergency .topmodal { position:fixed;background:rgba(0,0,0,0.5);width:calc(100vw);height:calc(100vh);top:0;left:0;z-index:1000;}
#emergency .topmodal div {
	background:#fff;
	width:290px;
	border-radius:10px;
	position:relative; left:50%;top:calc(50vh);
	margin-left:-145px;
	margin-top:-100px;
}
#emergency .topmodal div>p {
	padding:30px 20px;
	font-size:14px;
	line-height:1.3;
}
#emergency .topmodal div>a {
	display:block;
	padding:15px;
	text-align:center;
	font-size:14px;
	background:#e9e9e9;
	border-radius:0 0 10px 10px;
}
#emergency .topmodal div>a:hover{background:#eee;}


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

/*LIVE*/
.live .credit { background:#f3f3f3;}
.live .headings { padding:30px 15px 0;}
	.live .headings .inner { position:relative;}
	.live .headings h2 { font-size:24px; padding-bottom:20px;}
	.live .headings .date { white-space:nowrap;}
	.live .headings .date dt { font-size:14px; padding-bottom:10px;}
	.live .headings .date dd {
		display:inline-block; vertical-align:bottom;
		font-size:18px; color:#40b8dc; padding-right:0.3em;
	}
	.live .headings .date dd span { font-size:10px;}
	.live .headings .date dd a { display:block; height:27px; color:#40b8dc;}
	.live .headings .date dd a:not([href]) { color:#8ce;}
	.live .headings .date dd.this a { border-bottom:3px solid #40b8dc;}
.live .headings .sort {
	font-size:15px; text-align:center;
	position:absolute; bottom:4px; right:-10px; z-index:10;
	}
	.live .headings #sortSelect {
		width:70px; height:30px; line-height:30px;
		color:#40b8dc; padding-right:8px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		position:relative;
	}
	.live .headings #sortSelect:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:2px; margin-top:-3px;
		border:5px transparent solid;
		border-top-color:#40b8dc;
		border-width:7px 5px 0 5px;
	}
	.live .headings .sort ul {
		width:120px; background:#fff;
		border:1px solid #ddd; border-radius:6px;
		position:absolute; top:30px; right:0;
		overflow:hidden;
		display:none;
	}
	.live .headings .sort ul li { border-bottom:1px solid #ddd;}
	.live .headings .sort ul li:last-child { border-bottom:none;}
	.live .headings .sort ul li a {
		display:block; width:100%; height:30px; line-height:30px;
		color:#40b8dc; background:#fff; padding:1px 0.5em 0;
		position:relative; cursor:pointer;
	}
	.live .headings .sort ul li a:hover,
	.live .headings .sort ul li.this a { background:#f3f3f3;}

#live-channel { background:#f3f3f3; padding:20px 0;}
	#live-channel .tv { margin-bottom:20px; position:relative;}
	#live-channel h3 { display:none;}
	#live-channel .item { background:#fff; box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.05);}
	
	/*
	#live-channel .item > a { display:table; width:100%; table-layout:fixed;}
	#live-channel .item > a > div { display:table-cell; vertical-align:top;}
	*/
	
	#live-channel .item > a {
		display:block; width:100%; max-height:100px;
		padding-left:40%; position:relative;
	}
	
	
	/*title*/
	#live-channel .item .title {
		color:#222; line-height:1.35;
		background:#fff; padding:35px 12px 20px;
		position:relative;
	}
	#live-channel .item .title:before {
		content:""; display:block;
		width:55px; height:22px;
		background:#fff; border-radius:3px;
		position:absolute; top:8px; left:8px;
	}
	#live-channel .item .title:after {
		content:""; display:block; width:100px; height:40px;
		background:url(../img/parts_logo.png) no-repeat;
		background-size:432px auto;
		position:absolute; top:9px; left:10px;
		-webkit-transform:scale(0.55); transform:scale(0.55);
		transform-origin:top left;
	}
	#live-channel .ntv .item .title:after { background-position:-319px 0;}
	#live-channel .ex .item .title:after { background-position:-319px -40px;}
	#live-channel .tbs .item .title:after { background-position:-319px -81px;}
	#live-channel .tx .item .title:after { background-position:-319px -121px;}
	#live-channel .cx .item .title:after { background-position:-319px -162px;}
	#live-channel .item .time { font-size:13px; position:absolute; top:11px; left:70px;}
	#live-channel .item .name { height:44px; font-size:16px; overflow:hidden;}
	#live-channel .item .name span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	#live-channel .item .status { font-size:12px; color:#40b8dc; position:absolute; top:11px; right:10px;}
	#live-channel .onair .title { color:#fff; background:#40b8dc;}
	#live-channel .onair .time { opacity:0.8;}
	#live-channel .end .time,
	#live-channel .end .name { opacity:0.5;}
	#live-channel .coming .title { background:#dafdff;}
	/*pic*/
	#live-channel .item .pic {
		width:40%; height:100%;
		position:absolute; top:0; left:0;
		overflow:hidden;
	}
	#live-channel .item .picbg {
		width:110%; height:110%;
		position:absolute; top:-5%; left:-5%;
		background:transparent no-repeat center center;
		background-size:cover;
		-webkit-filter:blur(3px);
		filter:blur(3px);
		opacity:0.7;
	}
	#live-channel .item .picinner {
		width:100%; height:100%;
		background:transparent no-repeat center center;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	#live-channel .onair .pic:after {
		content:""; display:block; width:25%; height:0; padding-top:25%;
		background:url(../img/icon_play.png) no-repeat;
		background-size:contain;
		position:absolute; top:50%; left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	/*progressbar*/
	#live-channel .item .progress {
		width:100%; height:4px; background:rgba(255, 255, 255, 0.6);
		position:absolute; bottom:0; left:0;
	}
	#live-channel .item .progress .bar {
		height:4px; background:#41f6ff;
		position:absolute; top:0; left:0;
	}
	
	/*slider*/
	#live-channel .program { width:100%; position:relative; opacity:0; transition:opacity 0.3s;}
	#live-channel .program.slick-initialized { opacity:1;}
	/*arrow*/
	#live-channel .slick-arrow {
		display:inline-block; height:22px; line-height:21px;
		font-size:12px; color:#fff; border-radius:50px;
		background:#00a8cc; white-space:nowrap;
		box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);
		position:absolute; bottom:-6px; z-index:100;
		cursor:pointer; padding:0 10px;
		opacity:0; visibility:hidden;
	}
	#live-channel .slick-arrow.prev { left:40%; padding-left:18px;}
	#live-channel .slick-arrow.next { right:-10px; padding-right:25px;}
	#live-channel .slick-arrow:before {
		content:""; display:block; width:6px; height:6px;
		border-top:1px solid #fff; border-right:1px solid #fff;
		position:absolute; top:50%; margin-top:-3px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	#live-channel .slick-arrow.prev:before { left:9px; border:none; border-bottom:1px solid #fff; border-left:1px solid #fff;}
	#live-channel .slick-arrow.next:before { right:16px;}
	#live-channel .slick-arrow:not(.slick-disabled) { opacity:1; visibility:visible; transition:all 0.15s ease 0.4s;}

@media screen and (max-width:360px){
	.live .headings .sort { bottom:30px;}
	#live-channel .item .title { padding-top:30px;}
	#live-channel .item .title:before { width:45px; height:18px; top:8px; left:8px;}
	#live-channel .item .title:after {
		-webkit-transform:scale(0.45); transform:scale(0.45);
		transform-origin:top left;
	}
	#live-channel .item .time { font-size:12px; top:9px; left:60px;}
	#live-channel .item .status { font-size:10px; right:5px;}
	#live-channel .item .name { height:40px; font-size:15px;}
	.programlist h2 { font-size:19px;}
	.programlist .link.more { top:-3px;}
}
@media screen and (max-width:320px){
	.programlist h2 { font-size:18px;}
	.programlist .link.more a { font-size:12px; padding-right15px;}
	.programlist .link.more a:before { width:7px; height:7px; margin-top:-4px;}
	.carousel .programlist h2 { padding-right:65px;}
}

/*banner-carousel*/
.banner-carousel { margin:-10px 0 30px; position:relative;}
.banner-slider { width:86%; margin:0 auto; opacity:0; transition:opacity 0.3s;}
.banner-slider.slick-initialized { opacity:1;}
.banner-slider .item a,
.banner-slider .item img { display:block; width:100%;}
/*arrows*/
.banner-arrows { width:100%; height:100%; position:absolute; top:0; left:0;}
.banner-arrows .slick-arrow {
	display:block; width:7%; height:40px;
	position:absolute; top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	cursor:pointer;
	}
	.banner-arrows .slick-arrow.prev { left:0;}
	.banner-arrows .slick-arrow.next { right:0;}
	.banner-arrows .slick-arrow:before {
		content:""; display:block; width:8px; height:8px;
		position:absolute; top:50%; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.banner-arrows .slick-arrow.prev:before {
		border-bottom:2px solid #40b8dc; border-left:2px solid #40b8dc;
		left:50%; margin-left:-2px;
	}
	.banner-arrows .slick-arrow.next:before {
		border-top:2px solid #40b8dc; border-right:2px solid #40b8dc;
		right:50%; margin-right:-2px;
	}

.playvideo .player .video-js { width:100% !important; height:100% !important; position:absolute; top:0; left:0;}