@charset "utf-8";
div.left_box {}
div.left_box div.sppg_title p span { font-size:80%; font-weight:lighter; color:#FF0000;}

.page_contents .sppg_content p.txt01 { padding: 10px}

div.left_box section.sppg_box p.btn_gyao { text-align:center;}
div.left_box section.sppg_box p.pr_banner { width: 96%; margin: 30px auto;}
div.left_box section.sppg_box p.pr_banner img { width: 100%; height: auto;}
div.left_box div.sppg_content #box-photogallery a img  { border-radius:5px;}

.pc_none { display:none;}

.page_contents div.movie_box { width:96%; margin:0 auto;}

.btn_flex-even{display: flex;}
.btn_flex-even > li{flex-basis: 100%;/*flex-basis: 32%;*/}
.btn_flex-even li a{display:block;padding: 0.3em; margin: 0 0.3em;border: 1px solid #ccc; border-radius: 6px;}
.btn_flex-even li img{display:block;width: 90%; max-width:150px; height: auto; text-align: center; margin: 0 auto;}


.flb { display:flex; flex-wrap: wrap; /*justify-content:center;*/ width: 100%; margin: 0 auto; }

.page_contents .sppg_content p.tit_cat { font-size: 0.75rem; color: #777; letter-spacing: 0.03em; }
.page_contents .sppg_content p.name { font-size: 0.9rem; line-height: 1.3; color: #000; letter-spacing: 0em; }
.page_contents .sppg_content p.name span { font-size: 0.75rem; vertical-align: middle; }

/* タイトル */
div.left_box div.sppg_content p.lead_txt span { font-weight: 300; }
div.left_box div.sppg_content p.lead_txt span strong { /*color:#6666cc;*/ font-size: 130%; font-weight: 600; display:block; }

.notice{font-size: 80%;}

.flb.box-photogallery{width: 96%; margin: 18px auto 14px;}
.flb.box-photogallery a{width: calc(100% / 4);}
.flb.box-photogallery a img{width: 100%; height: auto;}

.flb.scene.box-photogallery{gap:0.25rem;}
.flb.scene.box-photogallery a{width: calc( (100% - 0.25rem) / 2 );}
.flb.scene.box-photogallery a img{border-radius: 0.2rem;}

/* 番組詳細 */
.txt p{font-size: 88%; line-height: 1.8!important;}


/* 次回予告　アーカイブ */
ul.box_oa { width: 92%; margin: 0 auto; }
ul.box_oa li { margin: 0 auto 20px; }

.bg_title { background-color:#F6FBB3; border-radius: 6px; margin: 0 0 8px; }
.page_contents .sppg_content .box_oa .title p { /*margin: 0 auto!important;*/ }
.title p span { font-size: 120%; font-weight: 600; line-height: 1.0; color: #000; padding: 14px 2% 0; display: inline-block; }
.page_contents .sppg_content .date p { width: calc(96% - 0.5rem); margin: 0 auto; padding: 0.5rem; color:rgba(43,156,249,0.90); font-size: 0.9rem; font-weight: 600; }
.page_contents .sppg_content p { width: 100%; margin: 0 0 5px; font-size: 0.95rem; line-height: 1.8; }



.page_contents .sppg_content p.btn_more {width: 90%; margin: 0 auto; padding: 10px 0; color:#fff; border-radius:6px; background: #00a0d1; text-align: center; cursor: pointer; font-weight: bold;}
.page_contents .sppg_content p.btn_more:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)";  /* ie 8 */}


/*出演者*/
ul.li_cast_wide { display:flex; flex-wrap: wrap; width: 100%; /*padding: 10px 2%; border-radius: 10px; background: #ececec;*/ }
ul.li_cast_wide li { display:flex; flex-wrap: wrap; width: 98%; max-width: 480px; margin: 0 auto 16px; padding-bottom: 16px; border-bottom: 1px solid #efefef; }
ul.li_cast_wide li div.img_cast { width: 100%; /*max-width: 120px;*/ }
ul.li_cast_wide li div.img_cast img { width: 100%; margin-bottom: 10px; }
ul.li_cast_wide li div.txt_cast { width: 100%; margin: 0 0%; padding: 4px 0 0; }
.page_contents .sppg_content ul.li_cast_wide li div.txt_cast p { text-align: center; }
.page_contents .sppg_content ul.li_cast_wide li div.txt_cast p.cast_name{font-size: 1rem;border-bottom: 1px solid #ccc;}	
.page_contents .sppg_content ul.li_cast_wide li div.txt_cast p.cast_prof{text-align:left;font-size: 0.875rem;}

ul.li_cast { display:flex; flex-wrap: wrap; width: 100%; max-width: 480px; margin: 0 auto; /*padding: 10px 2%; border-radius: 10px; background: #ececec;*/ }
ul.li_cast li { display:flex; flex-wrap: wrap; width: calc(96% / 2 - 10px); max-width: 240px; margin: 0 2% 16px; padding-bottom: 16px; border-bottom: 1px solid #efefef; }
ul.li_cast li div.img_cast { width: 100%; /*max-width: 120px;*/ }
ul.li_cast li div.img_cast img { width: 100%; margin-bottom: 10px; }
ul.li_cast li div.txt_cast { width: 100%; margin: 0 0%; padding: 4px 0 0; }
.page_contents .sppg_content ul.li_cast li div.txt_cast p { text-align: center!important; }

ul.li_cast_noimg { display: flex; flex-wrap: wrap; width: 98%; margin: 0 1% 16px; }
ul.li_cast_noimg li { display: flex; flex-wrap: wrap; width: 98%; margin: 0 1% 16px; }
ul.li_cast_noimg li div.txt_cast { width: 98%; margin: 0 1%; padding: 4px 0 0; }

.page_contents .sppg_content ul.li_cast_noimg li div.txt_cast p { text-align: center!important; }


/*ヘッダー*/
#top_img {position: relative; width: 100%; max-width: 600px; padding-top: 66.66%; background-color: #FFF;}
#top_logo{position: absolute;/* top: 0; right:0; */left: 0; bottom: 0; width: 100%; max-width: 600px;}
#top_logo img{width: 100%;}


ul.cnt{width: 96%; margin: 0 2%;}
ul.cnt li{padding-left: 1em; text-indent: -1em; font-size: 0.9rem; line-height: 2;}

.page_contents .sppg_content ul.cast_list li p.cast_txt {line-height: 1.0;}
.page_contents .sppg_content ul.cast_list li p.cast_txt span {line-height: 0.8;}
.page_contents .sppg_content p {text-align: justify;}

/*見逃し配信------------------------------------------*/
div.left_box div.sppg_content  div.movie_box { margin-bottom:1em;}
div.left_box div.sppg_content  div.movie_box img{ width: 100%; height: auto;}

.bnr { width: 100%; max-width: 600px; margin: 0 auto 20px; }
.bnr img { width: 100%; border-radius: 6px; margin: 0 auto 20px; }
.bnr p { margin: 6px 0; font-size: 0.9rem; color: #d41364; text-align: center; font-weight: 600; }
.bnr p strong { color: #000; font-size: 1.0rem; }
.page_contents .sppg_content ul.cast_list li { float: none!important; width: 100%!important; }

@media screen and (min-width: 769px) {

}


@media screen and (max-width: 768px) {
/*.page_contents .sppg_content p { width:auto;}*/
/*.page_contents .sppg_content p { width: 100%; margin: 0 0 5px; font-size: 0.95rem; line-height: 1.8; }*/
.page_contents .sppg_content ul.cast_list li p.cast_txt { width:88%; left:0;}
div.left_box div.sppg_content div.onair_box,
div.left_box div.sppg_content div.backnumber_box dl dd { display:block;}
div.left_box div.sppg_content div.onair_box p:first-child,
div.left_box div.sppg_content div.backnumber_box dl dd p:first-child { width:95%;}
/*div.left_box div.sppg_content div.backnumber_box dl dt { width:50%;}*/
div.left_box div.sppg_content div.backnumber_box dl dd p:last-child { padding:10px;}
div.left_box div.sppg_content div.onair_box p img,
div.left_box div.sppg_content div.backnumber_box dl dd p img { left:2.7%;}
div.left_box section.sppg_box p.btn_gyao { width:90%; margin:0 auto;}
div.left_box section.sppg_box p.btn_gyao img { width:100%; height:auto;}

div.left_box div.sppg_content  div.movie_box { text-align:center;}
div.left_box div.sppg_content  div.movie_box iframe { position:relative; width:100%; max-width:750px; min-height:270px;}

.pc_none { display:block;}

#top_img{max-width: none;}
#top_logo{max-width: none;}

/* 次回予告　アーカイブ */
.page_contents .sppg_content p {width: calc(96% - 0.6em)!important; margin: 0 2%; font-size: 0.95rem; line-height: 1.8; }
.page_contents .sppg_content .box_oa .title p {width: 96%; margin: 0 2%; }


/*出演者*/
ul.sub_cast li {width: calc(96% / 4); margin: 0 0.5% 1%;}

/*見逃し配信*/
div.left_box div.sppg_content  div.movie_box { text-align:center;margin-bottom:0.5em;}
div.left_box div.sppg_content  div.movie_box iframe {position:relative; width:96%;}	



}




@media screen and (max-width: 480px) {


div.left_box div.sppg_content  div.movie_box iframe { position:relative; width:100%; max-width:360px; /*height:200px;*/ min-height: 200px;}


/* タイトル */
/*.page_contents .sppg_content .date p{text-align: center;}*/



}