@charset "utf-8";
/* @group clear hack */
#movie section:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
/* @end */
/* @group commonContent */
#commonContent{padding:30px 0;}
/* @end */
/* @group movie */
#movie{background:#fbfaf1;}
body.general #movie{padding:30px 0;}
#movie div.clmleft{width:640px;min-height:620px;float:left;padding:0 0 10px 0;}
body.box.bangumi #movie div.clmleft{min-height:730px;}
#movie div.error, #player p.help{width:580px;height:240px;display:table-cell;font-size:16px;vertical-align:middle;text-align:center;background:#f3f2e9;padding:60px 30px;}
#movie div.error p{margin:1.4em 0;}
#movie div.alert{background:#f2f2e8;margin:10px 0 0 0;padding:10px;}
#movie div.alert .red{color:#c61515;}
#movie figure.image{position:relative;}
#movie figure.image div.overlay, #movie figure.image p.outline{position:absolute;}
#movie figure.image div.overlay{width:640px;height:360px;top:0;left:0;background:url(../img/bg_overlay_nomovie.png) no-repeat;}
#movie figure.image p.outline{top:303px;left:456px;font-size:1px;text-indent:-99999px;}
#movie figure.image p.outline a{width:168px;height:41px;display:block;background:url(../img/bg_outline_button.png) no-repeat;}
#movie figure.image p.outline a:hover{background-position:0 -41px;}
#movie header h1{font-size:157.2%;border-bottom:1px solid #e5e4d9;margin:0 0 10px 0;padding:10px 0;}
#movie header h1 *{display:inline-block;font-weight:normal;}
#movie header h1 span{font-size:72.8%;color:#666;}
#movie header h1 span.year em{font-style:normal;margin:0 .5em;}
#movie header h1 span.year em:before{content:"［";}
#movie header h1 span.year em:after{content:"］";}
#movie header h1 span.date{font-size:63.7%;}
#movie header h1 strong{display:block;font-weight:bold;}

#movie div.clmleft section{margin:10px 0;}
body.box.bangumi #movie header{margin:0 0 0 15px;}
body.box.bangumi #movie div.clmleft section{margin:5px 0 5px 15px;}
body.general.clip #movie header{margin:0 15px 0 0;}
body.general.clip #movie div.clmleft section{margin:5px 15px 5px 0;}
body.box.clip #movie header{margin:0 15px;}
body.box.clip #movie div.clmleft section{margin:10px 15px;}
#movie div.clmleft section h2, #movie div.clmleft section p, #movie div.clmleft section ul, #movie div.clmleft section ul li{float:left;}
#movie div.clmleft section h2{font-size:13px;font-weight:normal;}
#movie div.clmleft #rangeControl{height:44px;background-color:#ccc;padding:0 12px;position:relative;}
#movie div.clmleft #rangeControl div{float:left;margin:10px 10px;}
#movie div.clmleft #rangeControl .btn{width:60px;background-color:#777;margin:8px 0 0 12px;padding:4px 0;text-align:center;color:#fff;cursor:pointer;}
#movie div.clmleft #rangeControl .btn.disabled{cursor:default;background-color:#aaa;color:#ccc;}
#movie div.clmleft #rangeControl .message{position:absolute;left:390px;top:-70px;padding:8px;background-color:#777;color:#fff;}
#movie div.clmleft #rangeControl #urlMsg{top:-54px;}
#movie div.clmleft #rangeControl .rangetime{width:3em;text-align:center;}
#movie p.outline a{vertical-align:middle;}
#movie p.outline a:before{content:"▶︎ ";position:relative;top:-2px;font-size:9px;color:#4b4b4b;}
#movie section.keyword h2{padding:2px 0;}
#movie section.keyword ul{max-width:514px;}
#movie section.keyword ul li a{display:inline-block;margin:0 0 5px 5px;padding:2px 5px;}
#movie section.keyword ul li a:hover{background:#fff;}
#movie div.related{text-align:right;margin:5px 0;}
body.clip #movie div.related{margin:5px 15px;}
#movie div.sns, #movie .nhk-snsbtn, #movie div.related p.barcode, #movie div.related p.barcode a{display:inline-block;}
#movie .nhk-snsbtn{display:inline-block;margin:0;}
#movie .nhk-snsbtn *{vertical-align:top;}
#movie .nhk-snsbtn .nhksns-guide{margin:0!important;}
#movie .nhk-snsbtn ul.nhksns > li{margin:0 0 0 10px;}
#movie div.related p.barcode a{font-size:12px;color:#666;box-shadow:1px 1px 2px -1px rgba(0,0,0,.3);border:1px solid #f7f6ed;background:#fff;margin:0 0 0 30px;padding:3px 12px;}
#movie div.related p.barcode a:hover{background:rgba(255,255,255,.8);}

#movie div.clmright{width:350px;float:right;}
#app-recommend, #app-recommend .slider, #app-recommend .slider li, #app-recommend .controller{position:relative;}
#app-recommend{min-height:122px;}
#app-recommend h2{font-size:14px;line-height:16px;margin:0 0 0 15px;}
#app-recommend .slider{width:610px;height:86px;overflow:hidden;margin:10px 15px;}
#app-recommend .slider ul, #app-recommend .slider li h3, #app-recommend .ctrlleft, #app-recommend .ctrlright{position:absolute;}
#app-recommend .slider li, #app-recommend .slider li .image, #app-recommend .slider li h3{overflow:hidden;}
#app-recommend .slider ul{width:100%;top:0;left:0;list-style:none;margin:0;padding:0;}
#app-recommend .slider li{float:left;margin-left:1px;background:#f3f2e9;width:152px;height:86px;}
#app-recommend .slider li:first-child{margin:0;}
#app-recommend .slider li .image{width:152px;height:86px;display:table-cell;line-height:1;text-align:center;vertical-align:middle;}
#app-recommend .slider li .image img{max-width:152px;}
#app-recommend .slider li h3{width:100%;max-height:86px;bottom:0;left:0;box-sizing:border-box;font-size:10px;font-weight:normal;line-height:14px;color:#fff;background-color:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000)";margin:0;padding:5px 10px;}
#app-recommend .slider li a{text-decoration:none;}
#app-recommend .controller{display:none;}
#app-recommend .ctrlleft, #app-recommend .ctrlright{height:56px;top:-100px;z-index:1000;cursor:pointer;padding:30px 0 0 0;}
#app-recommend .ctrlleft{left:0;}
#app-recommend .ctrlright{right:0;}

#movie div.clmright div.scroll{height:360px;overflow:auto;background:#fff;}
#chapter, #chapter dl dt{position:relative;}
#chapter{background:#65b054;}
#chapter h2, #chapter p.outline{line-height:40px;}
#chapter h2{font-size:18px;font-weight:normal;color:#fff;padding:0 150px 0 10px;}
#chapter p.outline{position:absolute;top:0;right:10px;font-size:12px;}
#chapter p.outline a{color:#fff;}
#movie #chapter p.outline a:before{font-size:8px;color:#fff;}
#chapter p.outline a:hover{color:#e7f3e4;}
#movie div.clmright #chapter div.scroll{height:320px;}
#chapter dl dt{min-height:54px;cursor:pointer;border-top:2px solid #e9e9e9;padding:10px 10px 10px 114px;}
#chapter dl dt:first-child{border:0;}
#chapter dl dt img{position:absolute;top:10px;left:10px;}
#chapter dl dt.opened, #chapter dl dd{background:#e9e9e9;}
#chapter dl dd{display:none;padding:0 10px 10px 10px;}
#point h2, #detail h2{font-size:18px;line-height:40px;color:#fff;background:#65b054;padding:0 15px;}
#point p, #detail p{padding:15px;}
#stamp{width:316px;height:228px;position:relative;text-align:center;overflow:hidden;background:url(../img/bg_stamp_201603.png) no-repeat;margin:10px auto;}
#stamp h2, #stamp ul{position:absolute;}
#stamp h2{top:0;left:-99999px;}
#stamp ul{top:48px;left:20px;}
#stamp ul li{width:88px;height:90px;position:relative;float:left;padding:0 5px;}
#stamp ul li a, #stamp ul li strong{width:88px;position:absolute;top:0;left:0;display:block;}
#stamp ul li a{height:76px;font-size:1px;text-indent:-99999px;background:url(../img/bg_stamp_button_201603.png) no-repeat;}
#stamp #stamp2 a{background-position:-88px 0;}
#stamp #stamp3 a{background-position:-176px 0;}
#stamp #stamp4 a{background-position:-264px 0;}
#stamp #stamp5 a{background-position:-352px 0;}
#stamp #stamp6 a{background-position:-440px 0;}
#stamp #stamp1 a:hover{background-position:0 -76px;}
#stamp #stamp2 a:hover{background-position:-88px -76px;}
#stamp #stamp3 a:hover{background-position:-176px -76px;}
#stamp #stamp4 a:hover{background-position:-264px -76px;}
#stamp #stamp5 a:hover{background-position:-352px -76px;}
#stamp #stamp6 a:hover{background-position:-440px -76px;}
#stamp ul li a.selected, #stamp ul li a.disabled{cursor:default;}
#stamp #stamp1 a.selected{background-position:0 -152px;}
#stamp #stamp2 a.selected{background-position:-88px -152px;}
#stamp #stamp3 a.selected{background-position:-176px -152px;}
#stamp #stamp4 a.selected{background-position:-264px -152px;}
#stamp #stamp5 a.selected{background-position:-352px -152px;}
#stamp #stamp6 a.selected{background-position:-440px -152px;}
#stamp #stamp1 a.disabled{background-position:0 -228px;}
#stamp #stamp2 a.disabled{background-position:-88px -228px;}
#stamp #stamp3 a.disabled{background-position:-176px -228px;}
#stamp #stamp4 a.disabled{background-position:-264px -228px;}
#stamp #stamp5 a.disabled{background-position:-352px -228px;}
#stamp #stamp6 a.disabled{background-position:-440px -228px;}
#stamp ul li strong{top:68px;font-size:12px;font-weight:normal;line-height:14px;text-align:left;}
#movie div.clmright p.homepage{text-align:center;padding:0 0 0 10px;}

#banner-application{display:none;float:none;clear:both;text-align:center;padding:60px 0;}
body.box #banner-application{padding:10px 0 30px 0;}

#historyrecieve{display:none;}
/* @end */