@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
TVer 2019 (min-width:768px)
/////////////////////////////////////////////////////////////////////////*/
* { 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:absolute; top:0; left:0; z-index:100;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);
	}
	#globalheader .headinner {
		display:table; width:100%; height:100%;
		table-layout:fixed; background:#fff;
		overflow:hidden;
	}
	#globalheader h1 { display:table-cell; width:130px; height:100%;}
	#globalheader h1:before {
		content:""; display:block; width:90px; height:48px;
		background:url(../img/tver_logo.png) no-repeat;
		background-size:contain;
		position:absolute; top:18px; left:20px;
	}
	#globalheader h1 a {
		display:block; width:130px; height:100%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0; z-index:10;
	}
	#globalheader h2 { display:none;}
.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 { display:table-cell; height:100%; text-align:left; position:relative;}
	#globalnav ul { font-size:0;}
	#globalnav li { display:inline-block; vertical-align:top;}
	#globalnav li a { display:block; white-space:nowrap; overflow:hidden; position:relative;}
	#globalnav li a:hover { opacity:0.6;}
	/*nav1*/
	#globalnav .nav1 { height:35px; position:absolute; top:45px; left:0; z-index:10;}
	#globalnav .nav1 li { margin-right:7px;}
	#globalnav .nav1 li.m-soon { margin-right:12px;}
	#globalnav .nav1 li a { height:35px; font-size:14px; padding:9px 5px 0;}
	#globalnav .nav1 li a.this { color:#40b8dc;}
	#globalnav .nav1 li a.this:after {
		content:""; display:block; width:94%; height:4px;
		background:#40b8dc;
		position:absolute; bottom:0; left:50%;
		margin-left:-47%;
	}
	/*nav2*/
	#globalnav .nav2 {
		width:100%; height:45px; padding-top:12px; overflow:hidden;
		position:absolute; top:0; left:0; z-index:1;
	}
	#globalnav .nav2 ul { display:inline-block; vertical-align:top;}
	#globalnav .nav2 li a { height:32px; font-size:15px;}
	#globalnav .nav2-1 li a { color:#40b8dc; padding:10px 10px 10px 30px;}
	#globalnav .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:5px;
		margin-top:-9px;
	}
	#globalnav .nav2-1 li.m1 a:before { background-position:0 -80px;}
	#globalnav .nav2-1 li.m2 a:before { background-position:0 -105px;}
	#globalnav .nav2-1 li.m3 a:before { background-position:-25px -105px;}
	#globalnav .nav2-1 li.m4 a:before { background-position:-25px -80px;}
	#globalnav .nav2-2 li.m-app a {
		width:110px; height:28px; line-height:28px;
		font-size:14px; color:#fff; text-align:center; background:#40b8dc;
		border-radius:50px; padding:1px 12px 0 14px;
		position:absolute; top:13px; left:605px;
	}
	#globalnav .nav2-2 li.m-fb a,
	#globalnav .nav2-2 li.m-tw a {
		width:32px; height:32px; border-radius:6px;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:10px;
	}
	#globalnav .nav2-2 li.m-fb a { background:#3b5998; right:62px;}
	#globalnav .nav2-2 li.m-tw a { background:#55acee; right:25px;}
	#globalnav .nav2-2 li.m-fb a:before,
	#globalnav .nav2-2 li.m-tw 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:-10px 0 0 -10px;
	}
	#globalnav .nav2-2 li.m-fb a:before { background-position:0 -130px;}
	#globalnav .nav2-2 li.m-tw a:before { background-position:-25px -130px;}
	
/*search*/
#globalnav .searchbox { width:200px; position:absolute; top:13px; left:409px;}
	#globalnav .searchbox label {
		display:inline-block; width:100%; height:28px;
		font-size:13px; line-height:28px; color:#bbb; white-space:nowrap;
		background:#efefef; border-radius:50px; overflow:hidden;
		padding:0 1.2em; position:relative; z-index:1;
	}
	#globalnav .searchbox input {
		width:100%; height:28px; line-height:1.6;
		font-size:13px; background:#efefef;
		border-radius:50px; padding:2px 1.2em 0;
		position:absolute; top:0; left:0; z-index:2;
		display:none;
	}
/*suggest*/
#suggestbox {
	min-width:200px; max-width:300px;
	position:absolute; top:45px; left:530px; 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:5px;
}
#oshirasebox {
	display:block; width:400px;
	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 22px 18px;
	position:absolute; top:50px; z-index:1000;
	display:none;
	}
	#globalheader:not(.fixed) #oshirasebox { left:260px;}
	#oshirasebox:after,
	#oshirasebox:before {
		content:" "; width:0; height:0;
		position:absolute; left:100px; bottom:100%;
		border:solid transparent;
		pointer-events:none;
	}
	#oshirasebox:after {
		border-color:rgba(255, 255, 255, 0);
		border-bottom-color:#fff;
		border-width:9px; margin-left:-9px;
	}
	#oshirasebox:before {
		border-color:rgba(203, 203, 203, 0);
		border-bottom-color:#cbcbcb;
		border-width:11px; margin-left:-11px;
	}
	#oshirasebox a.more {
		display:block; height:36px; line-height:36px;
		font-size:16px; color:#fff; text-align:center;
		background:#40b8dc; border-radius:6px;
		padding:0;
	}
	#oshirasebox a.more:hover { opacity:0.7;}
	#oshirasebox ul { padding-bottom:7px;}
	#oshirasebox ul li { font-size:14px; 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);
	}

/*fixed*/
#globalheader.fixed {
	height:52px; position:fixed;
	-webkit-animation:slideIn .5s ease 0s 1 normal;
	animation:slideIn .5s ease 0s 1 normal;
	}
	@-webkit-keyframes slideIn {
		0%{ top:-100px;}
		100% { top:0;}
	}
	@keyframes slideIn {
		0%{ top:-100px;}
		100% { top:0;}
	}
	#globalheader.fixed .headinner { height:52px;}
	#globalheader.fixed h1 { width:90px;}
	#globalheader.fixed h1:before { width:65px; height:35px; top:10px; left:15px;}
	#globalheader.fixed h1 a { width:100px;}
#globalheader.fixed .nav1 { width:calc(100% - 240px); height:37px; top:15px; overflow:hidden;}
	#globalheader.fixed .nav1 li { margin-right:0;}
	#globalheader.fixed .nav1 li a { font-size:13px; height:37px;}
#globalheader.fixed .nav2-1 { position:absolute; top:12px; right:110px; background:#fff;}
	#globalheader.fixed .nav2-1 li > a,
	#globalheader.fixed .nav2-1 li .oshirase > a {
		width:30px; height:30px; padding:0;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
#globalheader.fixed .nav2-2 li.m-fb a,
#globalheader.fixed .nav2-2 li.m-tw a { top:50%; margin-top:-16px;}
#globalheader.fixed .searchbox,
#globalheader.fixed .m-app { display:none;}
#globalheader,
#globalnav { -webkit-transition:all 0.3s; transition:all 0.3s;}
#globalheader.fixed #oshirasebox { right:62px;}
	#globalheader.fixed #oshirasebox:after,
	#globalheader.fixed #oshirasebox:before {
		content:" "; width:0; height:0;
		position:absolute; left:305px; bottom:100%;
		border:solid transparent;
		pointer-events:none;
	}
	#globalheader.fixed #oshirasebox:after {
		border-color:rgba(255, 255, 255, 0);
		border-bottom-color:#fff;
		border-width:9px; margin-left:-9px;
	}
	#globalheader.fixed #oshirasebox:before {
		border-color:rgba(203, 203, 203, 0);
		border-bottom-color:#cbcbcb;
		border-width:11px; margin-left:-11px;
	}

/*footer*/
#globalfooter { text-align:center;}
#globalfooter .snsbtn { display:none;}
#globalfooter .f1 { background:#454545; padding:30px 0;}
	#globalfooter .f1 h2 { font-size:20px; color:#fff; margin-bottom:20px;}
	#globalfooter .f1 ul { width:100%; max-width:1000px; margin:0 auto;}
	#globalfooter .f1 li { display:inline-block; vertical-align:top; margin:6px 2px;}
	#globalfooter .f1 li a {
		display:block; width:240px; height:30px;
		font-size:13px; color:#fff; line-height:30px;
		background:#585858; border-radius:50px;
		position:relative;
	}
	#globalfooter .f1 li a:hover { opacity:0.7;}
#globalfooter .f2 { background:#2d2d2d; padding:40px 0 30px;}
	#globalfooter .f2 a { color:#fff;}
	#globalfooter .f2 .officialLink { font-size:0; padding-bottom:15px;}
	#globalfooter .f2 .officialLink li { display:inline-block; vertical-align:top; margin:0 5px;}
	#globalfooter .f2 .officialLink li a {
		display:inline-block; width:120px; height:50px;
		background:#fff; position:relative;
	}
	#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;
	}
	#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 35px 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:14px; 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:10px; color:#989898;}
	#globalfooter .f2 .tver { position:absolute; top:15px; left:-150px;}
	#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;
	}
	#globalfooter .f2 .tver a:hover { opacity:0.7;}

#ptop {
	position:fixed; bottom:30px; right:30px; z-index:999;
	-webkit-transition:all 0.5s; transition:all 0.5s;
	visibility:hidden; opacity:0;
	}
	#ptop a {
		display:block; width:76px; height:76px; text-indent:-9999px;
		background:rgba(150, 150, 150, 0.5); border-radius:50%;
		position:relative;
	}
	#ptop a:before {
		content:""; display:block; width:22px; height:22px;
		border-top:3px solid #fff; border-left:3px solid #fff;
		position:absolute; top:50%; left:50%; margin:-6px 0 0 -11px;
		-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:190px;}

.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.5; color:#aaa; padding:0 40px 30px;}
.bg + .credit { padding-top:40px;}

/*テレビ局*/
.tvstation { text-align:center; padding:24px 25px 10px; margin-bottom:60px;font-size:0;}
	.tvstation h2 { font-size:28px; color:#fff; text-align:left; margin-bottom:12px;}
	.tvstation ul { display:inline-block; margin-bottom:5px;}
	.tvstation ul li { display:inline-block; vertical-align:top; margin:0 2px;}
	.tvstation ul li a { display:block; width:120px;}
	.tvstation ul li a .name { display:block; font-size:16px; color:#fff; padding:7px 0 15px;}
	.tvstation ul li a .logo {
		display:block; width:120px; height:120px;
		background:#fff; border-radius:50%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		overflow:hidden; position:relative;
	}
	.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;
	}
	.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:-37px;}
	.tvstation ul li.vod-nhk a .logo:before { background-position:-355px -1205px;}
	
	@media screen and (max-width:1450px){
		.tvstation ul{
			width:623px; text-align:left;
			display:block;margin-left:auto !important;margin-right:auto;
		}
	}

/*@programlist
/////////////////////////////////////////////////////////////////////*/
.programlist { position:relative; overflow:hidden; padding-bottom:50px;}
	.programlist .listinner { position:relative;}
	.programlist a:hover { opacity:0.7;}
	.programlist h2 { font-size:26px; font-weight:500; color:#0a0a0a; line-height:1.35; margin-bottom:12px;}
	.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:17px; height:28px; line-height:28px;}
	.programlist ul li .progtitle p { font-size:13px; height:23px; line-height:23px;}
	.programlist ul li .progtitle p.tv { font-size:12px; color:#949494;}
	/*link*/
	.programlist .link.more { position:absolute; top:0; right:20px;}
	.programlist .link.more a {
		display:inline-block; height:30px; line-height:31px;
		font-size:16px; color:#959595;
		padding:0 23px 0 10px; position:relative;
	}
	.programlist .link.more a:before {
		content:""; display:block; width:10px; height:10px;
		border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5;
		position:absolute; top:50%; right:5px; margin-top:-6.5px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
		.programlist .link.more a:hover {color:#40b8dc;}
		.programlist .link.more a:hover:before {border-top:2px solid #40b8dc; border-right:2px solid #40b8dc;}
	.programlist.mylist .link.more { top:20px;}
	.programlist.mylist .link.more a { color:#fff; padding-right:55px;}
	.programlist.mylist .link.more a:before { border-color:#fff;}
	.programlist.mylist .link.more a:after {
		content:""; display:block; width:25px; height:30px;
		background:url(../img/parts_icon.png) no-repeat 0 0;
		background-size:300px auto;
		position:absolute; top:50%; right:23px;
		margin-top:-15px;
	}
	/*like*/
	.programlist .like {
		display:block; width:35px; height:30px; cursor:pointer;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; bottom:6px; right:3px; 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 -15px;
	}
	.programlist .like.this:before { background-position:-65px 0;}
	.carousel .programlist.normal .like { right:23px;}
	/*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 { width:280px; margin-right:20px;}
.programlist.normal ul li .pic { height:158px;}
.programlist.normal ul li .progtitle { min-height:90px; color:#0a0a0a; padding:9px 0 8px;}
.programlist.normal ul li .progtitle p.tv { padding-right:40px;}
.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:40px; position:relative;}
.programlist.normal ul li .progtitle.matome:before {
	display:block;content:''; width:32px;height:32px;
	position:absolute; top:12px; right:5px;
	background:url(../img/icon_fukusu.png) center center no-repeat;
	background-size:contain;
}

/*ranking*/
.idx .programlist.ranking ul li { width:100%; height:90px; 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:160px; height:90px;}
.idx .programlist.ranking ul li .picinner { width:160px; height:90px; position:relative;}
.idx .programlist.ranking ul li .flag { width:160px; height:90px;}
.idx .programlist.ranking ul li .rank {
	letter-spacing:-.08em;
	width:1.75em; font-size:36px; color:#40b8dc;
	font-family:Helvetica; font-style:italic; text-align:center;
}
.d2 .programlist.ranking ul li .progtitle{padding-left:28px;}
.d2 .programlist.ranking ul li:nth-child(n + 10) .progtitle{padding-left:45px;}
.d2 .programlist.ranking ul li .rank {
	letter-spacing:-.08em;
	font-size:33px; 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:80px; height:80px;}
.programlist.topics ul li .picinner {
	width:80px; height:80px; border-radius:20px;
	background-size:cover; background-color:#3ed0e3;
}
.programlist.topics ul li .progtitle { padding:0 15px;}
.programlist.topics ul li .progtitle h3 { font-size:16px; height:auto; line-height:1.5; max-height:45px; overflow:hidden;}
.programlist.topics ul li .progtitle p { font-size:12px; height:auto; line-height:1.35; color:#888; padding-top:10px;}

/*////////////////////////////////////////////////////*/
/*carousel*/
.carousel .programlist h2 { padding-left:25px;}
.carousel .programlist .listinner { width:100%; padding-left:25px;}
	.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; margin:0;}
.carousel .programlist ul:after { display:none;}
/*normal*/
.carousel .programlist.normal ul li { padding-right:20px;}
.carousel .programlist.special ul li { padding-right:10px;}
.carousel .programlist.normal ul li a:not(.like) { width:280px;}
.carousel .programlist.normal ul li .pic { height:158px;}
/*recommend*/
.carousel .programlist.recommend { height:360px; padding-bottom:0; margin-bottom:20px;}
.carousel .programlist.recommend h2 { display:none;}
.carousel .programlist.recommend .listinner { height:365px; padding-left:0;}
.carousel .programlist.recommend ul li a { width:640px;}
.carousel .programlist.recommend ul li .pic { height:360px; 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 24px 13px; position:absolute; bottom:0; left:0;}
.carousel .programlist.recommend ul li .progtitle h3 { font-size:27px; height:34px; line-height:34px;}
.carousel .programlist.recommend ul li .progtitle p { font-size:15px;}
.carousel .programlist.recommend ul li .progtitle p.summary { padding-top:0;}
.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:20px 0 0; margin-bottom:50px;}
.carousel .programlist.mylist h2 { color:#fff; margin-bottom:8px;}
.carousel .programlist.mylist ul li { padding-right:15px;}
.carousel .programlist.mylist ul li a:not(.like) { width:205px;}
.carousel .programlist.mylist ul li .pic { height:115px; background:#000;}
.carousel .programlist.mylist ul li .progtitle { color:#fff; padding:8px 5px 10px 2px;}
.carousel .programlist.mylist ul li .progtitle h3 { font-size:16px; height:22px; line-height:22px;}
.carousel .programlist.mylist ul li .progtitle p { font-size:12px; height:20px; line-height:20px;}
.carousel .programlist.mylist ul li .progtitle p.tv { color:#fff; opacity:0.7;}
.carousel .programlist.mylist ul li a:hover { opacity:1;}
.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:25px;}
.carousel .programlist.ranking .listinner { height:290px; 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:0 15px;}
.carousel .programlist.ranking ul:first-child { padding-left:5px;}
.carousel .programlist.ranking ul:last-child { border-right:none;}
.carousel .programlist.ranking ul li { width:500px;}
.carousel .programlist.ranking ul li .progtitle { padding:0 10px;}
/*special*/
/*
.carousel .programlist.special .listinner:before {
	content:""; display:block;
	width:100%; height:169px;
	background:#f2f3f2;
	position:absolute; top:0; left:25px;
}
*/
.carousel .programlist.special ul li a { width:300px;}
.carousel .programlist.special ul li .pic { height:169px;}
.carousel .programlist.special ul li .progtitle { color:#40b8dc; padding:6px 20px 10px 2px;}
.carousel .programlist.special ul li .progtitle h3 {
	font-size:17px; line-height:1.35;
	height:auto; max-height:50px; overflow:hidden;
}
/*topics*/
.carousel .programlist.topics h2 { border-bottom:1px solid #cbcbcb; padding:0 0 10px; margin:0 0 5px 25px;}
.carousel .programlist.topics .listinner { height:290px; padding-left:0;}
.carousel .programlist.topics .listinner > div { display:inline-table; max-width:100%;}
.carousel .programlist.topics ul { display:table-cell; padding:0 25px;}
.carousel .programlist.topics ul li { width:400px; height:80px; float:none; margin:12px 0;}
/*cast*/
.carousel .programlist.cast .listinner { width:100%; padding-left:25px;}
.carousel .programlist.cast ul li { padding-right:12px;}
.carousel .programlist.cast ul li a { width:125px; text-align:center;}
.carousel .programlist.cast ul li .pic { width:125px; height:125px;}
.carousel .programlist.cast ul li .name {
	font-size:14px; padding-top:10px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/*controls*/
.carousel .controls { width:100%; background:rgba(0, 0, 0, 0.5);}
.carousel .controls a {
	display:block; width:86px; height:86px;
	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:-43px;
	}
	.carousel .controls a.prev { left:-43px;}
	.carousel .controls a.next { right:-43px;}
	/*arr*/
	.carousel .controls a:after {
		content:""; display:block; width:14px; height:14px;
		border-top:3px solid #fff; border-right:3px solid #fff;
		position:absolute; top:50%; left:15px; margin-top:-7px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.carousel .controls a.prev:after {
		border:none; left:54px;
		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:40px 27px;}
.listblock .programlist h2 { line-height:1.35; padding:0 10px; margin-bottom:20px;}
.listblock + .listblock .programlist { padding-top:0;}
/*normal*/
.listblock .programlist.normal ul li { width:18%; 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:22px; line-height:22px;
	font-size:13px; 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 .note { font-size:12px; color:#949494; position:absolute; top:54px; right:40px;}
/*
.listblock .programlist.ranking { padding-bottom:60px;}
.listblock .programlist.ranking ul:after { content:""; clear:both; display:block;}
.listblock .programlist.ranking ul li { width:50%; float:left; margin-bottom:20px;}
.listblock .programlist.ranking ul li:nth-child(odd) { padding-right:15px;}
.listblock .programlist.ranking ul li:nth-child(even) { padding-left:15px;}
.listblock .programlist.ranking ul li .progtitle { padding:0 15px;}
.sp .listblock .programlist.ranking { padding-left:10px; padding-right:15px;}
.sp .listblock .programlist.ranking h2 { padding-left:27px;}
.sp .listblock .programlist.ranking ul:last-child { padding-left:15px;}
.sp .listblock .programlist.ranking ul li { height:79px;}
.sp .listblock .programlist.ranking ul li .pic { width:140px; height:79px;}
.sp .listblock .programlist.ranking ul li .picinner,
.sp .listblock .programlist.ranking ul li .flag { width:140px; height:79px;}
*/
/*tv service*/
.listblock .programlist.service { padding-top:10px;}
.listblock .programlist.service h2 {
	display:block; width:350px; height:130px;
	background:url(../img/parts_logo.png) no-repeat;
	background-size:480px auto;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	margin:0 auto 10px;
	}
	.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:40px;}
.carousel .programlist.recommend ul li .progtitle.matome { padding-right:65px;}
.carousel .programlist:not(.recommend) ul li .progtitle.matome { position:relative;}
.carousel .programlist ul li .progtitle.matome:before{
	display:block;content:''; width:32px;height:32px;
	position:absolute; top:12px; right:5px;
	background:url(../img/icon_fukusu.png) center center no-repeat;
	background-size:contain;
	}
	.carousel .programlist.recommend ul li .progtitle.matome:before{
		top:10px; right:23px; width:35px;height:35px;
		background-image:url(../img/icon_fukusu_gray.png);
	}
	.carousel .programlist.mylist ul li .progtitle.matome:before{
		width:28px;height:28px; right:2px;
		background-image:url(../img/icon_fukusu_white.png);
	}

/*@d2
/////////////////////////////////////////////////////////////////////*/
/*btnarea*/
.d2 #contents .btnarea { padding:10px 0 25px;}
.d2 #contents .btnarea .inner:after { content:""; clear:both; display:block;}
.d2 #contents .btnarea .inner > div:not(.official-info) { display:inline-block; vertical-align:middle;}
	/*link*/
	.d2 #contents .btnarea .official { margin-right:10px;}
	.d2 #contents .btnarea .official a {
		display:block; width:180px; height:36px; line-height:34px;
		font-size:14px; font-weight:bold; text-align:center;
		color:#40b8dc; border:1px solid #40b8dc;
		padding:0 20px; 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;
	}
	.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 ul,
	.d2 #contents .btnarea .sns li { display:inline-block; vertical-align:middle;}
	.d2 #contents .btnarea .sns li { margin-left:10px;}
	.d2 #contents .btnarea .sns li.fb a,
	.d2 #contents .btnarea .sns li.tw a {
		display:block; height:34px; line-height:35px;
		font-size:12px; font-weight:bold; color:#40b8dc; letter-spacing:0;
		padding:0 5px 0 42px; 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 { float:right; padding-left:10px; position:relative;}
	.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:18px; padding:0 5px;}
	.d2 #contents .btnarea .mylist a {
		display:inline-block; vertical-align:middle;
		width:200px; height:36px; line-height:34px;
		font-size:14px; font-weight:bold; text-align:center;
		color:#40b8dc; border:1px solid #40b8dc;
		padding:0 20px 0 40px; 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:17px;
		margin-top:-15px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.d2 #contents .btnarea .mylist a.this:after { background-position:-65px 0;}

/*others*/
.others .headings { height:66px; padding:0 25px; position:relative;}
	.others .headings h2 {
		height:100%; font-size:26px; font-weight:500; color:#fff;
		line-height:66px; padding:1px 0 0 55px; position:relative;
	}
	.others .headings h2:before {
		content:""; display:block; width:35px; height:40px;
		background:url(../img/parts_icon.png) no-repeat;
		background-size:300px auto;
		position:absolute; top:50%; left:5px;
		margin-top:-20px;
	}
	.mylist .headings h2:before { background-position:0 -35px;}
	.search .headings h2:before { background-position:-40px -35px;}
	.epg .headings h2:before { background-position:-80px -35px;}
	.notice .headings h2:before { background-position:-120px -35px;}
.others .headings2 {
	height:70px; text-align:center; background:#4c4c4c;
	padding:18px 25px 0; position:relative;
	}
	.others .headings2 ul li { display:inline-block;}
	.sp.mylist .headings2 ul li:nth-child(2) { display:none;}
	.others .headings2 ul li a {
		display:block; height:52px; font-size:18px; color:#fff;
		border-radius:10px 10px 0 0; padding:15px 30px 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:-42px;left:250px;}
	.others .headings3 ul li { display:inline-block;margin-right:5px;}
	.others .headings3 ul li a {
		display:block; height:42px; font-size:18px; 
		border-radius:10px 10px 0 0; padding:14px 30px 0;background:#4c4c4c;color:#fff;}
	.others .headings3 ul li a.this {
		color:#000;background:#fff;
	}
.others .headings4 {
	height:70px; text-align:center; background:#fff;
	padding:18px 25px 0; position:relative;
	}
	.others .headings4 ul li { display:inline-block;}
	.sp.mylist .headings4 ul li:nth-child(2) { display:none;}
	.others .headings4 ul li a {
		display:block; height:52px; font-size:18px; color:#fff;
		border-radius:10px 10px 0 0; padding:15px 30px 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 .weeknavi{padding:18px 20px 0;text-align:center;}
	.others .weeknavi li{display:inline-block;}
	.others .weeknavi li a{
		display:inline-block; min-width:40px; height:40px; line-height:40px;
		font-size:16px; background:#f7f7f7; border-radius:20px;
		padding:0 10px; margin:0 3px 10px;
	}
.search .listblock .programlist .note {
	font-size:12px; color:#949494;
	line-height:1.3; text-align:right;
	position:absolute; top:30px; right:40px;
}
/*alert*/
.d2 #contents .alert { min-height:400px; text-align:center; padding:80px 0;}
.others #contents .alert { min-height:auto;}
	.d2 #contents .alert span {
		display:inline-block; min-width:425px;
		font-size:28px; color:#9f9f9f;
		border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f;
		padding:20px 30px;
	}

/*@bangumi
/////////////////////////////////////////////////////////////////////*/
/*carousel*/
.bangumi .carousel { padding-top:40px;}
.bangumi .carousel .programlist h2 { color:#fff; padding-left:35px; margin-bottom:20px;}
.detail .carousel .programlist h2 { font-size:24px; font-weight:bold; color:#0a0a0a; margin-bottom:16px;}
.bangumi .carousel .programlist .listinner { padding-left:35px;}
/*normal*/
.bangumi .carousel .programlist.normal { padding-bottom:30px;}
	.bangumi .carousel .programlist.normal ul li a { width:240px;}
	.bangumi .carousel .programlist.normal ul li .pic { height:135px;}
	.bangumi .carousel .programlist ul li .progtitle { min-height:65px;}
	.bangumi .carousel .programlist ul li .progtitle h3 { font-size:16px;}
	.bangumi .carousel .programlist ul li .progtitle .summary { font-size:14px;}
	.bangumi .carousel .programlist ul li .progtitle .tv { padding-right:0;}
	.video-section.carousel { border-top:1px solid #333;}
	.video-section.carousel .programlist.normal ul li .progtitle { color:#fff;}
	.video-section.listblock .programlist.normal ul li .progtitle { color:#fff;}
/*cast*/
.cast-section.carousel { border-top:1px solid #333;}
.vod-section + .cast-section.carousel { border-top:none;}
.cast-section.carousel .programlist.cast { padding-bottom:30px;}
	.cast-section.carousel .programlist.cast .listinner { height:160px;}
	.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 { width:500px; text-align:center; padding-bottom:40px; margin:0 auto;}
	.bangumi .linkbangumi a {
		display:block; width:100%; height:40px; line-height:40px;
		font-size:15px; font-weight:bold; color:#fff; white-space:nowrap;
		padding:0 20px 0 25px; position:relative;
	}
	.bangumi .linkbangumi a:before {
		content:""; display:block; width:10px; height:10px;
		border-bottom:2px solid #fff; border-left:2px solid #fff;
		position:absolute; top:50%; left:20px; margin-top:-6px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.bangumi .linkbangumi a:hover { opacity:0.8;}

/*@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%; max-width:1100px; padding:0 20px; margin:0 auto; position:relative;}
.large .video-section .inner,
.large .vod-section .inner{max-width:100%;}
.large .video-section .playvideo .inner{padding:0;}
#enlarge{position:relative;z-index:10;}
#enlarge a{position:absolute;right:0;color:#999;font-size:13px;padding:20px 5px;display:inline-block;}
/*player*/
.sp .video-section .playvideo { display:none;}
.video-section .playvideo .inner { padding:20px 20px 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:20px; text-align:center;
		background:#1a1a1a;
	}
	.video-section .playvideo .playerIn .how p { font-size:28px; color:#fff; padding:0 0 80px;}
	.video-section .playvideo .playerIn .how a {
		font-size:20px; color:#fff; background:#333;
		border-radius:50px; padding:10px 30px; margin:0 10px;
	}
	.video-section .playvideo .playerIn .how a.active,
	.video-section .playvideo .playerIn .how a:hover { color:#fff; background:#40b8dc;}
	.video-section .playvideo .playerIn .how a.active:hover { opacity:0.9;}
#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:16px; color:#fff; text-align:center;
		background:#1a1a1a;
		position:absolute; top:0; left:0;
		padding-top:25%;
	}
#end-alert { width:100%; height:600px; position:relative;}
	#end-alert div {
		display:table-cell; width:100%; height:100%;
		font-size:26px; color:#fff; text-align:center;
		background:#1a1a1a;
		position:absolute; top:0; left:0;
		padding-top:230px;
	}
	#end-alert div a {
		display:inline-block; width:300px; height:56px;
		line-height:56px; font-size:22px; color:#fff;
		padding:0 10px; margin-top:40px;
	}
	#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;}
.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 0;
		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;
		background-size:auto 80%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	/*20171206*/
	body.special .video-section:first-child{overflow:hidden;margin:0 auto;max-width:1000px;}
	body.special .video-section.listblock .programlist{padding-top:0;}
	body.special .video-section.listblock .listinner{border-top: 1px solid #333;padding-top:40px;}
	body.special .video-section .image{
		float:left;width:40%;margin:20px 20px 20px;
	}
	body.special .video-section .title{padding-top:40px;}
	body.special .video-section .tvinfo p{margin-left:0;}
	body.special .video-section .title h1{width:100%;}
	/*
	body.special #contents .btnarea .inner > div:not(.official-info){margin-top:5px;}
	body.special .video-section .inner{}
	*/
	body.special .video-section .description h2:before{left:22px;}
	body.special .video-section .tvinfo p{max-width:initial;min-width:0;width:650px;}
	body.special .video-section .description{border-top:none;}
	
	/*20180131*/
	.bigbanner{text-align:center;padding:5px 0 25px;}
	.bigbanner img{width:640px;}
/*tablet*/
.sp: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 )";
}
.sp .video-section .image .playbtn { position:absolute; bottom:-20px; right:30px; z-index:100;}
	.sp .video-section .image .playbtn a {
		display:block; width:70px; text-align:center;
		font-size:12px; color:#40b8dc;
	}
	.sp .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 .image{display:block !important;}
	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:24%;color:#fff;font-size:50px;font-weight:bold;text-align:center;line-height:1.5;
	}
	body.before .video-section .image .pic .d3 span{
		display:block;font-size:30px;color:#fff;
	}
/*title*/
.sp:not(.special) .video-section .title { margin-top:-60px;}
.video-section .title { padding:20px 0;}
	.video-section .title h1 { font-size:28px; line-height:1.35;width:86%;}
	.video-section .title p { font-size:14px; line-height:1.6;margin-top:10px;}
	.video-section .title p > span { display:inline-block; padding-bottom:3px;}
	.video-section .title .summary { font-size:19px; padding-right:1em;}
	.video-section .title .tv { color:#aaa; padding-right:1.2em;}
	.video-section .title .red { color:#e31e1e;}
/*description*/
.video-section .description { border-top:1px solid #333; padding:30px 0;}
.video-section .description h2 { font-size:19px; line-height:1.35; padding:0 0 10px 45px;}
.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:-4px; left:18px;
}
.video-section .description p { font-size:14px; line-height:1.8;}
/*info*/
.video-section .tvinfo { padding-bottom:5px;}
.video-section .tvinfo p {
	display:inline-block; min-width:400px; max-width:550px;
	font-size:14px; line-height:1.5;
	border:1px solid #444; border-radius:6px;
	padding:15px 20px; margin-left:-10px; position:relative;
	}
	.video-section .tvinfo p:after,
	.video-section .tvinfo p:before {
		content:" "; width:0; height:0;
		position:absolute; top:100%; left:95px;
		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 li{
	font-size:19px; display:inline-block;
	color:#fff; margin:0 15px;
}
.video-section .epTabUi li a{
	color:#40b8dc; display:inline-block;
	padding:0 10px 10px;
	border-bottom:solid 5px transparent;
}
.video-section .epTabUi li.this a{
	border-bottom-color:#40b8dc;
}
/*vod*/
.vod-section { background:#08475a; position:relative;}
.vod-section .inner { display:table; table-layout:fixed; max-width:100%; padding:0 0 0 35px;}
.vod-section .vod { display:table-cell; vertical-align:top; padding:22px 50px 25px 0;}
	.vod-section .vod h2 { font-size:24px; margin-bottom:18px;}
	.vod-section .vod h2 span { display:inline-block; font-size:14px; opacity:0.7;}
	.vod-section .vod .program > div { display:table-cell; vertical-align:top; position:relative;}
	.vod-section .vod .program .pic { width:200px; height:113px;}
	.vod-section .vod .program .picinner {
		width:200px; height:113px;
		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:0 0 0 15px;}
	.vod-section .vod .program .title h3 { font-size:20px; line-height:1.35; padding:0 5px; margin-bottom:10px;}
	.vod-section .vod .program .title .linkbtn { width:auto; display:inline-block; vertical-align:top; margin:5px;}
	.vod-section .vod .program .title .linkbtn a {
		display:block; min-width:200px; height:32px; line-height:32px;
		font-size:15px; text-align:center; color:#07579b;
		background:#fff; border-radius:50px;
		padding:0 45px 0 30px; 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:50%; right:12px;
		margin-top:-12px;
		transform:scale(0.9); -webkit-transform:scale(0.9);
		-moz-transform:scale(0.9); -ms-transform:scale(0.9);
	}
.vod-section .sns {
	display:table-cell; vertical-align:middle;
	width:30%; min-width:220px; background:#0c2d37;
	text-align:center; padding:20px 0 30px;
	}
	.vod-section .sns h2 { font-size:19px; text-align:center; margin-bottom:20px; opacity:0.7;}
	.vod-section .sns li { display:inline-block; vertical-align:top; margin:0 7px;}
	.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;
	}
	.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 h2 { display:inline-block; vertical-align:top;}
.d2 .programlist .txtlink { display:inline-block; vertical-align:top; margin-left:40px;}
	.d2 .programlist .txtlink a {
		display:inline-block; height:35px; line-height:35px;
		font-size:19px; 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;
		-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;
	}
	.d2 .programlist .txtlink a:hover { color:#40b8dc;}
	.d2 .programlist .txtlink a:hover:after { right:2px;}
.special .video-section:first-child:after { content:""; clear:both; display:block;}
.special .programlist .txtlink { display:block; margin:-10px 0 25px 20px;}
	.special .programlist .txtlink a {
		display:inline-block; height:45px; line-height:1.5;
		font-size:22px; font-weight:normal; color:#40b8dc;
		padding:0 8px 0 6px; margin:0 20px;
		position:relative; overflow:hidden;
		-webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:unset;
	}
	.special .programlist .txtlink a:after { display:none;}
	.special .programlist .txtlink a:before {
		content:""; display:block; width:100%; height:5px;
		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;}
@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;}
}
.special #contents .btnarea { padding:10px 0 0;}
.d2 #contents .linkbtn2 { padding:20px 0 40px;}
	.d2 #contents .linkbtn2 a {
		display:block; width:520px; height:70px; line-height:70px;
		font-size:22px; font-weight:bold; color:#40b8dc; text-align:center;
		border:1px solid #40b8dc; border-radius:1px;
		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 -15px 0;
		background-size:80px auto;
		position:absolute; top:50%; right:20px;
		margin-top:-15px;
	}
	.d2 #contents .linkbtn2 a:hover { background:#40b8dc; color:#fff;}
	.d2 #contents .linkbtn2 a:hover:after { background-position:-50px 0;}

.d2 #contents .linkbtn2.fifa { padding:0;}
.d2 #contents .linkbtn2.fifa a {
	width:420px; height:65px; line-height:65px;
	background:#40b8dc; color:#fff;
	font-size:21px; padding-right:20px;
	position:absolute; top:-88px; right:20px;
	}
	.d2 #contents .linkbtn2.fifa a:after { background-position:-50px 0; right:12px;}
	.d2 #contents .linkbtn2.fifa a:hover { opacity:0.8;}

/*@detail
/////////////////////////////////////////////////////////////////////*/
.detail .bg { background:#efeff4; padding:20px;}
.detail .bgin { background:#fff;}
.detail .detail-section.carousel { border-bottom:1px solid #efeff4;}
.detail .cast-section.carousel { border-top:1px solid #efeff4;}
/*headings*/
.detail-section .headings .pic { height:420px; border-bottom:1px solid #efeff4;}
.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;
}
/*title*/
.detail-section .headings .title { border-bottom:1px solid #efeff4; padding:25px 35px;}
	.detail-section .headings .title h1 { font-size:28px; font-weight:bold; line-height:1.35; margin-bottom:6px;}
	.detail-section .headings .title p { font-size:16px; line-height:1.6;}
	.detail-section .headings .title p > span { display:inline-block; padding-bottom:3px;}
	.detail-section .headings .title .summary { font-size:20px; padding-right:1.5em;}
	.detail-section .headings .title .tv { color:#666; padding-right:1.2em;}
	/*btn*/
	.d2 #contents .detail-section .btnarea { padding:30px 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; padding-top:1px;
	}
	.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:40px 35px;}
	.detail-section .text h2 { font-size:24px; font-weight:bold; margin-bottom:20px;}
	.detail-section .text h3 { font-size:18px; color:#40b8dc; margin-bottom:12px;}
	.detail-section .text p { font-size:15px; 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 { height:320px; padding:20px 20px 0; position:relative;}
	.talent .detail-section .headings .pic {
		width:270px; height:270px; border:none;
		position:absolute; top:35px; left:35px;
	}
	.talent .detail-section .headings .profile { text-align:left; padding:30px 10px 10px 330px;}
	.talent .detail-section .headings .profile h1 { font-size:30px; line-height:1.35; padding:0 0 20px;}
	.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:6em; float:left; font-size:15px; padding:7px 0;}
	.talent .detail-section .headings .profile dd { font-size:15px; padding:7px 0 7px 7em;}
.talent #contents .detail-section .btnarea { padding:25px 35px;}
.talent .listblock .programlist h2 { margin-bottom:20px;}

/*@mylist
/////////////////////////////////////////////////////////////////////*/
.mylist .programlist h2 { display:none;}
	.mylist .headings .edit { position:absolute; top:50%; right:40px; margin-top:-14px;}
	.mylist .headings .edit a {
		display:block; height:32px; line-height:32px;
		font-size:14px; color:#222;
		background:#fff; border-radius:50px;
		padding:1px 20px 0 40px; position:relative;
	}
	.mylist .headings .edit a:before,
	.mylist .headings .edit a:after {
		content:""; display:block; width:18px; height:3px;
		background:#4c4c4c;
		position:absolute; left:17px;
	}
	.mylist .headings .edit a:before { top:11px;}
	.mylist .headings .edit a:after { top:18px;}
	.mylist .headings .edit a:hover { opacity:0.9;}

/*@search
/////////////////////////////////////////////////////////////////////*/
.search .listblock .programlist h2 span { color:#40b8dc; padding-right:0.5em;}
.search .selectbox,
.search .selectbtn {
	display:inline-block; vertical-align:top;
	width:20%; max-width:200px;
	margin:0 3px; position:relative;
	}
	.search .selectbox label {
		display:inline-block; width:100%; height:34px;
		font-size:16px; line-height:34px; white-space:nowrap;
		background:#fff; border-radius:50px; overflow:hidden;
		padding:0 20px 0 15px; position:relative; z-index:1;
	}
	.search .selectbox label:before {
		content:''; display:block; width:35px; height:34px;
		background:#fff; position:absolute; top:0; right:0;
	}
	.search .selectbox label:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:15px; margin-top:-4px;
		border:6px transparent solid;
		border-top-color:#4c4c4c;
		border-width:10px 6px 0 6px;
	}
	.search .selectbox select {
		display:inline-block; width:100%; height:34px;
		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:30%;}
	.search .selectbtn input[type="button"] {
		display:inline-block; width:100%; height:34px;
		font-size:16px; color:#fff; line-height:29px;
		background:#40b8dc; border-radius:50px;
		cursor:pointer; margin-left:10px;
	}
	.search .selectbtn input[type="button"]:hover { background:#7ecee6;}

/*@epg
/////////////////////////////////////////////////////////////////////*/
.epg #epgArea { padding:0 0 30px; margin-top:-68px; position:relative;}
.epg #epgArea iframe { border:0; width:100%;}

/*@topics
/////////////////////////////////////////////////////////////////////*/
.topicslist #contents { background:#f0f0f0;}
.d2 .programlist.topics { padding-bottom:60px;}
.d2 .programlist.topics h2 { border-bottom:none; margin-bottom:20px;}
.d2 .programlist.topics ul:after { content:""; clear:both; display:block;}
.d2 .programlist.topics ul li {
	width:48%; height:120px; margin:10px 1%; float:left;
	background:#fff; border-radius:16px;
	}
	.d2 .programlist.topics ul li .pic { width:120px; height:120px;}
	.d2 .programlist.topics ul li .picinner { width:120px; height:120px; border-radius:16px 0 0 16px;}
	.d2 .programlist.topics ul li .progtitle h3 { max-height:72px; white-space:normal;}
	.d2 .programlist.topics ul li .progtitle p { padding-top:6px;}
	.mylist .programlist.topics ul li .picinner,
	.search .programlist.topics ul li .picinner { border-radius:20px;}

/*@notice
/////////////////////////////////////////////////////////////////////*/
.notice #contentsMain { padding:30px 40px 70px;}
.notice #contentsMain ul li { font-size:16px; line-height:1.6; border-bottom:solid 1px #ddd; padding:18px 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:14px; font-weight:bold; color:#40b8dc;
	margin-bottom:7px;
	}
	#oshirasebox .date { margin-left:-5px; margin-bottom:5px;}
	#oshirasebox .date span,
	.info #contentsMain .date span,
	.notice #contentsMain .date span {
		display:inline-block; height:20px; line-height:20px;
		font-size:12px; font-weight:normal; color:#fff;
		letter-spacing:0.08em; vertical-align:bottom;
		background:#ccc; border-radius:50px;
		padding:1px 10px 0 12px; margin:0 10px 0 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:18px; right:30px;}
	.notice.detail .headings .back a {
		display:block; font-size:14px; color:#fff;
		border:1px solid #fff; border-radius:50px;
		padding:8px 13px 7px 30px; position:relative;
	}
	.notice.detail .headings .back a:before {
		content:""; display:block; width:8px; height:8px;
		border-bottom:2px solid #fff; border-left:2px solid #fff;
		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 .headings .back a:hover { background:#fff; color:#40b8dc;}
	.notice.detail .headings .back a:hover:before { border-color:#40b8dc;}
/*date*/
.notice.detail #contentsMain .date { height:24px; line-height:24px; font-size:16px; margin-bottom:15px;}
.notice.detail #contentsMain .date span { height:24px; line-height:24px; font-size:14px;}
/*main*/
.notice.detail #contentsMain h2 {
	font-size:22px; line-height:1.5;
	border-bottom:3px solid #40b8dc;
	padding-bottom:10px; margin-bottom:20px;
}
.notice.detail #contentsMain p { font-size:15px; line-height:1.8; padding:10px 10px 30px;}
/*btn*/
.notice.detail #contentsMain .rellink { padding:10px 10px 0;}
	.notice.detail #contentsMain .rellink a {
		display:block; font-size:16px; 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:50px 10px 0;}
	.notice.detail #contentsMain .back a {
		display:inline-block; font-size:15px; color:#40b8dc;
		padding:8px 13px 7px 30px; position:relative;
	}
	.notice.detail #contentsMain .back a:before {
		content:""; display:block; width:8px; height:8px;
		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:8px;}
.info .headings h2:before { display:none;}
.info #contentsMain { max-width:960px; min-height:500px; padding:50px 35px 70px; margin:0 auto;}
.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:12px;}
.info #contentsMain .right { text-align:right;}

/*////////////about////////////*/
.about #contentsMain { padding:0 0 50px; max-width:100%;}
	.about #contentsMain h2 {
		font-size:32px; color:#333; line-height:1.8; text-align:center;
		background:#efeff4; padding:34px 0 30px;
	}
	.about #contentsMain h2 span { font-size:40px; color:#40b8dc; padding:0 0.05em;}
	.about .block1 .read {
		width:740px; font-size:16px; line-height:2;
		padding:30px 0; margin:0 auto;
	}
	.about .block1 .note { text-align:center; font-size:14px; line-height:2;padding:20px 0 0;}
	.about .block1 { max-width:890px; margin:0 auto 40px;}
	.about .block1 ul {
		width:95%; height:0; padding-top:47.95%;
		background:url(../img/about0.png) no-repeat;
		background-size:contain;
		margin:0 auto;
	}
	.about .block1 ul li { display:none;}
	.about .block2 {
		min-height:590px; background:#40b8dc;
		background:linear-gradient(to bottom,  #40b8dc 1%,#2aa7cc 100%);
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b8dc', endColorstr='#2aa7cc',GradientType=0 )";
	}
	.about .block2 ul { text-align:center; padding-top:70px;}
	.about .block2 ul li { display:inline-block; width:480px; vertical-align:top; color:#fff; padding-bottom:60px;}
	.about .block2 ul li h3 { font-size:34px; margin-bottom:30px;}
	.about .block2 ul li p { font-size:16px; margin-bottom:24px;}
	.about .block2 ul li p br { display:none;}
	.about .block2 ul li img { width:450px; margin-bottom:15px;}
	.about .block2 ul li img + p { font-size:14px;}
	.about .block2 ul li.a2 { padding-bottom:45px;}
	.about .block3 { background:#f5f5fa; padding:70px 0 60px;}
	.about .block3 h3 { font-size:34px;margin-bottom:30px;text-align:center;}
	.about .block3 h4 { font-size:24px; padding:10px 140px 10px 0; min-height:80px;}
	.about .block3 .videoplayer{width:640px;margin:0 auto; position:relative;}
	.about .vjs-mouse.vjs-playlist { background:none; font-size:12px; padding:10px 0;width:645px;position:relative;}
	.about .vjs-mouse.vjs-playlist .vjs-playlist-item {
		display:inline-block; width:121px; height:auto;
		outline:none; vertical-align:top; margin-right:8px;
		margin-bottom:5px;
	}
	.about .vjs-mouse.vjs-playlist .vjs-playlist-item:nth-child(5) { margin-right:0;}
	.about .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail { margin-right:0; margin-bottom:5px;}
	.about .vjs-mouse.vjs-playlist time { font-size:12px;}
	.about .vjs-mouse.vjs-playlist cite { 
		display:inline-block; color:#000;
		height:50px; line-height:1.4;
		white-space:inherit; letter-spacing:-0.01em;
	}
	.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:absolute; top:370px; right:0;}
	.about .block3 .share ul li { display:inline-block; vertical-align:middle; font-size:0;}
	.about .block3 .share p { font-size:13px; padding-bottom:5px;}
	.about .block3 .share ul li { 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:75px 40px;}
	.about .block3.pr + .block3.pr { border-top:15px solid #f5f5fa;}
	.about .block3.pr ul { width:940px; margin:0 auto;}
	.about .block3.pr ul li { font-size:16px; line-height:1.6; border-bottom:solid 1px #ddd; padding:18px 5px;}
	.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:400px; height:44px;
		font-size:17px; line-height:45px; color:#fff;
		background:#40b8dc; border-radius:50px;
		border:none !important; position:relative;
	}
	.about .block3 .btn-more a:after {
		content:""; display:block; width:10px; height:10px;
		border-bottom:2px solid #fff; border-right:2px solid #fff;
		position:absolute; top:50%; left:50%; margin:-10px 0 0 3.5em;
		-webkit-transform:rotate(45deg); transform:rotate(45deg);
	}

/*/////////////faq/////////////*/
.faq #contentsMain h2 {
	font-size:25px; border-bottom:3px solid #40b8dc;
	padding-bottom:14px; margin-bottom:32px;
}
.faq #contentsMain h3 {
	font-size:20px; background:#efeff4;
	padding:15px 15px 12px; margin-bottom:15px;
}
.faq #contentsMain .indent { display:block; text-indent:-1em; padding-left:1.2em;}
.faq #system { padding-bottom:40px;}
	.faq #system h4 { font-size:16px; margin-bottom:3px;}
	.faq #system .block {
		font-size:14px; line-height:1.8;
		padding:0 20px; 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-top:4px;}
	.faq #system dd { text-indent:-1em; padding:3px 0 2px 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:14px; line-height:1.5; padding-bottom:8px;}
	.faq #system .download p br { display:none;}
.faq #qa dl { font-size:16px; padding:10px 20px 20px;}
	.faq #qa dl:last-child { padding-bottom:0;}
	.faq #qa dt {
		font-size:17px; line-height:1.6;
		padding:3px 80px 22px 2em;
		cursor:pointer; position:relative;
	}
	.faq #qa dt:hover { color:#40b8dc;}
	.faq #qa dd {
		font-size:16px; line-height:1.8; border:1px solid #40b8dc;
		padding:2em 1.5em 0.5em 5em; 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:14px; padding:0 0 20px 20px;}
	.faq #qa dd ul li { list-style:disc;}
	.faq #qa dt:before,
	.faq #qa dd:before { display:block; color:#40b8dc; position:absolute;}
	.faq #qa dt:before { content:"Q"; top:-10px; left:0; font-size:30px;}
	.faq #qa dd:before { content:"A"; top:10px; left:27px; font-size:38px;}
	.faq #qa dt:after {
		content:""; display:block; width:12px; height:12px;
		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:40px;}
	.contact #contentsMain form dl {
		display:table; width:100%; table-layout:fixed;
		border-bottom:1px solid #ddd; padding:1.5em 1em;
	}
	.contact #contentsMain form dt,
	.contact #contentsMain form dd { display:table-cell; vertical-align:middle; line-height:1.5; position:relative;}
	.contact #contentsMain form dt { width:300px; font-size:16px;}
	.contact #contentsMain form dl.reset { display:block; padding:2em 1em;}
	.contact #contentsMain form dl.reset dt,
	.contact #contentsMain form dl.reset dd { display:block; width:100%;}
	.contact #contentsMain form dl.reset dt { margin-bottom:12px;}
	.contact #contentsMain form dl.reset dd { padding:0 1em 0.2em;}
	.contact #contentsMain form #bug { /*display:none;*/}
	.contact #contentsMain form .note { display:block; font-size:13px; margin-top:5px;}
	.contact #contentsMain form .note2 {
		display:block; font-size:13px; 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:13px; font-weight:bold;
		color:#f03e34; margin-top:4px;
	}
	.contact #contentsMain .selectContact { width:100%; height:40px; position:relative;}
	.contact #contentsMain .selectContact:before {
		content:''; display:block; width:35px; height:36px;
		position:absolute; top:50%; right:2px; margin-top:-18px;
		background:#fff; z-index:10;
	}
	.contact #contentsMain .selectContact:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:15px; margin-top:-6px;
		border:8px transparent solid;
		border-top-color:#4c4c4c;
		border-width:12px 8px 0 8px;
		z-index:20;
	}
	.contact #contentsMain input {
		width:100%; height:40px; font-size:16px;
		background:#fff; border:1px solid #444;
		padding:9px 1em; position:relative;
	}
	.contact #contentsMain textarea {
		width:100%; height:200px; font-size:16px;
		line-height:1.35; background:#fff;
		border:1px solid #444; padding:10px; position:relative;
	}
	.contact #contentsMain select {
		width:100%; height:40px; font-size:16px; color:#444;
		border:1px solid #444; background:#fff;
		padding:7px 1em; 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 { text-align:center; padding-top:40px;}
	.contact #contentsMain form button {
		display:inline-block; width:350px; height:46px;
		line-height:47px; font-size:18px; color:#fff;
		border-radius:6px; background:#40b8dc;
		-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:140px; background:#aaa; margin-right:20px;}
	.contact #contentsMain form button.back:hover { background:#666;}
	.contact #contentsMain form::-moz-focus-inner { padding:0; border:0;}
.contact #contentsMain ul.attn {
	width:100%; margin:0 auto;
	font-size:14px; line-height:1.5;
	background:#efeff4;
	padding:24px 24px 20px 30px;
	}
	.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;}
	.contact .beforemsg br { display:none;}
/*kakunin*/
.contact #contentsMain h2 {
	font-size:25px; text-align:center;
	border-bottom:3px solid #40b8dc;
	padding-bottom:14px; margin-bottom:32px;
}
.contact #contentsMain form dd p {
	width:100%; font-size:16px; letter-spacing:0.05em;
	background:#f5f5f5; position:relative;
	padding:9px 1.2em 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:16px; text-align:center; line-height:2;}

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

/*////////////privacy////////////*/
.privacy #contentsMain { font-size:14px; line-height:1.8;}
.privacy #contentsMain h2 {
	font-size:25px; line-height:1.5;
	padding-left:1.3em; margin-bottom:25px;
	position:relative;
}
.privacy #contentsMain h2 span { display:block; position:absolute; top:0; left:0;}
.privacy #contentsMain h3 { font-size:20px; line-height:1.5; margin-bottom:5px;}
.privacy #contentsMain h4 { font-size:16px; line-height:1.5; margin-bottom:5px;}
.privacy #contentsMain p { padding-bottom:25px;}
.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:20px 0 40px;}
.privacy #contentsMain .pd { padding-left:3.7em;}
.privacy #contentsMain .note { font-size:13px; padding:0 30px;}
.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 20px;}
.privacy #contentsMain th { font-weight:normal; background:#efeff4; padding:5px 10px;}
.privacy #contentsMain .center { text-align:center;}

.informative #contentsMain h2 { padding-left:0;}


/*/////////mailmagazine/////////*/
.mailmagazine #contentsMain { text-align:center;}
	.mailmagazine #contentsMain > p { font-size:18px; line-height:2; padding-bottom:20px;}
	.mailmagazine #contentsMain > p.note { width:640px; font-size:13px; text-align:left; margin:0 auto;}
	.mailmagazine #form { width:640px; padding:10px 0 30px; margin:0 auto;}
	.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:3px 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:220px; height:42px; line-height:41px;
		font-size:18px; 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:18px; 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);
	display:none;
}
#enquete .eqform{
	display:block;
	position:absolute;
	top:50%;left:50%;
	z-index:1001;
	width:850px;
	height:600px;
	margin-left:-425px;
	margin-top:-300px;
	background:#fff;
	box-shadow:0 5px 60px rgba(0,20,20,0.4);
	display:none;
}
#enquete .eqform iframe{
	width:850px;
	height:600px;
	display:none;
}
@media screen and (max-width:950px){
	#enquete .eqform{width:800px;margin-left:-400px;}
	#enquete .eqform iframe{width:800px;}
}
@media screen and (max-width:850px){
	#enquete .eqform{width:700px;margin-left:-350px;}
	#enquete .eqform iframe{width:700px;}
}

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

/*////////////app////////////*/
.app #contentsMain { max-width:1000px;}
.app #contentsMain > div { display:table-cell; vertical-align:top;}
.app #contentsMain .image { width:45%; padding:10px 10px 0 0;}
.app #contentsMain .image img { display:block; width:100%;}
.app #contentsMain .text { padding-left:35px;}
	.app #contentsMain .text p { font-size:16px; line-height:1.8; padding-bottom:30px;}
	.app #contentsMain .text .attn li {
		font-size:13px; 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:22px; font-weight:bold; color:#333; line-height:1.35;}
	.app #contentsMain .download h2 span { color:#40b8dc;}
	.app #contentsMain .download h2 br { display:none;}
	.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:202px;}
	.app #contentsMain .badge li.google_play { width:203px;}
	.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:60px;}
.systemerr #contentsMain h1 { font-size:40px;font-weight:bold;color:#40b8dc;margin:1em 0 .85em;}
.systemerr #contentsMain p { font-size:16px; line-height:1.8; padding-bottom:30px;}
.systemerr #contentsMain a { color:#40b8dc;font-weight:bold;border-bottom: 1px solid #40b8dc;}

/*////////////TV////////////*/
.tv #contentsMain { max-width:1000px; padding:50px 0 70px;}
.tv #contentsMain br.sp { display:none;}
.tv #contentsMain h3{font-size:30px;text-align:center;font-weight:bold;margin-bottom:30px;line-height:1.4;}
.tv #contentsMain a { color:#40b8dc; border-bottom-color:#40b8dc;}
.tv #contentsMain .main-img {
	width:100%; height:0;
	padding-top:calc(220 / 1000 * 100%);
	background:url(../img/info_tv_201912.jpg) no-repeat;
	background-size:contain;
	margin:10px 0 20px;
}
.tv #contentsMain .image { width:46%; padding-top:10px;}
.tv #contentsMain .image img { display:block; width:100%;}
.tv #contentsMain > p { font-size:17px; line-height:1.8; padding-bottom:30px;text-align:center;}
.tv #contentsMain .download {
	width:90%; max-width:800px; background:#efeff4;
	text-align:center; border-radius:20px;
	padding:20px 5px; margin:0 auto 20px;
	}
	.tv #contentsMain .download h4 { font-size:20px; font-weight:bold; color:#333; line-height:1.35;}
	/*btn*/
	.tv #contentsMain .btn { padding-top:10px;}
	.tv #contentsMain .btn li { display:inline-block; width:45%; vertical-align:top; margin:5px 0.6%;}
	.tv #contentsMain .btn li a {
		display:block; width:100%; height:80px;
		font-size:17px; 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 { width:90%; max-width:800px; padding:20px 0; margin:0 auto;}
	.tv #contentsMain .attn li {
		font-size:13px; line-height:1.5;
		text-indent:-1em; padding-left:1em; margin-bottom:5px;
	}
.smooth { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*＠etc
/////////////////////////////////////////////////////////////////////*/
/*bg*/
.notice, .mailmagazine, .app, .contact.end { background:#2d2d2d;}
/*transition*/
#globalnav .searchbox,
#suggestbox,
#globalfooter .f2 .txtLink ul,
#globalfooter .f2 .tver,
.programlist ul li .picinner,
.search .selectbox label,
.listblock .programlist.normal ul li,
.faq #qa dt { -webkit-transition:all 0.2s; transition:all 0.2s;}

/*＠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:810px; max-width:90%; background:#fff; text-align:left; margin:40px auto;}
	#listBox h2 {
		height:46px; font-size:18px; line-height:47px;
		background:#f3f3f3; padding:0 40px;
	}
	#listBox .delete {
		display:block; width:100%; height:60px;
		font-size:18px; line-height:60px; text-align:center; color:#fff;
		background:#40b8dc; cursor:pointer;
	}
	#listBox .delete.off { color:#e0eff3; background:#7ecee6; cursor:default;}
	#listBox ul { padding:10px 40px 40px;}
	#listBox ul li { display:inline-block; width:240px; vertical-align:top; padding:12px 0 12px 10px;}
	/*input*/
	#listBox input[type=checkbox] {
		display:inline-block; width:20px; height:20px;
		vertical-align:middle; margin-right:6px;
	}
	#listBox 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) {
		#listBox input[type=checkbox] { display:none;}
		#listBox input[type=checkbox] + label { padding:3px 0 0 35px;}
		#listBox 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;
		}
		#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: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);
		}
	}

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

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


/*@media
/////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:1200px){
	.listblock .programlist.normal ul li { width:23%;}
}
@media screen and (max-width:1100px){
	.video-section .playvideo .inner { padding:0;}
	.video-section .playvideo.cx .inner { padding:20px 20px 0;}
	.video-section div > .inner { padding:0 25px;}
	.vod-section .inner { padding-left:25px;}
	.detail.video .carousel .programlist { padding-left:25px;}
	.bangumi.video .carousel .programlist h2 { padding-left:25px;}
	.bangumi.video .carousel .programlist .listinner { padding-left:25px;}
}
@media screen and (max-width:960px){
	#globalfooter .f2 .txtLink ul { padding:0 20px 20px;}
	.listblock .programlist.normal ul li { width:31.33%;}
	.app #contentsMain .download h2 br { display:block;}
	#globalnav .nav1 li { margin-right:0;}
	#globalnav .nav1 li.m-soon { margin-right:0;}
	#globalheader:not(.fixed) #globalnav .nav1 li a { font-size:13px; padding-top:10px;}
}

@media screen and (max-width:940px){
	.d2 #contents .linkbtn2.fifa { padding:20px 0 40px;}
	.d2 #contents .linkbtn2.fifa a { width:480px; position:relative; top:0; right:0; padding-right:10px;}
}
@media screen and (max-width:935px){
	#globalnav .nav2-1 li a { width:35px; padding:0; text-indent:110%;}
	#globalnav .nav2-2 li.m-app a { left:360px;}
	#globalnav .searchbox { left:150px;}
	#suggestbox { left:285px;}
	#globalheader:not(.fixed) #oshirasebox { left:110px;}
}
@media screen and (max-width:890px){
	.talent #contents .detail-section .btnarea { padding:25px 30px 33px;}
	.talent #contents .detail-section .btnarea .mylist p { position:absolute; bottom:-23px; right:0;}
	#globalnav .nav1 li a { font-size:12px;}
}
@media screen and (max-width:880px){
	#globalfooter .f2 .tver { position:relative; top:0; left:0; padding:15px 0 20px;}
	#globalfooter .f2 .tver a { margin:0 auto;}
}
@media screen and (max-width:830px){
	.d2 #contents .btnarea .official a { width:150px;}
	.d2 #contents .btnarea .mylist a { width:auto;}
	.d2 #contents .btnarea .mylist a:after { left:10px;}
}

/*Tablet*/
.Tablet #globalnav .searchbox label,
.Tablet .listblock .programlist.normal ul li .attn,
.Tablet .listblock .programlist.normal ul li .coming { padding-top:1px;}
.Tablet.contact #contentsMain form .w80 { width:100%;}

.Tablet.Android #suggestbox li a { padding-top:2px;}
.Tablet.Android #globalfooter .f1 li a { padding-top:1px;}
.Tablet.Android #globalnav .searchbox label,
.Tablet.Android .listblock .programlist.normal ul li .attn,
.Tablet.Android .listblock .programlist.normal ul li .coming { padding-top:2px;}
.Tablet.Android #contents .btnarea .official a,
.Tablet.Android #contents .btnarea .mylist a { padding-top:1px;}
.Tablet.Android .vod-section .vod .program .title .linkbtn a { padding-top:1px;}
.Tablet.Android.bangumi .linkbangumi a { padding-top:1px;}
.Tablet.Android.faq #system dt { padding-top:6px;}
.Tablet.Android.faq #system dd { padding:5px 0 2px 8em;}


.vjs-dock{outline:none;}
.vjs-contextmenu-ui-menu{display:none !important;}


/*fit to screen*/
.large .video-section .playerIn,
.large .vod-section .playerIn,
.large .video-section .player,
.large .vod-section .player{
	-webkit-animation: animation 1000ms linear both;
	animation: animation 1000ms linear both;
}
@-webkit-keyframes animation { 
	0% { -webkit-transform: matrix3d(0.9,0,0,0,0,0.9,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.9,0,0,0,0,0.9,0,0,0,0,1,0,0,0,0,1);}
	1.36% { -webkit-transform: matrix3d(0.911,0,0,0,0,0.941,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.911,0,0,0,0,0.941,0,0,0,0,1,0,0,0,0,1);}
	2.72% { -webkit-transform: matrix3d(0.925,0,0,0,0,0.989,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.925,0,0,0,0,0.989,0,0,0,0,1,0,0,0,0,1);}
	4.08% { -webkit-transform: matrix3d(0.939,0,0,0,0,1.023,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.939,0,0,0,0,1.023,0,0,0,0,1,0,0,0,0,1);}
	4.7% { -webkit-transform: matrix3d(0.945,0,0,0,0,1.03,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.945,0,0,0,0,1.03,0,0,0,0,1,0,0,0,0,1);}
	5.45% { -webkit-transform: matrix3d(0.953,0,0,0,0,1.033,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.953,0,0,0,0,1.033,0,0,0,0,1,0,0,0,0,1);}
	7.01% { -webkit-transform: matrix3d(0.968,0,0,0,0,1.024,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.968,0,0,0,0,1.024,0,0,0,0,1,0,0,0,0,1);}
	8.53% { -webkit-transform: matrix3d(0.981,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.981,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1);}
	9.41% { -webkit-transform: matrix3d(0.988,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.988,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1);}
	10.09% { -webkit-transform: matrix3d(0.993,0,0,0,0,0.994,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.993,0,0,0,0,0.994,0,0,0,0,1,0,0,0,0,1);}
	11.61% { -webkit-transform: matrix3d(1.003,0,0,0,0,0.99,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.003,0,0,0,0,0.99,0,0,0,0,1,0,0,0,0,1);}
	14.11% { -webkit-transform: matrix3d(1.014,0,0,0,0,0.996,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.014,0,0,0,0,0.996,0,0,0,0,1,0,0,0,0,1);}
	14.69% { -webkit-transform: matrix3d(1.016,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.016,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1);}
	17.78% { -webkit-transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1);}
	18.72% { -webkit-transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1);}
	23.94% { -webkit-transform: matrix3d(1.016,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.016,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1);}
	24.32% { -webkit-transform: matrix3d(1.015,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.015,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1);}
	29.93% { -webkit-transform: matrix3d(1.005,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.005,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	30.11% { -webkit-transform: matrix3d(1.004,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.004,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	35.54% { -webkit-transform: matrix3d(0.998,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.998,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	36.28% { -webkit-transform: matrix3d(0.997,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.997,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	40% { -webkit-transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	41.04% { -webkit-transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	52.15% { -webkit-transform: matrix3d(0.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	63.26% { -webkit-transform: matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	85.49% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);} 
}
@keyframes animation { 
	0% { -webkit-transform: matrix3d(0.9,0,0,0,0,0.9,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.9,0,0,0,0,0.9,0,0,0,0,1,0,0,0,0,1);}
	1.36% { -webkit-transform: matrix3d(0.911,0,0,0,0,0.941,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.911,0,0,0,0,0.941,0,0,0,0,1,0,0,0,0,1);}
	2.72% { -webkit-transform: matrix3d(0.925,0,0,0,0,0.989,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.925,0,0,0,0,0.989,0,0,0,0,1,0,0,0,0,1);}
	4.08% { -webkit-transform: matrix3d(0.939,0,0,0,0,1.023,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.939,0,0,0,0,1.023,0,0,0,0,1,0,0,0,0,1);}
	4.7% { -webkit-transform: matrix3d(0.945,0,0,0,0,1.03,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.945,0,0,0,0,1.03,0,0,0,0,1,0,0,0,0,1);}
	5.45% { -webkit-transform: matrix3d(0.953,0,0,0,0,1.033,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.953,0,0,0,0,1.033,0,0,0,0,1,0,0,0,0,1);}
	7.01% { -webkit-transform: matrix3d(0.968,0,0,0,0,1.024,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.968,0,0,0,0,1.024,0,0,0,0,1,0,0,0,0,1);}
	8.53% { -webkit-transform: matrix3d(0.981,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.981,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1);}
	9.41% { -webkit-transform: matrix3d(0.988,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.988,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1);}
	10.09% { -webkit-transform: matrix3d(0.993,0,0,0,0,0.994,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.993,0,0,0,0,0.994,0,0,0,0,1,0,0,0,0,1);}
	11.61% { -webkit-transform: matrix3d(1.003,0,0,0,0,0.99,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.003,0,0,0,0,0.99,0,0,0,0,1,0,0,0,0,1);}
	14.11% { -webkit-transform: matrix3d(1.014,0,0,0,0,0.996,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.014,0,0,0,0,0.996,0,0,0,0,1,0,0,0,0,1);}
	14.69% { -webkit-transform: matrix3d(1.016,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.016,0,0,0,0,0.998,0,0,0,0,1,0,0,0,0,1);}
	17.78% { -webkit-transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1);}
	18.72% { -webkit-transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.021,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1);}
	23.94% { -webkit-transform: matrix3d(1.016,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.016,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1);}
	24.32% { -webkit-transform: matrix3d(1.015,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.015,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1);}
	29.93% { -webkit-transform: matrix3d(1.005,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.005,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	30.11% { -webkit-transform: matrix3d(1.004,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.004,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	35.54% { -webkit-transform: matrix3d(0.998,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.998,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	36.28% { -webkit-transform: matrix3d(0.997,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.997,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	40% { -webkit-transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	41.04% { -webkit-transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.996,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	52.15% { -webkit-transform: matrix3d(0.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(0.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	63.26% { -webkit-transform: matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	85.49% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
	100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);} 
}

/*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:610px; height:480px;
		box-shadow:0 0 20px 10px 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:50px; height:50px;
		background:url(../img/fifaworldcup2018/close.png) no-repeat;
		background-size:cover;
		position:absolute; top:-25px; right:-25px;
	}

/*sp2018bnr*/
.sp2018bnr {text-align:center;background:transparent;position:relative;top:-30px;padding:5px 0;}
.sp2018bnr a { display:block;margin:0 auto;}
.sp2018bnr a img { display:block;margin:0 auto;width:800px;}

/*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:610px;height:590px;
	position:absolute; top:50%; left:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
}
#ADoverlay .ad{
	width:610px;height:480px;overflow:hidden;
	box-shadow:0 0 30px 10px rgba(0, 0, 0, 0.1);
}
	#ADoverlay .ad img{width:610px;height:480px;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:500px;
}
#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: 10px;
	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);
	}
}

/*TOKYO2020*/
.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 {display:table; width:1060px;margin:0 auto;}
.gorinjp.d2 .playerbinder .left {display:table-cell; width:745px;vertical-align:top;}
.gorinjp.d2 .playerbinder .right {display:table-cell; width:315px;vertical-align:top;text-align:right;}
.gorinjp.d2 .playerbinder .ADbanner {padding-top:20px;width:300px;margin-left:auto;}
.gorinjp.d2 .playerbinder .omega {padding-top:40px;width:300px;margin-left:auto;text-align:center;}
.gorinjp.d2 #enlarge{display:none;}
.gorinjp.d2 .video-section .playvideo .inner{padding:20px 0 !important;}
.gorinjp.d2 .video-section .inner, 
.gorinjp.d2 .vod-section .inner {padding-left:0 !important;padding-right:0 !important;}
.gorinjp.d2 .video-section .title{padding-top:0 !important;}

/*PC mode*/
#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:calc( 100vh / 2 );
	left:50%;
	margin-left:-40%;
	top: 50vh;
	margin-top:calc( 100vh / 4 *-1 );
	padding:30px;
}
#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;
}

/**/

/*companion ad*/
#companionDiv > a{position:absolute;top:0;}

/*Emergency*/
#emergency .topmessage{ 
	background:#d7eaf0; color:#475154; 
	display:table;
	width:100%;
	border-top:solid 1px #c6cfd2;
}
#emergency .topmessage h3{ 
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	width:120px;
	color:#40b8dc;
	background:url(/img/em.png) 12px center no-repeat;
	background-size:auto 20px;
	padding-left:35px;
	white-space:nowrap;
	overflow:hidden;
}
#emergency .topmessage ul{ display:table-cell;padding:3px 0 1px; }
#emergency .topmessage li { 
	font-size:14px;margin:0 4px 3px 0;line-height:1.4;
	background:#f0fcff;
	border-radius:5px;
	padding:5px 10px;
}
#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:100;}
#emergency .topmodal div {
	background:#fff;
	width:300px;
	border-radius:10px;
	position:relative; left:50%;top:calc(50vh);
	margin-left:-150px;
	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 .headings { border-bottom:1px solid #dcdcdc;}
	.live .headings .inner { padding:45px 30px 0;}
	.live .headings h2,
	.live .headings .date,
	.live .headings .date dt,
	.live .headings .date dd { display:inline-block; vertical-align:bottom;}
	.live .headings h2 { font-size:24px; padding-bottom:12px;}
	.live .headings .date { padding-left:45px;}
	.live .headings .date dt { font-size:16px; padding:0 10px 15px;}
	.live .headings .date dd { font-size:22px; color:#40b8dc; padding:0 10px;}
	.live .headings .date dd span { font-size:10px; padding-left:2px;}
	.live .headings .date dd a { display:block; height:35px; color:#40b8dc; padding:0 2px;}
	.live .headings .date dd a:not([href]) { color:#8ce;}
	.live .headings .date dd.this a { border-bottom:4px solid #40b8dc;}
.live .headings .sort { display:none;}

#live-channel { padding:20px 30px 40px;}
	#live-channel .inner { display:table; width:100%; table-layout:fixed;}
	#live-channel .tv {
		display:table-cell; vertical-align:top;
		background:#f3f3f3; border:7px solid #fff;
		padding-bottom:40px;
	}
	#live-channel h3 {
		height:60px; text-align:center;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		background:#fff; position:relative;
	}
	#live-channel h3:before {
		content:""; display:block; width:100px; height:40px;
		background:url(../img/parts_logo.png) no-repeat;
		background-size:432px auto;
		position:absolute; top:50%; left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	#live-channel .ntv h3:before { background-position:-319px 0;}
	#live-channel .ex h3:before { background-position:-319px -40px;}
	#live-channel .tbs h3:before { background-position:-319px -81px;}
	#live-channel .tx h3:before { background-position:-319px -121px;}
	#live-channel .cx h3:before { background-position:-319px -162px;}
	
	#live-channel .item { box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.05);}
	#live-channel .item + .item { margin-top:20px;}
	#live-channel .item a { display:block; width:100%;}
	#live-channel .item a:hover { opacity:0.7;}
	/*title*/
	#live-channel .item .title {
		min-height:170px; color:#222; line-height:1.35;
		background:#fff; padding:10px 12px 40px;
		position:relative;
	}
	#live-channel .item .time { font-size:13px; padding-bottom:1px;}
	#live-channel .item .name { height:100px; font-size:19px; overflow:hidden;}
	#live-channel .item .name span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
	#live-channel .item .status { font-size:14px; color:#40b8dc; position:absolute; bottom:12px; right:12px;}
	#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;}
	#live-channel .short .pic { display:none;}
	#live-channel .short .title { min-height:100px;}
	#live-channel .short .name { height:50px;}
	#live-channel .short .name span { -webkit-line-clamp:2;}
	/*pic*/
	#live-channel .item .pic { width:100%; height:0; padding-top:56.25%; position:relative;}
	#live-channel .item .picbg { display:none;}
	#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:5px; background:rgba(255, 255, 255, 0.6);
		position:absolute; bottom:0; left:0;
	}
	#live-channel .item .progress .bar {
		height:5px; background:#41f6ff;
		position:absolute; top:0; left:0;
	}
#live-channel dd .btn { display:none;}

/*banner-carousel*/
.banner-carousel { margin:-20px 0 45px; position:relative;}
.banner-slider { width:800px; 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:50px; height:50px;
	position:absolute; top:50%; left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	cursor:pointer;
	}
	.banner-arrows .slick-arrow.prev { margin-left:-430px;}
	.banner-arrows .slick-arrow.next { margin-left:427px;}
	.banner-arrows .slick-arrow:before {
		content:""; display:block; width:15px; height:15px;
		position:absolute; top:50%; margin-top:-7.5px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.banner-arrows .slick-arrow.prev:before { border-bottom:3px solid #40b8dc; border-left:3px solid #40b8dc; left:23px;}
	.banner-arrows .slick-arrow.next:before { border-top:3px solid #40b8dc; border-right:3px solid #40b8dc; left:12px;}

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