@charset "utf-8"; /*NHKondemand Modified:2010-01-28 */
/* @group common */
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling to bigger in IOS landscape */
}
* {margin:0;padding:0;}
html>body{font-size:16px;}
/*body{width:100%;height:100%;font-size:100%;font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;line-height:1.6;color:#505050;text-align:center;background:#f1f1f1;}*/
body{width:100%;height:100%;font-size:100%;font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;line-height:1.4;color:#505050;text-align:center;}
html>/**/body{font-size:100%;}
*:first-child+html body{font-size:100%;}
* html body{vertical-align:baseline;}
/*\*//*/
* html body{letter-spacing:0;vertical-align:middle;}
/**/
h1, h2, h3, h4, h5, h6, table, p, ul, ol, dl, marquee{font-size:75%;}
ul li, ol li{list-style-type:none;}
table tr th, table tr td{line-height:1.6em;text-align:left;vertical-align:top;}
hr{display:none;}
em, strong{font-weight:bold;}
img{border:0;}
a{color:#08c;outline:none;}
a:link{text-decoration:none;}
a:visited{color:#069;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{color:#0af;}
:focus{outline:none;}
div.inner{max-width:990px;position:relative;text-align:left;margin:0 auto;}
#header div.inner{width:100%;}
.notx {
	text-align: center;
	font-size: 16px;
    margin: 80px auto;
}


/* @end */
/* @group clear */
div.inner, div#extra ul.license, div#extra ul.license li, div#extra div.about, div#programInfo, div.movieItemContent, div.movieItemContent div, div#relatedPack ul{min-height:1%;}
div.inner:after, div#extra ul.license:after, div#extra ul.license li:after, div#extra div.about:after, div#programInfo:after, div.movieItemContent:after, div.movieItemContent div:after, div#relatedPack ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div.inner, * html div#extra ul.license, * html div#extra ul.license li, * html div#extra div.about, * html div#programInfoPack-wrap, * html div.movieItemContent, * html div.movieItemContent div, * html div#relatedPack ul{height:1%;}
.tBold {font-weight: bold !important;}
.special .program_division {top:0!important;}
/*\*//*/
* html div.inner, * html div#extra ul.license, * html div#extra ul.license li, * html div#extra div.about, * html div#programInfo, * html div.movieItemContent, * html div.movieItemContent div, * html div#relatedPack ul{height:inherit;display:inline-table;}
/**/
/* @end */

/* @group search */
div#search div.inner{z-index:10000;}
* html div#search div.inner{height:0;}
div#search div.inner div, div#search h2, div#search h3, div#search ul, div#search p, div#search input, div#search dl, div#search dt, div#search dd label{position:absolute;top:0;}
div#search a:visited{color:#08c;}
div#search ul{font-size:12px;}
div#search h2.item1, div#search h2.item2, div#search h2.item3{top:-62px;}
div#search h2.item1{left:577px;}
div#search h2.item2{left:646px;}
div#search h2.item3{left:700px;}
div#search div.inner div.item1, div#search div.inner div.item2, div#search div.inner div.item3{top:-40px;display:none;}
div#search div.item1{width:944px;height:248px;left:64px;}
div#search div.item1 div.transparent{width:944px;height:280px;background:url(/css/ph65/img/common/bg_search_genre.png) no-repeat;}
div#search div.item1 h3{top:14px;font-size:13px;line-height:15px;}
div#search div.item1 ul{top:34px;font-size:13px;line-height:20px;}
div#search div.item1 .item1-1{width:146px;left:34px;}
div#search div.item1 .item1-2{width:132px;left:210px;}
div#search div.item1 .item1-3{width:120px;left:376px;}
div#search div.item1 .item1-4{width:134px;left:526px;}
div#search div.item1 .item1-5{width:96px;left:690px;}
div#search div.item1 .item1-6{width:96px;left:810px;}
div#search div.item2 ul, div#search div.item3 ul{line-height:22px;padding:10px 0 0 0;}
div#search div.item2 ul li, div#search div.item3 ul li{text-align:center;margin:0 30px 0 15px;}
div#search div.item2{width:190px;height:294px;left:582px;}
div#search div.item2 ul.transparent {width:190px;height:330px;background:url(/css/ph65/img/common/bg_search_year.png) no-repeat;}
* html div#search div.item2{height:310px;}
div#search div.item3{width:85px;height:266px;left:693px;}
div#search div.item3 ul.transparent{width:90px;height:266px;background:url(/css/ph65/img/common/bg_search_program.png) no-repeat;}
* html div#search div.item3{height:282px;}
div#search div#searchArea{top:-88px;left:-12px;}
div#search p.searchWord{width:221px;height:25px;left:12px;background:url(/css/ph65/img/common/bg_search_word_ph72.gif) no-repeat;top:4px;}
div#search p.searchWord input.key{width:212px;height:15px;top:6px;left:3px;border:none;background:#fff;}
div#search p.searchWord input.button{left:221px;}
div#search p.searchHint{top:8px;left:300px;}
div#search dl#searchOption{width:220px;height:90px;top:28px;left:0;display:none;background:url(/css/ph65/img/common/bg_search_option_201112.png) no-repeat;}
div#search dl#searchOption dt{left:-99999px;}
div#search dl#searchOption dd label{display:block;text-indent:-99999px;}
div#search dl#searchOption dd input{top:26px;}
div#search dl#searchOption dd input#scopeProgram{left:20px;}
div#search dl#searchOption dd input#scopeCast{left:132px;}
div#search dl#searchOption dd label{top:26px;height:16px;}
div#search dl#searchOption dd label#scopeProgramArea{width:80px;left:35px;}
div#search dl#searchOption dd label#scopeCastArea{width:35px;left:147px;}
div#search dl#searchOption dd.more{width:194px;position:absolute;top:46px;left:13px;font-size:12px;text-align:center;}
div#search p.close{top:32px;left:192px;cursor:pointer;display:none;}
/* @end */
/* @group moviePlayer */
div#moviePlayer{position:relative;background:#000;}
* html div#moviePlayer{height:310px;}
div#moviePlayer h1{position:absolute;top:0;left:-99999px;}
div.standard{background:url(/css/ph65/img/common/bg_content.gif) repeat-x #fff;}
/*div.goodsLibrary{background:#000;}
div.goodsMissed{background:#000;}*/
div.black{background:url(/css/ph65/img/common/bg_movie_player_l_black.png) repeat-x #fff;}
div#moviePlayer div.inner{padding:36px 0;}
div#moviePlayer div.inner h1{font-size:87.5%;text-align:center;margin:0 0 24px 0;}
div#moviePlayer div.inner div.msg{border:1px solid #cecece;background:#fff;padding:24px;}
div#moviePlayer div.inner div.msg p{margin:0 0 .5em 0;}
/* @end */
/* @group function */
div#function{min-width:990px;}
/* @end */
/* @group content */
input.imeon{ime-mode: active;}
input.imeoff{ime-mode: inactive;}
input.halfChar{ime-mode: disabled;}
div#content .red{color:#f33;}
div#content dl dd p.supex{font-size:1em;}
div#content span.sign{font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka";}
div#content div.info{margin:0 160px 24px 160px;}
div#content div.info table{font-size:100%;}
div#content div.info table.detailsns{width:646px;margin:12px;}
div#content div.info table.detailsns td{text-align:right;vertical-align:middle;}
div#content div.info table.detailsns td#goodsDetail{text-align:left;}
div#content div.info table.detailsns td#goodsDetail h2{font-size:14px;font-weight:normal;background:url(/css/ph65/img/common/icon_detail_plus.gif) no-repeat 0 .5em;padding:0 0 0 20px;}
* html div#content div.info table.detailsns td#goodsDetail h2{height:1%;}
div#content div.info table.detailsns td#goodsDetail h2.open{background:url(/css/ph65/img/common/icon_detail_minus.gif) no-repeat 0 .5em;}
div#content div.info table.detailsns tr#detailBody td{text-align:left;white-space:normal;}
div#content div.info table.detailsns tr#detailBody td p{display:none;font-size:87.5%;line-height:1.4;border:1px dashed #999;margin:12px 0 0 0;padding:6px 12px;}
div#sns{text-align:right;}
div#sns ul li{position:relative;display:inline-block;margin:0 6px 0 0;}
*:first-child+html div#sns ul li{display:inline;}
* html div#sns ul li{display:inline;}
div#sns ul li *{vertical-align:middle;}
div#sns ul li ul#social_sharebox, div#sns ul li div#snspopup ul{width:160px;height:60px;}
div#sns ul li ul#social_sharebox{position:absolute;top:-60px;left:-84px;display:none;text-align:center;background:url(/css/ph65/img/sns/bg_popup.png) no-repeat;}
div#sns ul li ul#social_sharebox li{margin:16px 8px 28px 8px;}
div#sns ul li ul#social_sharebox li img{vertical-align:top;}
div#sns ul li ul#social_sharebox li.close{position:absolute;top:10px;left:138px;display:block;cursor:pointer;margin:0;}
div#content div.info div.watch table.button{margin:0 auto 12px auto;}
div#content div.info div.watch table.button tr td p{position:relative;margin:0 8px;}
div#content div.info div.watch span{width:136px;position:absolute;top:0;left:138px;display:block;color:#fff;line-height:40px;text-align:right;}
div#content div.info div.watch span strong{display:inline;font-size:18px;font-weight:normal;color:#fefb00;}
div#content div.info div.watch p a{text-decoration:none;}
div#content div.info div.watch p a.library{display:block;width:280px;height:40px;background:url(/css/ph65/img/library/bt_watch.png);text-indent:-10000px;}
div#content div.info div.watch p a.library:hover{background-image:url(/css/ph65/img/library/bt_watch_on.png);}
div#content div.info div.watch p a.missed{display:block;width:280px;height:40px;background:url(/css/ph65/img/missed/bt_watch.png);text-indent:-10000px;}
div#content div.info div.watch p a.missed:hover{background-image:url(/css/ph65/img/missed/bt_watch_on.png);}
div#content div.info div.watch p a.premium{display:block;width:280px;height:40px;background:url(/css/ph65/img/premium/bt_watch.png);text-indent:-10000px;}
div#content div.info div.watch p a.premium:hover{background-image:url(/css/ph65/img/premium/bt_watch_on.png);}
div#content div.info p.status, div#content div.info p.mihodai{font-size:87.5%;text-align:center;}
div#content div.watch p.saleend{text-align:center;color:red;font-size:87.5%;}
div#content div.info p.restriction{font-size:87.5%;text-align:center;}
div#content span.favorites{position:absolute;display:block;top:56px;left:132px;cursor:pointer;}
div#content.simple{padding:24px 0;border-top:1px solid #cccccc;min-width:initial;}
div#content.simple h1{margin:0 8px 24px 8px;}
.r1{color:#f33;}
/* @end */
/* @group UI tabs */
#tabs .ui-tabs-hide{display:none;}
@media print{.ui-tabs-nav{display:none;}}
div#tabs ul.menu{height:39px;position:relative;margin:0 0 10px 0;}
div#tabs ul.menu li{display:inline;font-size:1px;text-indent:-99999px;}
div#tabs ul.menu li a{width:156px;height:29px;position:absolute;top:0;display:block;}
/* @end */
/* @group movieItem */
/* @group text prev and next */
div#content a.prev{background:url(/css/ph65/img/common/icon_nav_prev.gif) no-repeat 0 50%;padding:0 0 0 12px;}
div#content a.next{background:url(/css/ph65/img/common/icon_nav_next.gif) no-repeat 100% 50%;padding:0 12px 0 0;}
* html div#content a.prev, * html div#content a.next{height:1%;}
/* @end */
/* @group slider control */
div#content p.control, div#content p.control span, div#content p.control img{position:absolute;}
div#content p.control{top:0;z-index:10;}
div#content p.sliderPrev{left:4px;}
div#content p.sliderNext{left:954px;}
div#content p.control img{cursor:pointer;}
div#content p.control img.on{top:0;left:0;}
div#content p.control span{width:62px;height:31px;top:-7px;background:url(/css/ph65/img/common/bg_slider_control.png) no-repeat;display:none;}
div#content p.sliderPrev span{left:-1px;}
div#content p.sliderNext span{left:-44px;}
div#content p.control span img{top:2px;z-index:10000;}
div#content p.control span img.controlPrev{left:3px;}
div#content p.control span img.controlNext{left:33px;}
/* @end */
/* @group movieItemHeader */
/* @group movieItemHeader common */
div.movieItemHeader{text-align:center;margin:0 0 16px;padding:0 0 1px 0;}
div.movieItemHeader table{text-align:left;}
div.movieItemHeader table tr th, div.movieItemHeader table tr td{padding:6px 0;}
div.movieItemHeader table tr th{font-size:125%;}
div.movieItemHeader table tr th span{font-weight:normal;}
div.movieItemHeader table tr th span.hosoku{font-size:75%!important;line-height:1.4;}
div.movieItemHeader table tr td select, div.movieItemHeader table tr td option{background:#fff;}
div.movieItemHeader table tr td select{font-size:12px;vertical-align:middle;}
div.movieItemHeader table tr td.narrow select{width:170px;}
div.movieItemHeader table tr td.year select, div.movieItemHeader table tr td.year option, div.movieItemHeader table tr td.genre select, div.movieItemHeader table tr td.genre option{color:#fff;background:#6d94af;}
div.movieItemHeader table tr td.count, div.movieItemHeader table tr td.move, div.movieItemHeader table tr td.genre, div.movieItemHeader table tr td.year{text-align:right;}
div.movieItemHeader table tr td.count{width:120px;}
div.movieItemHeader table tr td.move{width:100px;}
div.movieItemHeader table tr td p img{margin-bottom:6px;cursor:pointer;}
@media print, screen and (min-width:768px){
	div.movieItemHeader table tr td{white-space:nowrap;}
}
/* @end */
/* @group movieItemHeader sort */
div.movieItemHeader table tr td.sort ul{font-size:15px;}
div.movieItemHeader table tr td.sort ul li{display:inline-block;margin:0 36px 0 0;}
div.movieItemHeader table tr td.sort ul li a{border:1px solid #cacaca;border-radius:4px;line-height:28px;padding:0 10px;margin-right:10px;color:#000;}
div.movieItemHeader table tr td.sort ul li.narrow{display:none;}
div.movieItemHeader table tr td.sort ul li.each{display:inline-block;}
*:first-child+html div.movieItemHeader table tr td.sort ul li, *:first-child+html div.movieItemHeader table tr td.sort ul li.each{min-height:1%;display:inline;}
* html div.movieItemHeader table tr td.sort ul li, * html div.movieItemHeader table tr td.sort ul li.each{height:1%;display:inline;}
/* @end */
/* @group sort anchor style */
div.movieItemHeader a, div.movieItemHeader a.pack span.p{display:inline-block;padding:1px 4px;}
div.movieItemHeader a.pack{padding:0;}
*:first-child+html div.movieItemHeader a, *:first-child+html div.movieItemHeader a.pack span.p{min-height:1%;display:inline;}
* html div.movieItemHeader a, * html div.movieItemHeader a.pack span.p{height:1%;display:inline;}
div.movieItemHeader table tr td.sort ul li a.current{color:#fff;cursor:default;background:#666666;}
div.movieItemHeader table li span, div.movieItemHeader table li.count{
	width: 70px;
    text-align: right;
    display: inline-block;
    float: left;
    line-height: 30px;
}
div.movieItemHeader table tr td.sort ul li.count{position: absolute;
    top: 6px;
    right: 0;
    width: auto;
    margin-right: 0;}
div.movieItemHeader table li div{margin-left: 80px;}
div.movieItemHeader a.current:hover{text-decoration:none;}
div.movieItemHeader a.current span.p{background:#7d5cab;}
/* @end */
/* @group nodLayoutStyle */
div.movieItemHeader table tr td.layout{width: 220px;padding:6px;}
div.movieItemHeader table tr td.layout ul li a{padding:2px 0 0 0;}
ul.nodLayoutStyle{width: 220px;height:21px;position:relative;font-size:1px;}
ul.nodLayoutStyle li{display:inline;font-size: 12px;text-indent: 27px;}
ul.nodLayoutStyle li a{height:19px;position:absolute;display:block;background:url(/css/ph65/img/common/menu_change_layout.png) no-repeat; color:#666;}
ul.nodLayoutStyle li.item1 a{width:125px;left:0;background-position:0 0;}
ul.nodLayoutStyle li.item2 a{width: 95px;left: 125px;background-position: 0 -42px;}
ul.nodLayoutStyle li.item1 a:hover{left:0;background-position:0 -21px;color: #6E95B0;}
ul.nodLayoutStyle li.item2 a:hover{left:125px;background-position:0 -63px;color: #6E95B0;}
/* @end */
/* @group movieItemHeader genre select */
div.movieItemHeader table.select{width:auto;font-size:75%;margin:0 auto 6px auto;}
div.movieItemHeader table.select tr td{white-space:nowrap;border:1px solid #fff;padding:2px 8px;}
div.movieItemHeader table.select tr td h2{font-size:100%;margin:0 0 3px 0;}
div.movieItemHeader table.select tr td.current select, div.movieItemHeader table.select tr td.current option{color:#fff;background:#6d94af;}
div.movieItemHeader table.select tr td.category6{border-left:1px dashed #a5a5a5;padding:2px 8px 2px 14px;}
/* @end */
/* @group movieItemHeader calender - missed and news */
table.calendar{width:100%;text-align:center;border-top:1px solid #dedede;border-left:1px solid #dedede;margin:0 0 12px 0;}
table.calendar tr th, table.calendar tr td{text-align:center;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
div.movieItemHeader table.calendar tr th, div.movieItemHeader table.calendar tr td{padding:0;}
table.calendar tr th{font-weight:normal;border-top:1px solid #fff;border-left:1px solid #fff;background:#f6f6f6;}
table.calendar tr td a{display:block;color:#505050;padding:2px 6px;}
table.calendar tr td a:hover, table.calendar tr td.current a{text-decoration:none;}
/* @end */
/* @group expire */
div.movieItemHeader h2.expire{font-size:100%;margin:0 0 .5em 0;padding:0 10px;}
div.movieItemHeader h2.expire span{font-size:81.5%;color:#666;}
/* @end */
/* @group name */
div.movieItemHeader table.result tr td.name p{font-size:125%;}
div.movieItemHeader table.result tr td.name p a, div.movieItemHeader table.result tr td.name p span{padding:0 2px 10px 2px;}
* html div.movieItemHeader table.result tr td.name p a, * html div.movieItemHeader table.result tr td.name p span{height:1%;}
div.movieItemHeader table.result tr td.name p a.current{font-weight:bold;color:#505050;background:url(/css/ph65/img/common/icon_current.gif) no-repeat 50% 100%;}
/* @end */
/* @end */
/* @group movieItemContent */
div.movieItemContent{margin: 0 -6px;}
div.movieItemContent div.item{position:relative;}
div.movieItemContent ul.data li.year img{margin:0 6px;}
div.movieItemContent p.pagenav{float:none;clear:both;text-align:center;border-top:1px solid #e0e0e0;margin:36px 0 0 0;padding:12px 0;}
div.movieItemContent p.pagenav span{border:#ccc 1px solid;min-width:28px;line-height:28px;margin:3px 5px;display:inline-block;}
div.movieItemContent p.pagenav span.current{background:#666666;color:#fff;}
div.movieItemContent p.pagenav span.next,div.movieItemContent p.pagenav span.prev{min-width:70px;}
div.movieItemContent p.pagenav span.next.off,div.movieItemContent p.pagenav span.prev.off{color:#ccc;border-color:#e0e0e0;}
div.movieItemContent p.pagenav span a{color:#505050;display:block;}
div.movieItemContent p.loading{text-align:center;padding:60px 0;}
div.movieItemContent h2.expire{float:none;clear:both;font-size:100%;border-bottom:1px solid #d6d6d6;margin:0 0 .5em 0;padding:0 10px .25em 10px;}
div.movieItemContent table h2.expire{font-size:140%;}
div.movieItemContent h2.expire span{font-size:81.5%;color:#666;}
div.movieItemContent h2.missed, div.movieItemContent h2.library, div.movieItemContent h2.premium{border:none;}
div.movieItemContent h2.missed{color:#ff9500;}
div.movieItemContent h2.library{color:#0580be;}
div.movieItemContent h2.premium{color:#706597;}
div.movieItemContent p.genreDefault{font-size:150%;text-align:center;border:1px solid #ccc;padding:60px 24px;}
@media print, screen and (max-width:640px){
	.notx {font-size: 12px;margin: 40px auto;}
	div.movieItemContent p.pagenav {margin: 0;}
	div.movieItemHeader table tr td.sort ul{font-size:14px;}
	div.movieItemHeader table tr td.sort ul li{margin-right: 0;display: block;}
	div.movieItemHeader table tr td.sort ul li.count{top: auto;bottom: 12px;}

    div.movieItemHeader table li div a{margin-bottom: 5px;}

	div.movieItemContent p.pagenav span.next,div.movieItemContent p.pagenav span.prev{min-width:45px;}
	div.movieItemContent p.pagenav{padding: 10px 0;}
	div.movieItemContent p.pagenav span{margin: 3px 3.5px;}
	div.movieItemContent p.pagenav span:first-child{margin-left: 0;}
	div.movieItemContent p.pagenav span:last-child{margin-right: 0;}
	
}
@media print, screen and (max-width:320px){
	div.movieItemHeader table tr td.sort ul li a{margin-right: 5px;}
	div.movieItemHeader table li span, div.movieItemHeader table li.count{width: 65px;}
	div.movieItemHeader table li div{margin-left: 70px;}
}
/* @end */
/* @group programInfo */
div#programInfo{max-width:1200px;margin:0 auto;}
div#programInfo .programInfoPack-wrap{padding:0 15%;}
div#programInfo h1, div#programInfo p{margin:0 0 .75em 0;}
div#programInfo h1{font-size:24px;padding-bottom:15px;margin:0;border-bottom:1px solid #cccccc;}
div#programInfo p{font-size:16px;}
div#programInfo div.main{border-top:1px solid #cccccc;padding-top:10px;}
div#programInfo div.main .data dl, div#programInfo div.main p.outline{font-size:16px;}
div#programInfo div.main .data dl{display: flex;margin-bottom: 5px;}
div#programInfo div.main .data dl dt{min-width: 55px;}
div#programInfo div.main .data dl dt span{font-size:12px;background:#ccc;padding:4px 8px;border-radius:5px;display:inline-block;min-width:30px;text-align:center;}
div#programInfo div.main div.caution{border-top:1px solid #ccc;padding-top:10px;}
div#programInfo div.main div.caution p{font-size:14px;}
div#programInfo div.main div.caution h2{color:#f33;font-size:14px;margin-bottom:10px;}

div#relatedPack h2{float:none;clear:both;font-size:87.5%;padding:24px 0 6px 0;}
div#relatedPack ul{border:1px solid #ccc;background:#f3f3f3;}
div#relatedPack ul li{width:256px;float:left;text-align:center;padding:16px 0;}
div#relatedPack ul li a{display:block;}
div#relatedPack ul li a.title{text-align:left;padding:8px 28px 0 28px;}
/* @end */
/* @end */
/* @group topicPath */
#topicPath{display: none;}
/*
div#topicPath{min-width:990px;background:#fff;padding:0 0 6px 0;}
div#topicPath div.inner{width:851px;position:static;}
div#topicPath p span{color:#08c;}
*/

/* @end */  
/* @group extra */
div#extra{background:#fff;}
*:first-child+html div#extra{min-height:1%;}
* html div#extra{height:1%;}
div#extra ul.related{text-align:center;padding:8px 4px 7px 11px;}
div#extra ul.related li{display:inline;}
div#extra ul.related li a{text-decoration:none;}
div#extra ul.related li a img{vertical-align:bottom;border:1px solid #dcdcdc;margin:0 9px 3px 0;}
div#extra ul.related li a:hover img{border:1px solid #f38b00;}
div#extra ul.license{margin:0 auto 19px auto;max-width:580px;}
div#extra ul.license li, div#extra ul.license li img{float:left;font-size:.75em;}
div#extra ul.license li{margin-bottom:5px;}
div#extra ul.license li.item1{width:173px;}
div#extra ul.license li.item2{width:180px;}
div#extra ul.license li.item3{width:206px;}
div#extra ul.license li.item4{width:227px;}
div#extra ul.license li span{float:right;display:block;}
div#extra ul.license li.item1 span{width:136px;}
div#extra ul.license li.item2 span{width:101px;}
div#extra ul.license li.item3 span{width:113px;}
div#extra ul.license li.item4 span{width:190px;}
/* @end */
/* @group outline */
div#outline{background:#fff;padding:0 0 18px 0;margin:0 10px;}
*:first-child+html div#outline{min-height:1%;}
* html div#outline{height:1%;}
div#outline .inner-wide{max-width:862px;border:1px solid #ccc;padding:12px 0px;margin:0 auto;}
div#outline ul{width:286px;float:left;box-sizing:border-box;padding:0 2% 0 4%;}
div#outline ul.item1{width:38%;}
div#outline ul.item2{width:38%;border-left:1px solid #ccc;border-right:1px solid #ccc;}
div#outline ul.item3{width:24%;}
div#outline ul li{margin:0 0 8px;}
div#outline ul li a{color:#505050;}

/* @end */
/* @group device */
div#device{text-align:center;background:#fff;padding:0 0 18px 0;}
div#device p{display:inline-block;font-size:87.5%;border:1px solid #ccc;background:#f0f0f0;padding:6px 12px;}
*:first-child+html div#device p{display:inline;}
* html div#device p{display:inline;}
/* @end */
/* @group switchView */
p#switchView{font-size:87.5%;background:#fff;padding:0 0 15px 0;}
p#switchView span{text-decoration:underline;}
p#switchView a{color:#505050;}
/* @end */
/* @group footer */
div#footer{min-width:990px;border-top:1px solid #dbdbdb;background:url(/css/ph65/img/common/bg_footer.gif) repeat-x;}
div#footer div.inner{padding:24px 0;}
div#footer p.logo{width:63px;float:left;padding:4px 0 0 0;}
div#footer p.copyright{width:917px;float:right;color:#707070;}
/* @end */
/* @group goodspopup */
div#goodspopup{width:60%;height: 500px;}
div#goodspopup div.popup{width:100%;height:100%;position:relative;padding:40px;box-sizing:border-box;background:#fff;border:1px solid #999;border-radius:5px;}
div#goodspopup{position: fixed;top:0;left:0;}
div#goodspopup{display:none;z-index:10002;}
div#goodspopup a{color:#000;/* width: 100%;float: left;*/}
div#goodspopup div.notes{text-align:left;padding-bottom: 10px;display: block;box-sizing:border-box;}
div#goodspopup div.notes:after{content: " ";display: block;clear: both;}
div#goodspopup div.info{margin-left: 2%;width: 69%;float: right;}
div#goodspopup h2, div#goodspopup p{width:auto;font-size:12px;}
div#goodspopup p{font-size:14px;line-height: 1.5;}
div#goodspopup h2{font-size:18px;margin-bottom: 10px;}
/*div#goodspopup .notes{overflow:hidden;height:95px;}*/
div#goodspopup p.item{bottom:0;margin-left:200px;}
div#goodspopup p.thumb{float:left;width: 28.308%;}
div#goodspopup p.thumb a.img img{background-repeat:no-repeat;height: 0;width: 100%;padding-top: 56%;background-size: cover;}
div#goodspopup p.description{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;}
/*--IE--*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div#goodspopup p.description{ 
		position: relative; 
		line-height: 1.5em;
		/* max-height = line-height (1.2) * lines max number (3) */
		max-height: 4.5em; 
		text-align: justify;  
		/* place for '...' */
		margin-right: 8px;
		padding-right: 8px;
	}
	div#goodspopup p.description:before {
		content: '...';
		position: absolute;
		right: 0;
		bottom: 0;
	}
	div#goodspopup p.description:after {
		content: '';
		position: absolute;
		right: 0;
		width: 1em;
		height: 1em;
		margin-top: 0.2em;
		background: white;
	}
}
div#goodspopup div.list{text-align:center;overflow:scroll;}
div#goodspopup table{width:100%!important;text-align:left;margin:0 auto;border-spacing:0 5px;}
div#goodspopup table tr th, div#goodspopup table tr td{font-weight:normal;border-bottom:1px solid #dedede;border-top:1px solid #dedede;background:#fff;}
div#goodspopup table tr th{border:1px solid #dedede;font-size:16px;}
div#goodspopup table tr.odd th, div#goodspopup table tr.odd td{background:#f5f9fb;}
div#goodspopup table tr td{text-align:right;white-space:nowrap;border-right:1px solid #dedede;font-size:14px;color:#666;}
div#goodspopup table tr th a, div#goodspopup table tr td span{display:block;padding:15px;}
div#goodspopup table tr td span{text-align: right;}
div#goodspopup p.itembottom{width:472px;left:24px;}
div#goodspopup p.itembottom{top:430px;text-align:center;}
div#goodspopup p.close{top:24px;text-align:right;width:50px;top:-25px;right:-25px;position:absolute;}
div#goodspopup p.close a{display:inline-block;color:#fff;background:#000;border-radius:50%;cursor:pointer;width:50px;text-align:center;text-decoration:none;font-size:37px;vertical-align: middle;height: 51px;line-height: 49px;}

div#goodsLightbox{zoom:1;width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:10001;background-color:#000;filter:alpha( opacity=50 );-ms-filter:"alpha( opacity=50 )";-moz-opacity:0.5;opacity:0.5;min-height:100%;height:auto;min-width:990px;width:100%;}
div#goodspopup._smp div.popup{padding: 15px;}
div#goodspopup._smp div.notes{padding-bottom: 5px;}
div#goodspopup._smp h2{margin-bottom: 0;font-size: 16px;}
div#goodspopup._smp table tr th a, div#goodspopup table tr td span{padding: 10px;}
div#goodspopup._smp table tr th, div#goodspopup table tr td{font-size: 14px;line-height: 1.4em;}
div#goodspopup._smp p.close a{width: 45px;height: 46px;line-height: 43px;font-size: 30px;}

@media screen and (max-width:990px){
    div#goodspopup{width:80%;bottom:0!important;left:0!important;right:0!important;margin:0 auto;}
    div#goodsLightbox{min-width:initial}
}
@media screen and (min-width:641px){
	div#goodspopup p.thumb{max-width: 300px;}
}
@media screen and (max-width:640px){
	div#goodspopup div.popup{padding: 15px;}
	div#goodspopup div.notes{width: 100%;}
	div#goodspopup p.thumb{width: 100%;float: none;}
	div#goodspopup p.description.pc{display: none;}
	div#goodspopup div.info{width: 100%;float: none;margin: 0;margin-top: 10px;}
	div#goodspopup h2{margin-bottom: 0;font-size: 16px;}
	div#goodspopup table tr th a, div#goodspopup table tr td span{padding: 10px;}
	div#goodspopup table tr th, div#goodspopup table tr td{font-size: 14px;line-height: 1.4em;}
	div#goodspopup p.close a{width: 45px;height: 46px;line-height: 43px;font-size: 30px;}
}
@media screen and (min-width:500px){
	div#goodspopup._smp p.thumb{float: left;width: 28.308%;}
	div#goodspopup._smp div.info{margin-left: 2%;width: 69%;float: right;}
}

/* @end */

/* @group favorite popup bubble */
#favpop{margin-left: -5px;}
#favpop p.balloon-txt{ 
	display: block;
    font-size: 13px;
    font-weight: bold;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
	box-shadow: 1px 1px 10px #888888;
	text-align: left;
	white-space: nowrap;
}
#favpop div.balloon-triangle{
	width: 25px;
    height: 20px;
    position: relative;
    overflow: hidden;
}
#favpop div.balloon-triangle:after{
	content: "";
	position: absolute;
	width: 13px;
	height: 8px;
	background:	#ffffff;
	transform: rotate(70deg) skew(50deg);
	top: -4px;
	box-shadow: 1px 0px 10px 0px #888888;
}
#favpop div.balloon-triangle.left{left: 20px;float: left;}
#favpop div.balloon-triangle.right{float: right;}
#favpop div.balloon-triangle.left:after{left: 5px;right: auto;}
#favpop div.balloon-triangle.right:after{right: 5px;left: auto;}
@media screen and (max-width:640px){
	#favpop{margin-left: 10px;}
	#favpop div.balloon-triangle.left{left: 10px;}
	#favpop div.balloon-triangle.right{margin-right: 15px;}
}
/* @end */

/* @group flickable */
.ui-flickable-container{cursor:pointer;background-color:#000;}
.ui-flickable-disabled .ui-flickable-container, .ui-flickable-canceled{cursor:default;}
/* @end */
div#externallink {clear: both;}
p#searchmsg{ position: absolute;top: 3px;left: 80px;}
/*楽天・au・ネットクラブ*/
#goNetclb {vertical-align:middle;padding-left:50px; vertical-align:middle;}
.netclbedt {padding-left: 160px;}
#rakutenkaiyaku {display: inline; text-align:left; vertical-align:middle; margin-left:280px; }
#ncLinkRes{background-color: #7399B4; color: #FFFFFF;font-size: 16px;border-radius: 3px; padding: 5px 15px;}
div#content p.caution, div#content p.compMsgNc {font-size: 100%;}
div#content div.inner h1#ncw{font-size:16px;line-height:35px;color:#fff;text-align:center;background:url(/css/ph40/img/error/bg_title.png) no-repeat;margin:0 8px 24px 8px;padding:0 12px;}
a.btn{/*background-color: #FF911B;*/
	background-image: -ms-linear-gradient(top, #EAEAEA 0%, #D4D4D4 100%);
	background-image: -moz-linear-gradient(top, #EAEAEA 0%, #D4D4D4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEAEA), color-stop(1, #D4D4D4));
	background-image: -webkit-linear-gradient(top, #EAEAEA 0%, #D4D4D4 100%);
	background-image: linear-gradient(to bottom, #EAEAEA 0%, #D4D4D4 100%);
	border: 1px solid #CFCFCF;border-radius: 8px 8px 8px 8px;color: #505050;height: 30px;padding: 11px;margin: 15px; text-align: center;font-size: 15px;}
a.btn:hover{text-decoration:none;}
/* @group pack */
div#content table tr td p.pack-title-p{font-size:100%;}
div#content table tr td p.pack-title-p-blue{font-size:100%;color: #0088CC;}
div#content table tr td strong.pack-title-strong{font-weight:bold;}
/* @end */

/* 番組をさがす */
.useLink {color: #5c5c5c;float: right;font-size: 12px;margin-top: 9px;}
.radioGroup {float: left;margin-top: 7px;}
.radioGroup li {float: left;}
.radioItem {display: inline-block;position: relative;padding: 0 25px;margin: 0;}
.radioItem:first-child {padding-left: 0;}
.radioItem input[type='radio'] {display: none;}
.radioItem label {color: #666;font-weight: normal;}
.radioItem label:before {content: " ";display: inline-block;position: relative;top: 5px;margin: 0 5px 0 0;width: 16px;height: 16px;border-radius: 11px;background-color: #e1e1e1;}
.radioItem input[type=radio]:checked+label:after {border-radius: 11px;width: 8px;height: 8px;position: absolute;top: 9px;left: 4px;content: " ";display: block;background: #fc8b00;}
.sBtn {background: #646464 url(../img/top/icn_search.png) no-repeat 5px center;border: 0;height: 28px;color: #ffffff;background-size: 20px;padding-left: 29px;padding-right: 10px;font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;width: 120px;cursor: pointer;}
.subMenuT {cursor: pointer;}
div#search p.searchWord {left: 0;}
.searchR {float: right;width: 320px;}
.searchNew{margin-top:21px;}
.searchW {width: 190px;padding: 5px;height: 18px;background: #e1e1e1;border: 0;float: left;}
/* end 番組をさがす */

/* header end*/

/* menuGlobal */
.colorOrange {color: #f39a24 !important;}
.colorGreen {color: #7ebb35 !important;}
.colorCyan {color: #018ed2 !important;}
#menuGlobal .innerMenu.pc{display: none;}
#menuGlobal .innerMenu.sp{display: none;}
@media print, screen and (min-width:991px){
	#menuGlobal {position: relative;background:#fff;}
	#menuGlobal .innerMenu.pc{display: block;}
	#menuGlobal.off{display:block!important;}
	.menuMain {margin: 0 auto;display:table; max-width:1200px;width:100%;box-sizing:border-box;}
	.menuMain .menuMain-all{margin-right: 0;position: relative;width: 14.36083%;}
	.menuMain > li {display:table-cell;line-height:2.5;height:36px;text-align:center;border-bottom:4px solid transparent;}
	.menuMain > li > a {color: #666666;display:block;font-size: 14px;text-decoration:none;line-height:2.5;}
	.menuMain > li.active {border-bottom-color: #fc8b00;}


	/*sub menu*/
	.useSubMenu {background: #000000;opacity: 0.9;padding: 15px 0 0;position:absolute;width:100%;top:40px;z-index: 102;left: 0;display:none;border-left: 1px solid #646464;border-right: 1px solid #646464;border-bottom: 1px solid #646464;}
	.useSubMenuInner {max-width: 1200px;margin: 0 auto;}
	.useSubMenuLink {display:table;width:100%;max-width: 390px;}
	.useSubMenuLink > li {padding: 0 2%;border-right: 1px solid #646464;display: table-cell;vertical-align: top;line-height: 1.4;}
	.useSubMenuLink  li a {color: #ffffff;font-size: 14px;display: block;text-align: left;margin-bottom: 4px;padding: 0 8%;}
	.useSubMenuLink > li.subItem1 {border: none;}
	.useSubMenuLink > li.subItem1 li { margin-bottom: 8px; padding-bottom: 4px;border-bottom: 1px solid #333;}
	.useSubMenuLink > li.subItem1 li:last-child { margin-bottom: 0;border-bottom:none;}
	.useSubMenuLink > li.subItem2 {display: none;}
	.icnMenu {background: url(../img/top/icn_menu_open.png) no-repeat center center;width: 11px;height: 11px;display: inline-block;margin-left: 6px;background-size: 11px;}
	.icnMenu.closeMenu{background: url(../img/top/icn_menu_close.png) no-repeat center center;background-size: 11px;}

	/* sub menu end */

	/* tempory img link set */
	/* .sBtn {background: #646464 url(https://www.nhk-ondemand.jp/css/ph2017/img/top/icn_search.png) no-repeat 5px center;border: 0;height: 28px;color: #ffffff;background-size: 20px;padding-left: 29px;padding-right: 10px;font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;width: 120px;cursor: pointer;} */
	/* End tempory img link set */
}
@media screen and (max-width:990px){
	.noscroll {overflow: hidden;height: 100%;position: fixed;}
	#menuGlobal{position:absolute;right:0;top:0;bottom:0;z-index:1000;background:rgba(225,225,225,0.8);width:100%;height:100%;}
	#menuGlobal.off{display:none;}
	#menuGlobal.on{display:block!important;}
	#menuGlobal .innerMenu.sp{display: block;}s
	.menuMain > li {display:none;}
	.menuMain .menuMain-all{display:block;background:#282828;width:360px;height:auto;position:fixed;right:-360px;top:0;bottom:0;overflow-y:scroll;overflow-x:hidden;}
	.menuMain .menuMain-all > a{display:none;}
	.menuMain .useSubMenu{display:block!important;text-align:left;}
	.menuMain .useSubMenu a{display:block;color:#fff;font-size:14px;border-bottom:1px solid #333;line-height:40px;padding:0 20px;}
	.useSubMenuLink > li.subItem5 {display: none;}
	.useSubMenuLink > li.subItem5.loggin {display: block;}
	.menuMain .userMenubtn{position: relative;}
	.menuMain .userMenubtn:after{content: " ";display: block;        
		position: absolute;
	    top: 8px;
	    right: 80px;
	    font-size: 20px;
	    border-width: 1px;
	    border-style: solid;
	    transform: rotate(45deg);
	    border-color: transparent #fff #fff transparent;
	    width: 9px;
	    height: 9px;
	}
    .menuMain .userMenubtn.closeMenu:after{border-color: #fff transparent transparent #fff;top: 16px;}
	.menuMain .useSubMenu #userMenu a{padding-left: 40px;}
	.menuMain .useSubMenu #userMenu{display: none;}
}
@media print{
    #menuGlobal{background:none!important;}
}
/* menuGlobal end*/

/*urgent_notice*/
.js-emergencyinfo{
	padding:0 30px;
	margin:0 auto;
}
.urgent_notice{
	margin: 10px auto;
	border: 4px solid #f10002;
	line-height: 1.5;
	padding: 10px 13px;
	box-sizing: border-box;
}
.urgent_notice p{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #000;
	font-size: 14px;
}
.urgent_notice .bold{
	font-weight: bold;
}
.urgent_notice .red{
	color: red;
}
/*end urgent_notice*/



/* **************************
  renewal2018
************************** */
#content-wide{max-width:1200px;background-color:#fff;padding:0 0 24px 0;margin:0 auto;}
.inner-wide{max-width:1140px;padding:0 30px;position:relative;text-align:left;margin:0 auto;overflow:hidden;}

.autocomplete-suggestions{background:#eee;text-align:left;cursor: pointer; overflow: auto;font-size: 14px;}
.autocomplete-suggestion{padding:2px 10px;white-space: pre-wrap; overflow: hidden;}
.autocomplete-suggestion:hover{background:#cecece;}
.autocomplete-selected{background:#cecece;}


/* **************************
  renewal2019
************************** */
#content-wide{max-width:none;}
.inner-wide{max-width:none;}
.pc{display: block;}
.sp{display: none;}
div#categoryTitle {width: 100%;overflow: hidden;background: #e1e1e1;margin-bottom: 24px;}
div#categoryTitle h1 {font-size: 22px;vertical-align: middle;padding: 15px 0;}
div#content.simple #categoryTitle h1{margin: 0;padding: 15px 0;}

@media print, screen and (max-width:640px){
	.pc{display: none;}
	.sp{display: block;}
	.inner-wide{padding: 0 10px;}
	.js-emergencyinfo{padding:0 10px;}
	
	div#categoryTitle h1 {font-size: 15px;padding: 10px 15px;}
    
    div#programInfo h1,div#programInfo p{font-size: 14px;}
    div#programInfo div.main div.data dl, div#programInfo div.main p.outline{font-size: 14px;}

    div#extra ul.license li{margin-bottom: 10px;}
    div#extra ul.license li.item1{width: 100%;display: flex;align-items:center;}
    div#extra ul.license li.item4{width: 100%;display: flex;align-items:flex-start;}
    div#extra ul.license li img{width: 10%;height: auto;}
    div#extra ul.license li span{float: none;margin-left: 3%;font-size: 11px;display: inline-block;}
    div#extra ul.license li.item1 span,div#extra ul.license li.item4 span{width: 87%;}

    div#outline{margin: 0;}
    div#outline .inner-wide{ height: 123px;border:none;border-top:1px solid #505050; overflow: hidden;padding-bottom: 0;}
    #outline .inner-wide.down{
		 position: relative;
    }
    #outline .inner-wide.down:before{
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px;
        background: url(../img/top/bg_gradation_w.png) no-repeat center bottom;
        background-size: 100% 100%;
    }
    div#outline ul.item1,div#outline ul.item2,div#outline ul.item3{ width:100%; border: none; padding: 0;}
	div#outline ul li{float: left;margin: 0 10px;margin-bottom: 10px;}
    div#outline ul li a{text-decoration: underline;}
    div#outline .outline-expend{
    	display: block;
    	clear: both;
    }
    div#outline .icn-expend{
    	background: url(../img/top/icn_menu_open.png) no-repeat center center;
	    width: 100%;
	    height: 35px;
	    background-size: 15px;
	    margin: 0 auto;
    	display: block;
    }

}

/* Area slider start */
.area_block {
    position: relative;
    width: 100%;
    margin-bottom:30px;
}
.area_block.bg_gry{
	background-color: #f2f2f0;
	margin: 0 -30px 30px -30px;
    padding: 20px 30px;
}
/*title*/
.area_title_block {
	padding-bottom:10px;
	margin-top: -10px; /*p*/
}
.area_title_block ul li {
	display: inline-block;
	margin-right: 20px;
	font-size: 20px;
	color: #000;
}
.area_title_block ul li.area_lead {
	border-left: 1px solid #cccccc;
	padding-left: 20px;
	color: #333333;
	font-size: 18px;
}
.area_title_block ul li.area_title {
	font-weight: bold;
	border-left:6px solid #f18b02;
	padding-left:15px;
}
.area_title_block ul li.area_title.colorCyan {
	border-left:6px solid #018ed2;
}
.area_title_block ul li.area_title.colorBlack{
	border-left:6px solid #000;
}
.area_title_block ul li.area_title.colorCyan2 {
	border-left:6px solid #07a8a9;
}
.area_title_block.ranking{
	background: url(/css/ph2017/img/top/rank_icon.svg) no-repeat left 40%;
	background-size: 30px auto;
}
.area_title_block.ranking ul li.area_title {
	border-left:none;
	padding-left: 45px;
}
.area_title_block li{
	vertical-align: top;
}
.area_title_block ul li.area_btn {
    margin: 0 4px;
    font-size: 0;
}
.area_title_block ul li.area_lead ,
.area_title_block ul li.area_title ,
.area_title_block ul li.area_btn,
.area_title_block ul li.area_count_program{
	margin-top: 10px; 
}

.area_title_block ul li.area_btn a {
    border: 1px solid #cacaca;
    border-radius: 4px;
    line-height: 28px;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
    display: block;
}
.area_title_block ul li.area_btn a:hover {
    text-decoration: none;
}

.area_title_block ul li.area_btn a.current {
    color: #fff;
    cursor: default;
    background: #666666;
}
.area_title_border {
	border-top: 1px solid #dcdcdc;
	padding-top: 10px ;
	margin-top: 10px;
}
.spec_area_title_block {
	background: #e6e6e6;
	line-height: 2;
}
.spec_area_title {
	float: left;
	padding: 0 10px;
	font-size: 16px;
}
.purProgramLink {
	float: right;
	background: #f08300 url(/css/ph2017/img/top/icn_arr_left.png) no-repeat 9px center;
	font-size: 16px;
    color: #ffffff !important;
	padding: 0 9px 0 24px;
}
.infoTitle {
	font-size: 14px;
	color: #666666;
}
/*end title*/

/* area program */
.swiper_block{
    position:relative;
}

.area_list_program ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 50px;
    /*overflow: hidden;*/
}
.area_list_program ul li {
    float: left;
    height: 100%;
    padding: 0;
    color: #ddd;
    text-align: left;
    width: 235px;
    position: relative;
}

.area_list_program ul.notx{padding: 80px 0;font-size: 16px;text-align: center;}

.swiper-slide{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.area_block .area_list_program ul li a {
  color: #666666;
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0px; 
  left: 0px;
  
}
/* IE9 hack */
@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
    .area_block .area_list_program ul li a  { 
        z-index:100;
        filter:alpha(opacity=0);
        background-color:#ffffff;
    }
}
.area_block .area_list_program ul li a:hover {
  text-decoration: none;
}
.program_title,.program_subtitle {
    font-size: 16px;
    margin-top: 8px;
    color: #333333;
    width: 100%;
    white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.program_subtitle{
	margin-top: 0;
	font-size: 14px;
}
.program_time{
  font-size: 12px;
  color: #666666;
		width: 100%;
		margin-top: 4px;
}
.program_catch_copy {
  position: absolute;
  padding: 10px 10px;
  bottom: 0px;
  width:100%;
  font-size: 14px;
  color: #fff;
  line-height: 1.3;
  background: url(/css/ph2017/img/top/bg_text_item.png) no-repeat;
  background-size: 100% 100%;
	box-sizing:border-box;
}
.area_block .area_list_program img.program_img {
  display: block;
  height: 0;
  width: 100%;
  background:no-repeat;
  background-size:cover;
  padding-top:56%;
}
.program_ranking {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99999999;
  display: block;
  width: 23px;
  height: 23px;
  background: #f18b02;
  text-align: center;
}
.program_ranking span {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.769;
}

.program_division {
  background: #f18b02;
  display: table;
  position: absolute;
  bottom:0;
  right:0;
  font-size: 12px;
  width: 60px;
  text-align: center;
}
.program_division span {
  display: table-cell;
  vertical-align: middle;
  padding: 3.4px 0;
  color: #ffffff;
}

.program_series {
    position: absolute;
    top: 0;
    right: 3px;
    font-size: 12px;
    width: 65px;
}

.program_series:before, .program_series:after {
    content: "シリーズ";
    background-color: #048ed3;
    position: absolute;
    padding: 3.4px 0;
    font-size: 12px;
    display: block;
	width: 65px;
	height: 16px;
	text-align: center;
}
.program_series:before{
	color: #fff;
    top: 0;
    left: 0;
    z-index: 1;
}
.program_series:after{
	height: 15px;
	background-color: transparent;
    top: 2px;
    left: 3px;
	z-index: 0;
	border-bottom: 2px solid #048ed3;
    border-right: 2px solid #048ed3;
    width: 63px;
}

.program_expire{
	background: #fd1119;
    display: table;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 3.4px 0;
  	color: #ffffff;
}

.area_block .slide_backbtn {top:0;left:-2.6%;margin:0;}
.area_block .slide_backbtn {left:-25px;}
.area_block .slide_nextbtn {top:0;right:-2.6%;margin:0;}
.area_block .slide_nextbtn {right:-25px;}
.area_block .slide_nextbtn img{float: right;}
.area_block .slide_arrow img{width:100%;vertical-align:bottom;max-width:20px;}

.thumblist-loading{width:1000px;line-height:200px;margin:auto;text-align:center;padding:80px 0px;}

@media screen and (min-width:1280px){
	.program_title,.program_subtitle{width: 280px;}
  	.area_block .area_list_program img.program_img{width: 280px;height: 157px;padding-top: 0;}
  	.area_block .slide_arrow{padding:58.5px 0;height:auto;width: 25px;}
}
@media screen and (max-width:1279px){
  	.area_block .slide_arrow{padding:4.5% 0;height:auto;width:2%;}
}
@media screen and (max-width:990px){
	.program_title,.program_subtitle{width: 100%;}
   	.area_block .slide_arrow{padding:6.58% 0;height:auto;width:2.6%;}
   	.thumblist-loading{width:100%;}
}
@media screen and (max-width:850px){

}
@media screen and (max-width:640px){
	.area_block.bg_gry{
		margin: 0 -10px 30px -10px;
	    padding: 20px 10px;
	}
	.area_block .slide_backbtn {left:-5px;}
	.area_block .slide_nextbtn {right:-5px;}
	.area_title_block ul li.area_title,.area_title_block ul li{font-size: 14px;}
	.area_title_block ul li.area_title,.area_title_block ul li.area_lead{padding-left: 10px;}
	.area_title_block ul li.area_lead{display: none;}
	.area_title_block ul li.area_title_btn{margin-top: 10px;display: block;}
	.area_title_block ul li.area_btn {margin-top: 5px;margin-left: 0;}
	.area_title_block ul li.area_btn a{font-size: 12px;}
	.area_title_block.ranking{background-size: 20px auto;background-position: left 45%;}
	.area_title_block.ranking ul li.area_title{padding-left: 30px;}
	.program_title,.program_subtitle,.program_expire{font-size: 12px;}

	.area_title_block ul li.pc{display: none;}

	.area_list_program ul.notx{padding: 50px auto;font-size: 12px;}
}
/* end area program */
/* Area slider end */