@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
NHK 標準ページ HLSプレイヤーCSS
/////////////////////////////////////////////////////////////////////////*/

#HLSlist *{font-family:sans-serif !important;outline:none;}
#HLSbg{background:#000;opacity:0.1;width:100%;position:fixed;top:0;left:0;z-index:9999;cursor:pointer;display:none;}
#HLSip{position:absolute;right:50px;z-index:10000;overflow:hidden;box-shadow:6px 6px 23px -10px #000000;-moz-box-shadow:6px 6px 23px -10px #000000;-webkit-box-shadow:6px 6px 23px -10px #000000;display:none;}
#HLSlist hr{display:none;}
#hlsClose{position:absolute;right:0;cursor:pointer;}
#HLSbg.enable, #HLSip.enable{display:block;}
#HLSip, #HLSip iframe{width:570px;height:190px;}
.isIE #HLSip, .isIE #HLSip iframe{height:260px;box-shadow:none;}

#_HLSgetfp{color:#333;background:#fff;}
._hlsnoflash #HLSlist{background:#f3f3f3;}
#_HLSgetfp dl,
#_HLSgetfp dt,
#_HLSgetfp dd,
#_HLSgetfp p{margin:0;padding:0;}

@media screen and (min-width: 640px) {
	#HLSlist{color:#333;background:#fff;padding:60px 50px 0;margin:0 auto;max-width:900px;border:solid 1px #b2b2b2;display:none;}
	#HLSlist *{font-family:sans-serif !important;}
	#HLSlist .list_block{margin-bottom:60px;}
	#HLSlist .list_heading{display:table;margin-bottom:0;}
	#HLSlist .list_thumbnail{display:table-cell;vertical-align:middle;}
	#HLSlist .list_thumbnail img{height:93px;margin-right:15px;}
	#HLSlist .list_title{display:table-cell;vertical-align:middle;}
	#HLSlist .list_title h3{margin:7px 0;padding:0;line-height:1.1;font-size:220%;}
	#HLSlist .list_title p{margin:7px 0;padding:0;line-height:1.1;font-size:160%;}
	#HLSlist ul{padding:0;margin:0;}
	#HLSlist li{list-style:none;padding:0 0 18px;margin:0;border-bottom:1px solid #d9d9d9;font-size:150%;}
	#HLSlist li .expired,
	#HLSlist li .coming{color:#999;padding-top:18px;text-align:center;}
	#HLSlist li a{display:table;table-layout:fixed;width:100%;}
	#HLSlist li .hls_play{display:table-cell;vertical-align:top;width:50px;}
	#HLSlist li .hls_title{display:table-cell;vertical-align:middle;padding:0 15px;font-weight:bold;line-height:1.3;}
	#HLSlist li .hls_title.noindent{padding:5px 0;}
	#HLSlist li .hls_subtitle{display:block;font-size:85%;}
	#HLSlist li .filename h4{margin:0 28px 5px;line-height:1.2;color:#f17a06;font-weight:normal;}
	#HLSlist li .date{margin:0 28px;font-size:75%;padding:5px 0;}
	#HLSlist li .date .cell{display:inline-block;padding:3px 20px;background:#fff3e9;}
	#HLSlist li .date .d2{background:#f3f3f3;}
	#HLSlist li .filename p{margin:0 28px;line-height:1.3;color:#666;font-size:80%;}
	#HLSlist li a .hls_play span{display:block;width:50px;height:50px;background:#fea20a url(./img/list_play.png) center center no-repeat;background-size:contain;text-indent:-5000px;border-radius:25px;}
	#HLSlist li a:hover .hls_play span{background-color:#fec20a;}
	
	#_HLSgetfp{padding:20px 30px;margin:0 auto 10px;max-width:900px;}
	#_HLSgetfp dl{display:table;}
	#_HLSgetfp dt,#_HLSgetfp dd{display:table-cell;margin:0;padding:0;vertical-align:middle;}
	#_HLSgetfp dt img{margin-right:25px;}
}

/*///////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 639px) {
	#HLSlist{color:#333;background:#fff;padding:20px;text-align:left;display:none;}
	#HLSlist *{font-family:sans-serif !important;}
	#HLSlist .list_block{margin-bottom:60px;}
	#HLSlist .list_heading{display:table;}
	#HLSlist .list_thumbnail{display:table-cell;vertical-align:middle;}
	#HLSlist .list_thumbnail img{height:60px;margin-right:15px;}
	#HLSlist .list_title{display:table-cell;vertical-align:middle;}
	#HLSlist li .hls_title.noindent{padding:5px 0;}
	#HLSlist .list_title h3{margin:7px 0;padding:0;line-height:1.1;font-size:160%;}
	#HLSlist .list_title p{margin:7px 0;padding:0;line-height:1.1;font-size:100%;}
	#HLSlist ul{padding:0;margin:0;}
	#HLSlist li{list-style:none;padding:0 0 18px;margin:0;border-bottom:1px solid #d9d9d9;font-size:130%;}
	#HLSlist li .expired,
	#HLSlist li .coming{color:#999;padding-top:18px;text-align:center;font-size:90%;}
	#HLSlist li a{display:table;table-layout:fixed;width:100%;}
	#HLSlist li .hls_play{display:table-cell;vertical-align:top;width:36px;}
	#HLSlist li .hls_title{display:table-cell;vertical-align:middle;padding:0 10px;font-weight:bold;line-height:1.3;}
	#HLSlist li .hls_subtitle{display:block;font-size:85%;}
	#HLSlist li .filename h4{margin:0 28px 5px;line-height:1.2;color:#f17a06;font-weight:normal;}
	#HLSlist li .date{margin:0 28px;font-size:75%;padding:5px 0;}
	#HLSlist li .date .cell{display:block;padding:4px 8px 3px;background:#fff3e9;}
	#HLSlist li .date .d2{background:#f3f3f3;}
	#HLSlist li .filename p{margin:0 28px;line-height:1.3;color:#666;font-size:80%;}
	#HLSlist li a .hls_play span{display:block;width:36px;height:36px;background:#fea20a url(./img/list_play.png) center center no-repeat;background-size:contain;text-indent:-5000px;border-radius:25px;}
	#HLSlist li a:hover .hls_play span{background-color:#fec20a;}
	
	#_HLSgetfp{padding:20px;margin: 0 auto 10px;}
	#_HLSgetfp p{line-height:1.5;padding:10px 0 0;}

	#HLSip{right:10px;}
	#HLSip, #HLSip iframe{width:370px;height:220px;}
	.isIE #HLSip, .isIE #HLSip iframe{height:260px;box-shadow:none;}
}

/*///////////////////////////////////////////////////////////////////////*/

#onlypreviewheading span{display:block;font-size:18px;padding-bottom:4px;}