@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; font-size: 0.95rem; line-height: 1.8; text-align: justify; }
div.left_box div.sppg_content dl.co_list dd strong { font-size: 0.85rem; font-weight: 600; }
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;
    width: 100%;
    max-width: 600px;
	background-color: #FFF;*/
    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%;
	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: 100%; height: auto; margin: 10px auto 30px; }

/* フォトギャラリー調整 ------------------------------------------*/
.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%;}
.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;}
/*/見逃し配信------------------------------------------*/

/*プレゼント*/
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;}*/

/*スライダー*/
.swiper { width: 90%; /*height: 304px;*/ margin: 0.5rem auto 2rem; }
.swiper-slide { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bold; }
.swiper-slide img { width: 100%; height: auto; margin: 20px 0 0; }

li.present_nonslide { width: 100%; max-width: 540px; margin: 0 auto 1.5em; }
.present_img, .present_name { width: 100%; max-width: 540px; }
.present_img img, .present_name img { width: 100%; height: auto; }
.page_contents .sppg_content p.caption { width: 100%; margin: 10px 0 0; font-size: 0.7rem; text-align: right; }
.page_contents .sppg_content p.info_pre { width: 90%; margin: 30px auto 0; padding-bottom: 4px; font-size: 1.3rem; font-weight: 600; text-align: center; border-bottom: 2px solid; }
div.cnt_present { margin-top: 30px; }
div.cnt_present p.btn_pre a { display:block; width: 60%; margin: 0 auto; 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; text-align: center; }
div.cnt_present p.btn_pre a:hover { box-shadow: none; transform: translate3d(0, 3px, 0); }
div.cnt_present p.btn_pre a img { width: 100%; max-width: 270px; height: auto; }
div.cnt_present p.btn_pre a img:hover { opacity: 1.0; }
div.cnt_present p.date_pre { font-weight:bold; color:#e8546b; text-align:center; } 
div.cnt_present p.about_nk { font-size: 0.85rem; }
div.cnt_present p.about_nk strong { font-weight: 600; }

/* プレゼント画像下にプレゼント名かつ応募の詳細を表記する場合 */
/*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;}
*/

.title_present { color: #dc3340; font-weight: 600; }
.list_present li { position: relative; width: calc(96% - 1.25em); margin: 0 auto; padding: 0 0 0.75em 1.25em; font-size: 0.95rem; }
.list_present li:before { content: "〇"; position: absolute; top: 0px; left: 0px; }

/*2025.06.11 追記*/
.cast_ph {position: relative;}
.cast_ph span.copy1 { position: absolute; bottom: 52px; left: 6px; right: 6px; }
.page_contents .sppg_content ul.cast_list li img { border-radius: 0.8em 0.8em 0.9em 0.9em!important; }
ul.notice { width: 96%; max-width: 960px; margin: 0 auto 3rem; font-size: 0.875rem; line-height: 1.3; color: #dc3340; }
ul.notice li { list-style: none; margin: 0 0 3px; padding-left: 1em; text-indent: -1em; }

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

div.cnt_present p.btn_pre a { width: calc(90% - 50px); }

/*2025.06.11 追記*/
.cast_ph span.copy1 { position: absolute; bottom: 40px; left: 8px; right: 8px; }




}
