@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 div.sppg_content #box-photogallery a img  { border-radius:5px;}

.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: 84%; max-width:200px; height: auto; text-align: center; margin: 0 auto;}

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

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

.bg_title{background: #ff6a68; 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: 300; line-height: 1.0; color: #fff; padding: 14px 0 0; display: inline-block;}

.page_contents .sppg_content .date p{width: 96%; margin: 0 auto; padding: 0 0 6px; color: #fcf147; text-align: right; font-size: 80%; font-weight: 600;}

.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; }

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


/*見逃し配信------------------------------------------*/
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;}


@media screen and (max-width: 768px) {
.page_contents .sppg_content p { width:auto;}
.page_contents .sppg_content ul.cast_list li p.cast_txt { width:88%; left:0;}

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:360px; height:200px;}

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

/*見逃し配信*/
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) {


}