@charset "utf-8";
.vpc{display: inherit;}
.vsp{display: none;}
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:112px; 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;}


/* 番組詳細 */
.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: #d41364; 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% - 12px); margin: 0 auto; padding: 9px 6px 7px; color: #fff; font-size: 80%; 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!important; }

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% .5em; }
ul.li_cast_noimg li { display: flex; flex-wrap: wrap; width: 98%; margin: 0 1% .3em; }
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: 56%; height: 60px; 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: 70%; max-width: 600px; margin: 0 auto; }
.bnr img { width: 100%; border-radius: 6px; }
.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; }


/* プレゼント告知
---------------------------------*/
#present.flb { justify-content: center; margin: 2em auto; }
#present.flb img { width: calc(100% - 4px); max-width: 1000px; border-radius: 20px; border: 2px solid #4cb916; box-sizing: border-box; }
#present p {text-align: center;font-weight: bold;color: #da3279;}


#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%;}	

/*テーブル*/
.pickle{
    width: 95%;
    margin: 0 auto;
}


.box_info{
	width:100%;
	margin:0 0 10px;
}
	
.tb_pickle, .tb_pickle td, .tb_pickle th{
    border-collapse:collapse;
    border:1px solid #ccc;
	/*word-break:break-all;
	word-wrap:break-word;*/
}
.tb_pickle{
	width:98%;
	margin:2% 1% 4%;
	font-size:1.0rem;
	line-height:1.6;
}
.tb_pickle th{
	font-weight:normal;
	white-space:nowrap;
	padding:6px 8px 5px;
	width:24%;
	color:#555;
	background:#f5f5f5;
	vertical-align:top;
}
.tb_pickle td{
	padding:5px 10px;
	text-align:left;
	color:#666;
	background:#fff;
	vertical-align:top;
}


.pickle dl dt{
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0px;
    color: #15c;
	border-bottom: 1px solid;
}
.pickle dl dd{
 	font-size: 1.0em;
	margin: 15px 0px;
}

.pickle  ul{
	display: flex;
	flex-wrap: wrap;
	margin: 20px;
}
.pickle  ul li{
	margin: 0 auto 10px;
}
.pickle  ul li a img{
    border: 1px #ccc solid;
}
.img_center{
	display: block;
	margin: 20px auto;
	border: 1px #ffc solid;
}

.btn_entry {
    width: 300px;
    margin: 0 auto 20px;
}
.btn_entry a {
    display: block;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.0;
    text-decoration: none;
    background: #c20004;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.boshu {
    background: #f5f5f5;
    padding: 10px;
}
.notice {
    color: #c20004;

}
@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;}
.img_center{
	width: 100%;
	height: auto;
	}
.pickle  ul{
	flex-wrap: nowrap;
	margin: 5px;
    flex-direction: column;
}
/* タイトル */
/*.page_contents .sppg_content .date p{text-align: center;}*/



}