@charset "utf-8";

div.left_box div.sppg_title p strong { color:#fd001a;}
div.left_box div.sppg_content p.lead_txt span strong { /*color:#fd001a;*/ color:#3493dc; font-size:130%; display:block;}

/* アイコン*/
.txt i,.noflexbox i{margin:0 5px; vertical-align: middle; color:dodgerblue;}
/* 共通*/
.img_w100{width: 100%; display: block; margin: 10px auto;}
.img_w90{width: 90%; display: block; margin: 10px auto;}
.font_sm{font-size: 0.9rem;}
.dunklive_txt span{font-size: 0.75rem; vertical-align:baseline; color: #464646;}
.tit_catch{font-size:1.2rem; /*color:#BD8E04;*/font-weight: bold;}
.cast_txtonly{text-align: left;}
/* ヘッダー
------------------------------------------*/
#top_img{
	position: relative;
	width: 600px;
	height: 356px;
	background-color: #FFF;
}
#top_logo{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	max-width: 600px;
}
#top_logo img{
	width: 100%;	
}


.page_contents .sppg_content ul.cast_list li{text-align: center; }
.page_contents .sppg_content ul.cast_list li span { display:block;}

.page_contents .sppg_content ul.cast_list li.wide1 {position: relative; float: left; width: 100%; margin: 0;}
.page_contents .sppg_content ul.cast_list li.wide1 img {width: 100%;}


/* フォトギャラリー調整 ------------------------------------------*/
.page_contents .sppg_content div#box-photogallery {position: relative; display: flex;flex-wrap: wrap;}
.page_contents .sppg_content div#box-photogallery a {float:none; width:calc(100% / 4 -40px);height:70px; margin:0 5px 12px; position: relative; overflow: hidden;display: block; background-color: #FFF;}
.page_contents .sppg_content div#box-photogallery a img {position: absolute; top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:100%; height:auto;}

div.campaign { border-top:solid 2px #eee; padding-top:50px;}
div.campaign img { width:100%; height:auto;}
.page_contents a.txt_link { color:#777; position:relative; top:-1em; display:block; margin-bottom:2em; margin-left:0.5em; text-decoration:none;}
.page_contents a.txt_link:hover { color:#333;}
.page_contents a.txt_link span:nth-of-type(1) { text-decoration:underline; padding-right:2em;}
.page_contents a.txt_link span:nth-of-type(2) { font-size:80%; display:block;}
.page_contents a.txt_link i { position:relative; top:-0.3em; padding-right:5px;}


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


/*/見逃し配信------------------------------------------*/






@media screen and (max-width: 768px) {
/* ヘッダー
------------------------------------------*/
#top_img{
width: 100%;
height: auto;
padding-top: 59.5%;
overflow: hidden;
}

#top_logo{
	position: absolute;
	width: 100%; max-width:100%;
	left: 0;
	bottom: 0;
/*	width: 60%;*/
}
#top_logo img{
	display: block;
	width: 100%; max-width:100%;
	margin: 0 auto;
}
div.left_box div.sppg_content dl.co_list dt { padding-bottom:15px;}
div.left_box div.sppg_content dl.co_list img {display: block; width: 95%; height: auto; margin: 0 auto;}
div.campaign { width:94%; margin-left:auto; margin-right:auto;}
.page_contents a.txt_link span:nth-of-type(2) { display:inline;}
	
/*見逃し配信*/
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%;}	/*見逃し配信*/	
/*プレゼント*/
div.left_box div.sppg_content  div.present_box { width:96%;}
	div.left_box div.sppg_content  div.present_box img { width:96%; height: auto; }
div.left_box div.sppg_content  div.present_box p { width: 96%; margin-bottom:13px;}
div.left_box div.sppg_content  div.present_box p img { width: 100%; height: auto;}
	
}