@charset "utf-8";

/* 横幅、高さ可変*/
#top_img{
width: 100%;
max-width: 600px;
height: auto;
padding-top: 56%;
/*padding-top: 75.00%;*//*450px*/ 
/*padding-top: 96.33%;*/
overflow: hidden;
position: relative;
}

/* 動画ボタン調整*/
.btn_flex-even > li { flex-basis: 100%;}
.btn_flex-even li img {display: block; width: 100%; max-width: 150px; height: auto; text-align: center; margin: 0 auto;}

/*フォトギャラリー調整*/
.page_wrapper .page_contents .sppg_content div#box-photogallery a img {object-fit: cover;/*height: 100px;*/aspect-ratio: 16 / 9;}
.page_contents .sppg_content div#box-photogallery a{width:48%;}

/*キャスト調整*/
.page_contents .sppg_content ul.cast_list li {
    position: relative;
    float: left;
    width: 47%;
    margin-right: 3%;
    margin-bottom: 10px;
}
.page_contents .sppg_content ul.cast_list li p.cast_txt {padding:12px 6% 7px}

/*宝塚配信*/
.zk_haishin h6{color: #fff;background-color: #30ADC2; padding: 0.3em; text-align: center;font-size: 1.125rem;font-weight: bold;margin: 0.5rem;}
.zk_haishin h6 span{display:block; color: #fff; font-size: 0.875rem;font-weight:normal;}
/*岡田アナコメント*/
	.comment{display: flex;gap:2rem;padding: 1rem;box-sizing: border-box;background-color:rgba(233,232,232,0.3);font-size:0.875rem;width: 96%;margin: 0 auto;}
	.comment li:first-child{width: 30%;font-size: 0.675rem;}
	.comment li:last-child{width: 70%;}
	.comment li:first-child img{width: 100%;height: auto;}
@media screen and (max-width: 768px) {
	.comment{display: flex;flex-direction: column-reverse;}
	.comment li:first-child{text-align: center; width: 100%;}
	.comment li:last-child{width: 100%;}
	.comment li:first-child img{width: 60%;height: auto;display: block;margin: 0 auto;}
	}

.att{font-size: 0.875rem;color: #333;}

/* SNS
------------------------------------------*/
ul.sns{display: flex; }
ul.sns > li{flex-basis: 100%;}
.inst_botton a{font-size: 1.125rem; display:block; padding:1rem ; color:#FFF; border-radius:10px; border-bottom:solid 5px rgba(94,58,88,1.00) ; background: rgb(212,103,251);
background: linear-gradient(0deg, rgba(212,103,251,1) 0%, rgba(250,101,219,1) 40%);text-decoration:none; text-align:center; margin:5px 10px; font-weight:bold; }
.inst_botton a:hover{opacity:0.8; margin-top: 9px; border-bottom:solid 1px ; transition:0.5s;}	


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