@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;}
div.left_box div.sppg_content dl.co_list { width:90%; margin:0 auto;}
div.left_box div.sppg_content dl.co_list dt { font-weight:bold; font-size:115%; margin-bottom:10px; border-bottom:solid 2px #3493DC;}
div.left_box div.sppg_content dl.co_list dd { margin-bottom:20px;}
div.left_box div.sppg_content dl.co_list dt:nth-of-type(1) { background:url(../images/ico_1.png) no-repeat left center;}
div.left_box div.sppg_content dl.co_list dt:nth-of-type(2) { background:url(../images/ico_2.png) no-repeat left center;}

div.left_box div.sppg_content p.present img { width:100%; height:auto;}
div.left_box div.sppg_content p.present { background-color: #BDE7F7;}
div.left_box div.sppg_content p.present span{display: block; padding: 10px;text-align: center; font-weight: bold; color: #333;}

/* アイコン*/
.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;}
div.left_box div.sppg_content dl.co_list img {display: block; width: 95%;height: auto; margin: 0 auto;}

/* フォトギャラリー調整 ------------------------------------------*/
.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; justify-content: center; }
.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; }

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

/*プレゼント*/
div.left_box div.sppg_content  div.present_box { width:535px; margin:0 auto;}
div.left_box div.sppg_content  div.present_box p { margin-bottom:18px;}
/*プレゼント画像が無い場合*/
div.left_box div.sppg_content  div.present_box p:nth-child(1) img { width:100%; height:auto;}
/*div.left_box div.sppg_content  div.present_box p:nth-child(2) { padding:5px 0; background:#f95353; text-align:center;}*/

/* プレゼント画像下にプレゼント名かつ応募の詳細を表記する場合 */
/*div.left_box div.sppg_content  div.present_box p:nth-child(2) { padding:5px 0; background:#; text-align:center;}*/
/*div.left_box div.sppg_content  div.present_box p:nth-child(3) { font-weight:bold; text-align:left; }
div.left_box div.sppg_content  div.present_box p:nth-child(4) { width:60%;; text-align:center;}
div.left_box div.sppg_content  div.present_box p:nth-child(4) a { display:block; border-radius: 10px; background:linear-gradient(to bottom, #ed1b24, #a10000); box-shadow: 0px 7px 0 rgba(70, 0, 3, 1.0); padding : 25px; transition: 0.2s all ease 0s;}
div.left_box div.sppg_content  div.present_box p:nth-child(4) a:hover {box-shadow: none; transform: translate3d(0, 3px, 0);}
div.left_box div.sppg_content  div.present_box p:nth-child(4) a img:hover{opacity: 1.0;}
div.left_box div.sppg_content  div.present_box p:nth-child(5) { font-weight:bold; color:#e8546b; text-align:center;} 
div.left_box div.sppg_content  div.present_box p:nth-child(6) {text-align:left; }*/


/*div.left_box div.sppg_content  div.present_box p:nth-child(2) { padding:5px 0; background:#; text-align:center;}*/
div.left_box div.sppg_content  div.present_box p:nth-child(2) { font-weight:bold; text-align:center; }
div.left_box div.sppg_content  div.present_box p:nth-child(3) { width:60%;; text-align:center;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) a { display:block; border-radius: 10px; /*background:#BFBFBF;*/background:linear-gradient(to bottom, #ed1b24, #a10000);/*※フォーム稼働時は戻す*/ box-shadow: 0px 7px 0 rgba(70, 0, 3, 1.0); padding : 25px; transition: 0.2s all ease 0s;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) a:hover {box-shadow: none; transform: translate3d(0, 3px, 0);}/*※フォーム稼働時は戻す*/
div.left_box div.sppg_content  div.present_box p:nth-child(3) a img:hover{opacity: 1.0;}
div.left_box div.sppg_content  div.present_box p:nth-child(4) { font-weight:bold; color:#e8546b; text-align:center;} 
div.left_box div.sppg_content  div.present_box p:nth-child(5) {text-align:left; }

/* プレゼント画像下にプレゼント名を表記する場合 */
/*div.left_box div.sppg_content  div.present_box p:nth-child(2) { padding:5px 0; background:#ea6da4; text-align:center;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) { width:60%;; text-align:center;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) a { display:block; border-radius: 10px; background:#c3e5eb; box-shadow: 0px 7px 0 rgba(127, 185, 199, 1.0); padding : 10px; transition: 0.2s all ease 0s;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) a:hover { box-shadow: none; transform: translate3d(0, 3px, 0);}
div.left_box div.sppg_content  div.present_box p:nth-child(4) { font-weight:bold; color:#e8546b; text-align:center;} 
*/
/* プレゼント画像内にプレゼント名を表記する場合 */
/* div.left_box div.sppg_content  div.present_box p:nth-child(2) { width:60%;; text-align:center;}
div.left_box div.sppg_content  div.present_box p:nth-child(2) a { display:block; border-radius: 10px; background:#c3e5eb; box-shadow: 0px 7px 0 rgba(127, 185, 199, 1.0); padding : 10px; transition: 0.2s all ease 0s;}
div.left_box div.sppg_content  div.present_box p:nth-child(2) a:hover { box-shadow: none; transform: translate3d(0, 3px, 0);}
div.left_box div.sppg_content  div.present_box p:nth-child(3) { font-weight:bold; color:#e8546b; text-align:center;} */

/* プレゼント画像内にプレゼント名を表記 かつプレゼント応募の説明がある場合 */
/*div.left_box div.sppg_content  div.present_box p:nth-child(2) { font-weight:bold; text-align:left;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) { width:60%;; text-align:center;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) a { display:block; border-radius: 10px; background:#c3e5eb; box-shadow: 0px 7px 0 rgba(127, 185, 199, 1.0); padding : 10px; transition: 0.2s all ease 0s;}
div.left_box div.sppg_content  div.present_box p:nth-child(3) a:hover { box-shadow: none; transform: translate3d(0, 3px, 0);}
div.left_box div.sppg_content  div.present_box p:nth-child(4) { font-weight:bold; color:#e8546b; text-align:center;}
*/


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