@charset "utf-8";
/* @group clear hack */
#container{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
div#main div.extra, div#side ul.related li a, div#side ul.list li, div#main #nclub .wrap{min-height:1%;}
div#main div.extra:after, div#side ul.related li a:after, div#side ul.list li:after, div#main #nclub .wrap:after{content:".";display:block;font-size:0px;height:0px;clear:both;visibility:hidden;}
* html div#main div.extra, * html div#side ul.related li a, * html div#side ul.list li, * html div#main #nclub .wrap{height:1%;}
* a{text-decoration:none;color:black;}

/* @end */
/* @group default */
body.movie div#tv60{padding:0;}
div#content, div#footer{position:relative;}
div#content{z-index:99;padding:20px 0 45px 0;}
div#footer{z-index:1;}
body#program #global2 .inner{border-bottom:none;}
div#content div.inner{width: 100%;max-width: 1190px;padding-top: 35px;}

div#content li img,
div#comment li img,
div#nclub2019 li img{width: 100%;}
@media screen and (max-width: 767px){
	#header, #content, #tv60, div.global, #member, p.topicpath, #footer{min-width: 1px;}
	div#content{padding-bottom: 25px;}
	div#content div.inner{width: 100%;padding: 10px 20px 0;box-sizing: border-box;}
}
/* @end */

/* @group main */
div#main div.title{position:relative;}
div#main div.title h1{line-height: 1;position: relative;}
div#content h1:after{content: "";width: 48px;height: 2px;background: #1a1a1a;position: absolute;top: 0;left: 0;}
div#main p.count{position:absolute;font-size:14px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:0 12px;}
/*	pc
============================*/
@media print, screen and (min-width: 768px){
	div#main{width: 79%;max-width: 930px;float:right;}
	div#main div.title{margin-bottom: 20px;}
	div#main div.title h1{padding: 25px 0 5px;font-size: 28px;}
}
/*	sp
============================*/
@media screen and (max-width: 767px){
	div#main{width: 100%;}
	div#main div.title{margin-bottom: 10px;}
	div#main div.title h1{padding: 20px 0 5px;font-size: 28px;}
}
/* @end */

/* @group capture */
section#capture{position:relative;margin-top:12px;min-height:372px;background:#f9f9f9;}
section#capture p img{width: 100%;height: auto;}
section#capture p.nomovie{position:absolute;bottom: 10px;left:13px;}
section#capture p.nod{position:absolute;top:0;left:0;width:100%;height:100%;}
section#capture p.nod a{display:block;#zoom:1;width:100%;height:100%;position:relative;}
section#capture p.nod a span{display:block;#zoom:1;width:100%;height:100%;background:url(../img/bt_nod_main_off.png) left 13px  bottom 10px no-repeat;background-size:227px;float:left;}
section#capture p.nod a:hover{background:url(../img/bg_nod_main.png);}
/*:root section#capture p.nod a:hover{background:rgba(255,255,255,0.15);}*/
section#capture p.nod a:hover span{background-image:url(../img/bt_nod_main_on.png);}
section#capture p.nod img{position:absolute;bottom:10px;right:10px;}
p.movie_caution{text-align: right;}
/*	pc
============================*/
@media print, screen and (min-width: 768px){
}
/*	sp
============================*/
@media screen and (max-width: 767px){
	section#capture{min-height:1px;}
	section#capture p.nod a span{
		display: block;
	    width: 37.83%;
	    height: 0;
	    padding-top: 9%;
	    float: none;
	    position: absolute;
		left:0;
	    bottom:2.16%;
		margin-left:2.16%;
	    background-size: contain;
	    background-position: center;
	}
}
/* @end */

/* @group player */
section#player .poterIcon img{width: 100%;height: auto;}

/*	pc
============================*/
@media print, screen and (min-width: 768px){
}
/*	sp
============================*/
@media screen and (max-width: 767px){
	section#capture{min-height:1px;}
}
/* @end */

/*	リニューアル前の残り
============================*/
/* @group nclub */
div#main ul.login{background:url(../img/bg_nclub_login.png) no-repeat;}
div#main #nclub{margin-top:17px;border:1px solid #e7e7e7;box-shadow:0 0 1px #e7e7e7;padding:1px;background:#fff;}
div#main #nclub a.btn{display:block;#zoom:1;background:none 0 0 no-repeat;height:0;overflow:hidden;}
div#main #nclub .wrap{background:#ffe748;padding:10px;position:relative;}
div#main #nclub .wrap.logout h2{margin-bottom:11px;}
div#main #nclub .wrap.logout ul.lt{float:left;padding-right:13px;border-right:1px solid #000;}
div#main #nclub .wrap.logout ul.rt{float:right;}
div#main #nclub .wrap.logout li{float:left;}
div#main #nclub .wrap.logout li.new{margin-right:10px;}
div#main #nclub .wrap.logout li.new a.btn{width:148px;padding-top:45px;background-image:url(../img/bt_nclub_out_new2.png);}
div#main #nclub .wrap.logout li.new a.btn:hover{background-position:0 -45px;}
div#main #nclub .wrap.logout li.page a.btn{width:148px;padding-top:45px;background-image:url(../img/bt_nclub_out_page2.png);}
div#main #nclub .wrap.logout li.page a.btn:hover{background-position:0 -45px;}
div#main #nclub .wrap.logout li.fav{margin-right:10px;}
div#main #nclub .wrap.logout li.fav a.btn{width:148px;padding-top:45px;background-image:url(../img/bt_nclub_out_fav.png);}
div#main #nclub .wrap.logout li.fav a.btn:hover{background-position:0 -45px;}
div#main #nclub .wrap.logout li.fav a.btn.disabled{background-position:0 -90px;}
div#main #nclub .wrap.logout li.comment a.btn{width:148px;padding-top:45px;background-image:url(../img/bt_nclub_out_comment.png);}
div#main #nclub .wrap.logout li.comment a.btn:hover{background-position:0 -45px;}
div#main #nclub .wrap.login li{float:left;}
div#main #nclub .wrap.login li.l3{float:right;}
div#main #nclub .wrap.login li.page{margin-right:10px;}
div#main #nclub .wrap.login li.page a.btn{width:148px;padding-top:52px;background-image:url(../img/bt_nclub_in_page2.png);}
div#main #nclub .wrap.login li.page a.btn:hover{background-position:0 -52px;}
div#main #nclub .wrap.login li.logout a.btn{width:148px;padding-top:52px;background-image:url(../img/bt_nclub_in_logout2.png);}
div#main #nclub .wrap.login li.logout a.btn:hover{background-position:0 -52px;}
div#main #nclub .wrap.login li.fav{margin-right:10px;}
div#main #nclub .wrap.login li.fav a.btn{width:148px;padding-top:52px;background-image:url(../img/bt_nclub_in_fav.png);}
div#main #nclub .wrap.login li.fav a.btn:hover{background-position:0 -52px;}
div#main #nclub .wrap.login li.fav a.btn.disabled{background-position:0 -104px;}
div#main #nclub .wrap.login li.comment a.btn{width:148px;padding-top:52px;background-image:url(../img/bt_nclub_in_comment.png);}
div#main #nclub .wrap.login li.comment a.btn:hover{background-position:0 -52px;}
div#main #nclub .wrap li{font-size:12px;line-height:1.2;position:relative;}
div#main #nclub .wrap li img{vertical-align:top;}
div#main #nclub .wrap.login .aboutNclub{position:absolute;bottom:-28px;right:-1px;}
div#main #nclub .wrap.login .aboutNclub .about{height:22px;cursor:pointer;}
div#main #nclub .wrap.login .aboutNclub .about:hover{opacity:0.8;filter:alpha(opacity=80);}
div#main #nclub .wrap.login .aboutNclub .about img{margin:3px 0 0 5px;background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);zoom:1;}
div#main #nclub .wrap.login .aboutNclub .nclubMenu{position:absolute;top:22px;right:0;height:0;overflow:hidden;transition:height 0.1s linear 0.1s;}
:root div#main #nclub .wrap.login .aboutNclub .nclubMenu{box-shadow:0 0 2px #aaa;-moz-box-shadow:0 0 2px #aaa;-o-box-shadow:0 0 2px #aaa;-ms-box-shadow:0 0 2px #aaa;-webkit-box-shadow:0 0 2px #aaa;}
div#main #nclub .wrap.login .aboutNclub:hover .nclubMenu{height:77px;border:1px solid #e9e9e9;}
:root div#main #nclub .wrap.login .aboutNclub:hover .nclubMenu{border:0;}
div#main #nclub .wrap.login .aboutNclub ul{border:2px solid #fff;background:#19203d;padding:5px 15px;}
div#main #nclub .wrap.login .aboutNclub li{border-top:1px solid #8c909e;width:197px;height:31px;background:url(../../tv60/img/ic_nclub2019_nclub.png) 0 center no-repeat;}
div#main #nclub .wrap.login .aboutNclub li:first-child{border-top:0;}
div#main #nclub .wrap.login .aboutNclub li:hover{background-color:#31395a;}
div#main #nclub .wrap.login .aboutNclub li a{display:block;#zoom:1;width:100%;height:0;padding-top:31px;overflow:hidden;#height:31px;#padding-top:0;#text-indent:-1000px;background:none 11px center no-repeat;}
div#main #nclub .wrap.login .aboutNclub li a.mypage{background-image:url(../../tv60/img/bt_nclub2019_nclub_mypage.png);}
div#main #nclub .wrap.login .aboutNclub li a.guide{background-image:url(../../tv60/img/bt_nclub2019_nclub_guide.png);}
/* @end */
/* @group fav */
div#favorite{width:263px;height:106px;position:absolute;top:52px;left:-56px;display:none;background:url(../img/bg_alert_favorite2.png) no-repeat;z-index:1;}
div#favorite p.msg{width:100%;position:absolute;top:30px;left:0;font-size:14px;font-weight:bold;line-height:18px;color:#fff;text-align:center;text-indent:0;}
div#main #nclub li.fav div#favorite p a{position:absolute;text-indent:-99999px;}
div#main #nclub li.fav div#favorite p.mycollection a{width:177px;height:27px;top:62px;left:40px;background-image:url(../img/bg_fav_mycollection.png);}
div#main #nclub li.fav div#favorite p.mycollection a:hover{background-position:0 -27px;}
div#main #nclub li.fav div#favorite p.close a{width:22px;height:21px;top:16px;left:234px;background-image:url(../img/menu_alert_favorite.png);background-position:0 -108px;}
div#main #nclub li.fav div#favorite p.close a:hover{background-position:0 -129px;}
/* @end */
/* @group alert */
div#main div.alert{width:263px;height:121px;position:absolute;display:none;background:no-repeat;z-index:1;}
div#main #nclub li.fav div.alert, div#main #nclub li.comment div.alert{top:45px;left:-56px;}
div#comment p.button div.alert{top:53px;left:200px;}
div#main #nclub li.fav div.alert{background-image:url(../img/bg_alert_favorite.png);}
div#main #nclub li.comment div.alert, div#comment p.button div.alert{background-image:url(../img/bg_alert_comment.png);}
div#comment p.button div.alert{top:53px;}
div#main div.alert a{width:192px;position:absolute;top:0;left:32px;display:block;font-size:1px;text-indent:-99999px;background:no-repeat;}
div#main #nclub li.fav div.alert a{background-image:url(../img/menu_alert_favorite.png);}
div#main #nclub li.comment div.alert a, div#comment p.button div.alert a{background-image:url(../img/menu_alert_comment.png);}
div#main div.extra div.point div.natsukashi div.alert, div#main div.extra div.point div.yokatta div.alert{top:28px;left:0;}
div#main div.extra div.point div.natsukashi div.alert{background-image:url(../img/bg_alert_natsukashi.png);}
div#main div.extra div.point div.yokatta div.alert{background-image:url(../img/bg_alert_yokatta.png);}
div#main div.extra div.point div.natsukashi div.alert a{background-image:url(../img/menu_alert_natsukashi.png);}
div#main div.extra div.point div.yokatta div.alert a{background-image:url(../img/menu_alert_yokatta.png);}
div#comment ul.list li .point div.natsukashi div.alert{top:16px;left:-19px;}
div#comment ul.list li .point div.yokatta div.alert{top:16px;left:-27px;}
div#comment ul.list li .point div.natsukashi div.alert{background-image:url(../img/bg_alert_natsukashi.png);}
div#comment ul.list li .point div.yokatta div.alert{background-image:url(../img/bg_alert_yokatta_comment.png);}
div#comment ul.list li .point div.natsukashi div.alert a{background-image:url(../img/menu_alert_natsukashi.png);}
div#comment ul.list li .point div.yokatta div.alert a{background-image:url(../img/menu_alert_yokatta.png);}
div#main div.alert p.i1 a{height:27px;top:25px;background-position:0 0;}
div#main div.alert p.i1 a:hover{background-position:0 -27px;}
div#main div.alert p.i2 a{height:27px;top:76px;background-position:0 -54px;}
div#main div.alert p.i2 a:hover{background-position:0 -81px;}
div#main div.alert p.close a{width:21px;height:21px;top:16px;left:235px;}
div#main div.alert p.close a{background-position:0 -108px;}
div#main div.alert p.close a:hover{background-position:0 -129px;}
div#main div.alert.login{height:80px;}
div#main div.alert.login .i1{position:absolute;top:30px;left:0;width:100%;font-size:14px;font-weight:bold;line-height:18px;text-align:center;color:#fff;}
div#main div.alert.login .i1 br{display:block;}
div#main div.extra div.point div.natsukashi div.alert.login{background-image:url(../img/bg_alert_natsukashi2.png);}
div#main div.extra div.point div.yokatta div.alert.login{background-image:url(../img/bg_alert_yokatta2.png);}
div#comment ul.list li div.point div.natsukashi div.alert.login{background-image:url(../img/bg_alert_natsukashi2.png);}
div#comment ul.list li div.point div.yokatta div.alert.login{background-image:url(../img/bg_alert_yokatta_cmt2.png);}
/* @end */

/* @group perfect-scrollbar fix */
body#program .ps-container .ps-scrollbar-y-rail{display:block;right:0px;background-color:#eee;opacity:1;filter:alpha(opacity=100);}
body#program .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y{background-color:#c1c1c1;}
/* @end */
/* @group tv60 */
body#program #tv60 .wrap{display:none;}
/* @end */
/* @group DASPortalRecommend */
#DASPortalRecommend div.inner{position:static;}
/* @end */

#player{position:relative;font-size: 116.7%;margin-top:12px;}
#relationView{position:relative;width:100%;background:#282828;}
#relationView::after{content:'';display:block;padding-bottom:56.25%;}
#relationView .wrap{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;}
#relationView .relationItem{cursor:pointer;}
#relationView .relationItem img{display:block;float:left;width:38%;height:auto;border:1px solid #555;margin:10px 0 0 6px;}
#relationView .relationItem .itemTitle{margin-left:42%;color:#fff;padding:10px 6px 0 0;line-height:1.25;}
#playBtn{width:100%;height:36px;overflow:hidden;background:url(../img/tx_replay.png) center center no-repeat #e15337;background-size:175px;cursor:pointer;}
@media print, screen and (min-width: 767px){
	#playBtn{position:absolute;bottom:0;left:0;}
	#relationView .relationItem{display:inline-block;width:50%;vertical-align:top;}
	#relationView .relationItem .itemTitle{font-size:18px;}
	#relationView .relationItem:hover{opacity: 0.7;}
}
@media print, screen and (max-width: 767px){
	#relationView .relationItem{width:100%;clear: both;}
	#relationView .relationItem .itemTitle{font-size:12px;margin-left:32%;padding-top:6px;}
	#relationView .relationItem img{margin-top:4px;width:28%;}
}

/*	ここまで
============================*/


/* @group comment */
div#comment{margin: 0;padding-top: 50px;background-color: #f6f6f6;position:relative;z-index:10;}
div#comment .inner{width: 100%;max-width: 1190px;overflow: hidden;}
div#comment .inner .item{width: 920px;margin-right: 5px;margin-bottom: 40px;padding: 30px 60px 35px;background: #fff;border-top: solid 2px #000;box-sizing: border-box;float: right;position: relative;}
div#comment .inner .item{box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.1);}
div#comment .inner .item.recommend{border-top: solid 2px #ff8610;}
div#comment .inner .item.comment{border-top: solid 2px #00a334;}
div#comment h2{padding: 15px 0 20px;font-size: 20px;line-height: 1;font-weight: bold;position: relative;}
div#comment h2:before{content: "";width: 27px;height: 1px;background-color: #000;position: absolute;top: 0;left: 0;}
div#comment a{color:#000;}
div#comment ul.list{width: 100%;}
div#comment ul.list li{margin: 0 auto 30px;padding:0 0 10px 0;font-size: 16px;line-height: 1.5;border-bottom:1px dashed gray;}
/*div#comment ul.list li:first-child{display: block !important;}*/
div#comment ul.list li a{color:#66f;}
div#comment ul.list li span{display:block;padding:0;}
div#comment ul.list li span.nickname{margin-top: 20px;}
div#comment ul.list li br{display:none;}
div#comment ul.list li span br{display:block;}
div#comment p.nocomment{font-weight:bold;text-align:center;background:#f5f5f5;padding:40px 20px;}
div#comment p.count,
div#comment ul.list li .point,
div#comment ul.list li span.date,
div#comment div.nav{display: none !important;}
div#comment p.btn-more{width:160px;background-color: #1f2d5c;border-radius: 15px;font-size: 15px;letter-spacing: -0.05em;text-align:center;display:none;}
div#comment p.btn-more a{color: #fff;font-size: 15px;text-decoration: none;}
div#comment p.btn-more a:hover{cursor: pointer;}
div#comment .inner .btn-wrap,
div#comment .inner .bnr-wrap{padding: 0;box-sizing: border-box;overflow: hidden;}
div#comment .inner .btn-wrap .btn-comment{margin: 0 auto;box-sizing: border-box;display: block;}
div#comment .inner .btn-wrap .btn-login{margin: 0 auto;box-sizing: border-box;display: block;}
div#comment .inner .btn-wrap a{width: 100%;color: #fff;text-align: center;box-sizing: border-box;display: block;}
div#comment .inner .btn-wrap .btn-comment a{background-color: #00a334;font-size: 18px;line-height: 25px;letter-spacing: -0.05em;}
div#comment .inner .btn-wrap .btn-login a{background-color: #232323;font-size: 15px;line-height: 1;}
div#comment .btnlayer ul li > img{display:none;}
div#comment .btnlayer ul li a img{display:block;}
#nclub2019{width: 100%;background-color: #ffeb10;box-sizing: border-box;}
#nclub2019 .inner{width: 100%;margin: auto;}
#nclub2019 .inner div{width: 100%;display: block;}
#nclub2019 p{margin-bottom: 15px;font-size: 22px;font-weight: bold;letter-spacing: -0.05em;}
#nclub2019 p br{display: none;}
#nclub2019 p span{font-size: 18px;}
#nclub2019 .btn{margin: 0 auto;display: block;box-sizing: border-box;}
#nclub2019 .btn a{width: 100%;height: 42px;padding: 13px 0;color: #fff;background-color: #232323;border-radius: 21px;font-size: 16px;line-height: 1;text-align: center;display: block;box-sizing: border-box;}
/*	pc
============================*/
@media print, screen and (min-width: 768px){
	div#comment p.btn-more{border-radius: 15px;line-height: 30px;position:absolute;right: 60px;bottom: 20px;}
	div#comment .inner .btn-wrap,
	div#comment .inner .bnr-wrap{width: 930px;margin-bottom: 40px;float: right;position:relative;}
	div#comment .inner .btn-wrap .btn-comment{width: 296px;}
	div#comment .inner .btn-wrap .btn-login{width: 210px;margin-top: -21px;position: absolute;top: 50%;right: 5%;}
	div#comment .inner .btn-wrap .btn-comment a{padding: 20px 0;}
	div#comment .inner .btn-wrap .btn-login a{padding: 12px 0;border-radius: 21px;}
	div#comment .inner .bnr-wrap ul.pc{display: flex !important;}
	div#comment .inner .bnr-wrap ul li{width: 296px;}
	div#comment .inner .bnr-wrap ul li:nth-child(2){margin: auto;}
	#nclub2019{padding: 50px 0 40px;}
	#nclub2019 .inner{max-width: 1190px;margin: 10px auto;}
	#nclub2019 .inner div{width: 930px;float: right;}
	#nclub2019 p{text-align: center;}
	#nclub2019 .btn{width: 48%;margin-left: 2%;float: left;}
}
/*	sp
============================*/
@media screen and (max-width: 767px){
	div#comment{padding: 50px 20px 10px;}
	div#comment .inner ul.list{margin-bottom: 10px;}
	div#comment .inner .item{width: 100%;margin-bottom: 40px;padding: 30px 20px 35px;float: none;}
	div#comment p.btn-more{width:100%;border-radius: 23px;line-height: 46px;}
	div#comment .inner .btn-wrap,
	div#comment .inner .bnr-wrap{width: 100%;}
	div#comment .inner .btn-wrap .btn-comment{width: 84.5%;max-width: 600px;margin-bottom: 28px;}
	div#comment .inner .btn-wrap .btn-login{width: 67.6%;max-width: 480px;margin-bottom: 43px;}
	div#comment .inner .btn-wrap .btn-comment a{padding: 30px 0;}
	div#comment .inner .btn-wrap .btn-login a{padding: 15px 0;border-radius: 30px;}
	div#comment .inner .bnr-wrap ul{width: 100%;display: block;}
	div#comment .inner .bnr-wrap ul li{width: 100%;margin-bottom: 10px;}
	#nclub2019{padding: 25px 20px;}
	#nclub2019 p{text-align: center;}
	#nclub2019 p br{display: none;}
	#nclub2019 .btn{width: 67%;margin-bottom: 10px;}
}
/* @end */

/* @group 関連番組*/
div.program {overflow: hidden;}
div.program .inner{width: 100%;}
div.program .inner h2{margin-bottom: 0.5em;padding-right: 21px;font-weight: bold;text-align: left;display: inline-block;position: relative;}
div.program .inner h2:after{content: "";width: 16px;height: 16px;margin-top: -8px;background: url(../img/icon_info_arrow.png) no-repeat center;position: absolute;top: 50%;right: 0;}
div.program .inner .item img{width: 100%;}
div.program .inner .item figure{position: relative;}
div.program .inner .item figcaption{color: #fff;font-weight: bold;text-shadow: 0px 3px 5px #000;position: absolute;bottom: 15px;left: 12px;}
div.program .inner .item .label{padding: 5px 15px;color: #fff;background-color: #ff8610;font-size: 14px;font-weight: bold;position: absolute;top: 0;left: 0;}
div.program .inner .item .label{padding: 8px 11px;}
div.program .inner .item .label{padding: 5px 15px;}
div.program .inner #recommend li a{width: 100%;height: 100%;min-height:130px;padding: 1em;background-color: #f9f0e7;display: block;box-sizing: border-box;}
div.program .inner #recommend li a p{font-weight: bold;}
div.program .inner #recommend li a p.label {margin: 0 0 1em;padding: 0 19px;color: #fff;background-color: #ff8610;font-size:14px;line-height: 21px;display: inline-block;}
div.program .inner #recommend li a p.lead {margin: 0;color: #000;font-size:18px;line-height: 1.3;}
/*	pc
============================*/
@media print, screen and (min-width: 768px){
	div.program{padding: 80px 0;}
	div.program .inner{max-width: 1190px;}
	div.program .inner h2{font-size: 20px;}
	div.program .inner .slider{width: 930px;margin-bottom: 55px;float: right;}
	div.program .inner .slick-disabled{display: none !important;}
	div.program .inner .slick-track{opacity: 1; width: 2240px;transform: translate3d(0px, 0px, 0px);}
}
/*	sp
============================*/
@media screen and (max-width: 767px){
	div.program{padding: 50px 0;}
	div.program .inner h2{font-size:16px;padding: 0 20px;}
	div.program .inner .slider{width: 100%;margin-bottom: 3em;}
	div.program .inner #recommend li a{padding: 1.5em 1em;}
	div.program .inner #recommend li a p.label {margin: 0 0 0.5em;}
	div.program .inner #recommend li a p.lead {font-size:16px;}
}
/* @end */

/* @group extra */
div#main div.extra{position:relative;z-index:1;}
div#main div.extra ul.data li{display:inline-block;padding:0 0 0 6px;}
*:first-child+html div#main div.extra ul.data li{display:inline;}
* html div#main div.extra ul.data li{display:inline;}
* html div#main div.extra ul.data li{display:inline;}

div#main div.extra{margin: 0 auto 40px;padding: 20px 0;border-bottom: solid 1px #ebebeb;}
div#main div.extra ul.date{display:inline-block;}
div#main div.extra ul.date li{font-size:18px;font-weight: bold;/*text-align:1.4;*/}
div#main div.extra ul.data li a{
	padding:5px 0 4px;
	color: #fff;
	background-color: #1f2d5c;
	border:#1f2d5c 2px solid;
	border-radius: 18px;
	font-size: 15px;
	text-align:center;
	display: block;
    box-sizing: border-box;
}
div#main div.extra div.point{display:none;}	/* 強制削除 */

/*div#main .sns{display: none;}	 強制削除 */
.extra .data-wrap{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
}
.extra .data-wrap .nhk-snsbtn{margin:0;margin-left:3%;white-space:nowrap;}
.extra .data-wrap .nhk-snsbtn li{margin-top:0;margin-bottom:0;width:40px;}
.extra .data-wrap .nhk-snsbtn li a{display:block;}
.extra .nhksns-guide{display:none !important;}
.extra .data-wrap ul.nhksns{display:block;}


/* お気に入り */
/*div#main div.extra ul.data li.favorite{background:;}*/
div#main div.extra ul.data li.favorite{position: relative;}

div#main div.extra ul.data li.favorite a{
	display:block;
    background: #fff;
    border-color: #ef8200;
    color: #ef8200;
}
/*div#main div.extra ul.data li.favorite.balloon-on a:hover{*/

	div#main div.extra ul.data li.favorite >a{
	transition:color .3s ease-out,background .3s ease-in;
	backface-visibility: hidden;
}
div#main div.extra ul.data li.favorite > a:hover,
div#main div.extra ul.data li.favorite.registered > a{
	color: #fff;
	background:#ff8610;
	backface-visibility: hidden;
}


div#main div.extra ul.data li.favorite .favorite-balloon:before{
	content:"";
	display:block;
	position:absolute;
	top:-11px;
	left: 50%;
	transform: translateX(-50%);	
	width:18px;
	padding-top:11px;
	background:url('../img/favorite_arrow_balloon.png');
	background-size:contain;
}
div#main div.extra ul.data li.favorite .favorite-balloon{
	display: block;
	position:absolute;
	height: auto;
    width:137.34%;	
	margin-top:13px;
	top:100%;
	left:50%;
	opacity:0;
	padding:17px 19px 18px;
	color: #ef8200;
    font-size: 107.1%;
	font-weight:bold;
	border:#fff 1px solid;
    background: #f3eae0;
	transition:opacity .5s ease-out;
	transform: translateX(-50%);
	text-align:center;
    box-shadow: rgba(0,0,0,.1) 6px 8px 4px -3px;
}
div#main div.extra ul.data li.favorite.registered .mycolection{
    display: block;
	margin:5px auto 0;
	padding:4px .5em 3px;
	width:85.18%;
    text-align: center;
    color: #fff;
    background: #464949;
    border-radius: 20px;
	transition:opacity .5s ease;
	border: none;
}

div#main div.extra ul.data li.favorite .mycolection:hover{opacity:.85;}
div#main div.extra ul.data li.favorite.balloon-on:hover .favorite-balloon{opacity:1;}

/* 未ログイン balloon*/
div#main div.extra ul.data li.favorite .netclublogin,div#main div.extra ul.data li.favorite .guidance{
    margin: 0 auto;
    width: 100%;
    padding: .2em 5% .1em;
    color: #fff;
    background: #464949;
	border-color:transparent;
}

div#main div.extra ul.data li.favorite .guidance{margin-top:1em;}

/* 登録失敗 */
div#main div.extra ul.data li.favorite .favorite-balloon.favorite-false{
	padding:19px;
}

/*	pc
============================*/
@media print, screen and (min-width: 768px){
	div#main div.extra .sp{display:none}
	div#main div.extra ul.data li a{width:159px;}
	.extra .data-wrap{
		justify-content:flex-end;
		float: right;
	}
}

/*	sp
============================*/
@media screen and (max-width: 767px){
	div#main div.extra .sp{display:block;}
	.extra .data-wrap .sns{
	    display: flex;
	    justify-content: flex-end;
	    margin-top: .5em;
	    width: 100%;
	}
	.extra .data-wrap .nhk-snsbtn{
	    display: flex;
	    justify-content: flex-end;
		margin:0;
	    width: 100%;
	}
	.extra .data-wrap ul.nhksns{
		display:inline-flex;
		margin-right: 1.6%;
	}

	div#main div.extra ul.data{
		margin-top: 10px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content:left;
		width: 100%;
	}
	div#main div.extra ul.data li{
		display: flex;
		flex-wrap: wrap;
		width:30%;
		margin: 0 1.6%;
		padding: 0;
	}
	div#main div.extra ul.data li a,div#main div.extra ul.data li.favorite a{
	    display: flex;
	    align-items: center;
		justify-content: center;
		width: 100%;
		border-radius:25px
	}
	div#main div.extra ul.data li > a span{
	    padding: 0 0.5em;
	    line-height: 1.2;
	}
	div#main div.extra ul.data li.favorite .favorite-balloon{
	    padding:18% 6% 20% 14%;
	    width: 255.34%;
	    transform: translateX(-5%);
	    left: 0;
	}

	div#main div.extra ul.data li.favorite .favorite-balloon:before{
	    left:20%;
		transform: none;
	}
	div#main div.extra ul.data li.favorite.registered .mycolection{
	    max-width: 200px;
	    width: 100%;
	    transform: translateX(-0.3em);
	}

	/* 未ログイン balloon*/
	div#main div.extra ul.data li.favorite .netclublogin,div#main div.extra ul.data li.favorite .guidance{width:90%;max-width:20em;transform: translateX(-0.3em);}

	/* 登録失敗 */
	div#main div.extra ul.data li.favorite .favorite-balloon.favorite-false{
	    padding: 18% 10% 18%;
	}
}

@media screen and (max-width: 400px){
	div#main div.extra ul.data li > a span{font-size:80%;}
	div#main div.extra ul.data li.favorite.registered .mycolection{width:90%;font-size:90%;}
	div#main div.extra ul.data li.favorite .netclublogin, div#main div.extra ul.data li.favorite .guidance{
	    width: 100%;
	    font-size: 80%;		
	}
}

/* @end */

/* @group info */
div#main div.info{margin:18px 0 0;}
div#main div.info h2{padding: 17px 0 10px;font-size: 18px;line-height: 1;position: relative;}
div#main div.info h2:before{content: "";width: 27px;height: 1px;background-color: #180c1a;position: absolute;top: 0;left: 0;}
div#main div.info div.detail p.summary{font-size: 16px;line-height: 22px;}
div#main div.info div.detail p.credit{
	background: #e8e8e8;
	padding: .2em 1em;
	margin: 1em 0;
	/*display: none !important;!* 強制削除 *!*/
}
div#main div.info div.cast p{display: none;}
div#main div.info div.cast ul{margin: 10px 0;display: flex;flex-wrap: wrap;}
div#main div.info div.cast li img{width: 100%;height: auto;}
div#main div.info div.cast li span{width: auto;height: auto !important;margin-top: 5px;padding-right: 17px;background: url(../img/icon_info_cast.png) no-repeat top 6px right;font-size: 16px;line-height: 1.5;display: inline-block;}
div#main div.info div.cast li.nophoto span{background:none;}
div#main div.info div.date div.col{width:50%;float:left;}
div#main div.info div.cast.nocast ul li img{display: none;}
div#main div.info div.cast.nocast span.biko{display: none;}
/*	pc
============================*/
@media print, screen and (min-width: 768px){
	div#main div.info div.detail,
	div#main div.info div.cast,
	div#main div.info div.date{margin-bottom: 35px;overflow: hidden;}
	div#main div.info div.cast ul{width: 105%;display: flex;flex-wrap: wrap;}
	div#main div.info div.cast li{width: 17%;max-width: 135px;margin: 0 24px 15px 0;padding-bottom: 4px;}
}
/*	sp
============================*/
@media screen and (max-width: 767px){
	div#main div.info div.detail{margin-bottom: 20px;}
	div#main div.info div.cast{margin-bottom: 0;}
	div#main div.info div.date{display: none;}
	div#main div.info div.cast ul{width: 100%;}
	div#main div.info div.cast li{width: 32%;margin: 0 0 20px;display: inline-block;}
	div#main div.info div.cast li:nth-child(3n-1){margin: 0 2% 20px;}
}
/* @end */


/*============================
	slider common
============================*/
.slider{position: relative;}
.slider-wrap .slick-list{overflow: visible !important;}
/*.slider-wrap{padding-bottom:2.38%;}*/
.slider-wrap .loading{width:25%;margin:auto;position: relative;}
.slider-wrap .loading::after{content:"";padding-bottom:56.25%;display: block;}
.slider-wrap .loading .inner{width:100%;height:1em;margin:auto;text-align: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
/*.slider-wrap ul{white-space: nowrap;}*/
.slider-wrap li{
	margin:0 3px;
	line-height: 1.2;
	display: inline-block;vertical-align: top;
	position: relative;
	overflow: hidden;}
#yearPg .slider-wrap li::before,
#mitahito .slider-wrap li::before{
	padding-bottom:56.25%;
	content:'';display: block;
}
#yearPg .slider-wrap li>figure,
#mitahito .slider-wrap li>figure{
	position: absolute !important;
	left:0;top:0;
}

/*============================
	slider pc
============================*/
@media print, screen and (min-width: 768px){
	.slider-wrap .slick-list{overflow: hidden !important;}
	.slider-wrap .slick-list .slick-slide{opacity: 0.8;}
	.slider-wrap .slick-list .slick-active{opacity: 1;}
	.slider-wrap .slick-track{margin: auto;}
	.slider .slider-navi{width:44px;height:44px;margin:auto;background:#ff8610;background-image: url(../../common/img/2019/bt_slider_arrow.png);background-repeat: no-repeat;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);cursor: pointer;position: absolute;top:0;bottom:0;z-index:10;}
	.slider .slider-navi.prev{transform:rotate(180deg);left:-36px;}
	.slider .slider-navi.next{right:-36px;}
	/*.slider .slider-navi.slick-disabled{display: none !important;}*/
}
/*============================
	slider sp
============================*/
@media screen and (max-width: 767px){
	.slider-wrap{width:100%;}
	.slider-wrap .slick-list .slick-slide{opacity: 0.5;}
	.slider-wrap .slick-list .slick-center{opacity: 1;}
	.slider .slider-navi{display: none !important;}
}