@charset "utf-8"; /*NHKondemand Modified:2010-01-28 */
/* @group common */
div#moviePlayer .inner-wide{padding: 0px;}
/*div#content-wide .inner-wide{padding: 0 20px;}*/
div.standard{background:url(/css/ph65/img/program/bg_movie_player.gif) repeat-x #272727;}
div#moviePlayer{background:#f5f5f5;min-width:auto;min-height:auto;padding: 30px 0;}
div#moviePlayer div.inner{padding:36px 0 6px 0;}
div#moviePlayer div.main{max-width:1200px;color:#fff;margin: 0 auto;padding-left: 30px;}
div#moviePlayer div.main h1{width:30%;height:auto;text-align:left;background:none;position:relative;top:0;left:0;float:left;}
div#moviePlayer div.main h1 img{width:100%;height:0;padding-top:56%;background-size:cover;}
div#moviePlayer div.side{float:right;width:68%;}
div#moviePlayer div.side p{color:#000;font-size:16px;word-break:break-all;}
div#moviePlayer div.side p.title{font-size:18px;font-weight:bold;}
div#moviePlayer div.side .snsarea{border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;}
div#moviePlayer.standard2{padding:0;}
div#moviePlayer.standard2 h1,div#moviePlayer.standard2 div.side p{display:none;}
div#moviePlayer.standard2 div.side{float:none;width:100%;/*max-width:800px;*/margin:0 auto;}
div#moviePlayer.standard2 div.side .snsarea{border:0;}
div#moviePlayer div.side{padding: 0 20px;box-sizing: border-box;}
div.movieItemHeader table{margin-top:16px;}

div#missed h3,div#library h3{font-size:20px;line-height:30px;padding:0 12px;margin-bottom:15px;}
div#missed h3{color:#fc8b00;border-left:6px solid #fc8b00;}
div#library h3{color:#018ed2;border-left:6px solid #018ed2;}

div.movieItemContent ul.data li.status span.limit, div.movieItemContent ul.data li.status span.caution{color:#ee8802;}
div#library div.pack, div#library div.single{border-top:1px solid #e0e0e0;padding:10px 0;}
div#library div.pack h2, div#library div.single h2{margin:0 0 18px 0;}
div.movieItemHeader table.itemsort tbody tr td.narrow form select, div.movieItemHeader table.itemsort tbody tr td.narrow form select option{color:#fff;background:none repeat scroll 0 0 #6d94af;}

.nhk-snsbtn{display:inline-block;margin:0!important;vertical-align:top;padding:8px 0;}
.nhksns-guide{float:right;font-size:12px!important;font-weight:normal!important;margin-top:5px!important;margin-bottom:0!important;}
.nhksns-icon-m img{width:24px!important;}
.nhksns-help img{width:18px!important;}
.nhk-snsbtn img{vertical-align:bottom;}
div#content-wide.emptyarea{padding: 0;}
div#content-wide.emptyarea div.inner-wide{display: none;}
div#content-wide.emptyarea.standard2{padding-top: 20px;}
div#content-wide .inner-wide{max-width: 1200px;}

@media print, screen and (max-width: 640px){
	div#moviePlayer div.main h1{float:none;width:100%;}
    /*div#moviePlayer div.main h1 img{max-width:300px;}*/
    div#moviePlayer div.side{float:none;width:100%;}
    div#moviePlayer div.side p.title{padding-top: 10px;}  
    div#moviePlayer div.main{padding-left: 0px;}  

	div#moviePlayer.standard2 .icn-expend{
		display: none;
	}
	div#moviePlayer .inner{
	    height: 80px;
	    border: none;
	    border-top: 1px solid #505050;
	    overflow: hidden;
	    padding-bottom: 0;
	    position: relative;
	}
	#moviePlayer .inner.down:before {
	    content: " ";
	    display: block;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 20px;
	    background: url(../ph2017/img/top/bg_gradation.png) no-repeat center bottom;
	    background-size: 100% 100%;
	}
	#moviePlayer .inner.down.no-before::before{
		display: none;
	}
	div#moviePlayer .icn-expend {
	    background: url(../ph2017/img/top/icn_menu_open.png) no-repeat center center;
	    width: 100%;
	    height: 35px;
	    background-size: 15px;
	    margin: 0 auto;
	    display: block;
	}
	div#moviePlayer{
		    padding: 0px 0 10px;
	}
}
/* @end */