@charset "utf-8";
/*.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}*/

.btn_entry a {display: block; width: 70%; max-width: 400px; margin: 5px auto 20px; padding: 14px 10px; background: #ff8208; border-radius: 5px; font-size: 1.2rem; line-height: 1.2; color: #f5f7ec; text-align: center; text-decoration: none; transition: 0.3s;}
.end_entry {color: #000; font-size: 1.0rem; font-weight: bold; text-align: center;}

.flb {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto 20px;}
.flb div {max-width: 320px; margin: 0 auto;}
.flb div img {width: 100%; height: 100%; margin: 0;}

.cast_ph {position: relative;}
.cast_ph span {position: absolute; bottom: 60px; left: 2px;}

/* ヘッダー
------------------------------------------*/
#top_img { width: 100%; max-width: 750px; height: auto; padding-top: 59.4%; overflow: hidden; background: #fff; }
#top_logo { position: absolute; left: 0px; bottom: 0px; width: 100%; }
#top_logo img { width: 70%; height: auto; margin: 0 15% 1em; }

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

/*均等flexbox 一列*/
.btn_flex-even{display: flex;}
.btn_flex-even > li{flex-basis: 100%;}
.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;}
/*/見逃し配信------------------------------------------*/

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

.cast_ph {position: relative;}
.cast_ph span {position: absolute; bottom: 50px; left: 8px;}

/* ヘッダー
------------------------------------------*/
#top_img{
width: 100%;
height: auto;
/*padding-top: 61.33%;*/ /*368px*/ 
padding-top: 75.00%; /*450px場合*/ 
/*padding-top: 103.33%;	*/
overflow: hidden;
}

#top_logo{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;

}
#top_logo img{
	display: block;
	width: 100%;	
	margin: 0 auto;
}


}

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

.cast_ph {position: relative;}
.cast_ph span {position: absolute; bottom: 43px; left: 2px;}

}