@charset "utf-8";

h5 { width: 96%; margin: 0 auto .5em; font-weight: 600; font-size: 1.0rem; }
.profile_list { display: grid; gap: 70px; }
.profile_item { display: grid; grid-template-columns: 206px 1fr; gap: 20px; align-items: start; }
.profile_img img { display: block; width: 100%; height: auto; border-radius: 10px; }
.profile_txt h3 { margin: 10px 0 12px; font-size: 1.125rem; line-height: 1.5; }
.profile_txt p { margin: 0; font-size: 0.9375rem; line-height: 1.8; }

div.left_box div.sppg_title p span { font-size:80%; font-weight:lighter; color:#FF0000;}

.pc_none { display:none;}

.page_contents div.movie_box { width:96%; margin:0 auto;}

.btn_flex-even{display: flex; margin-bottom: 30px;}
.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: 90%; max-width:112px; height: auto; text-align: center; margin: 0 auto;}


.flb{display:flex; flex-wrap: wrap; /*justify-content:center;*/ width: 100%; max-width: 600px; margin: 0 auto;}

/* タイトル */
div.left_box div.sppg_content p.lead_txt span strong {color:#6666cc; font-size:130%; display:block;}


/* 番組詳細 */
.txt p{font-size: 88%; line-height: 1.8!important;}



/*動画配信*/
#movie_h { position:relative; z-index:2; width:96%;width-max:640px; margin:0 auto; padding:0px; }
#movie_h dl {padding:10px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; background:#000;}
#movie_h dl img { width:100%; height:auto;}
#movie_h dl dt { margin-bottom:15px;}
#movie_h dl dd { width:48%;}
#movie_h dl dd img { border-radius:8px;}
#movie_h dl dd img:hover { opacity: 0.9;}
/*ヘッダー*/
#top_img{position: relative; width: 100%; max-width: 600px; padding-top: 56%; /*height: 356px;*/ background-color: #FFF;}
#top_logo{position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; max-width: 600px;}
#top_logo img{width: 100%;}

.page_contents .sppg_content p { text-align: justify; line-height: 1.6; }

.bnr_gohan { display: flex; justify-content: center; gap: 20px; margin: 20px 0 40px; }
.bnr_gohan img { width: 100%; height: auto; }


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


/*SNS*/
ul.icon_sns { display: flex; flex-wrap: wrap; width: 96%; margin: 0 auto 10px; justify-content: center; }
ul.icon_sns li { width: 50px; height: 50px; margin: 0; display: inline-flex; justify-content: center; align-items: center; background: #000; border-radius: 999px; }
ul.icon_sns li a { text-decoration: none; }
ul.icon_sns li a img { width: 100%; max-width: 42px; filter: brightness(0) invert(1); }

.sns_links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 40px 0;
}

.sns_links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 120px;
    padding: 12px 24px;

    color: #fff;
    background: #333;

    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;

    border-radius: 30px;

    transition: opacity .3s;
}

.sns_links a:hover {
    opacity: .7;
}



.bnr_gohan_ko { width: 100%; margin: 0 auto; text-align: center; }
.bnr_gohan_ko { width: 100%; max-width: 600px; margin: 0 auto 30px; }


@media screen and (max-width: 768px) {
/*.page_contents .sppg_content p { width:auto;}*/
h5 { width: 90%; }
.profile_item { grid-template-columns: 1fr; gap: 20px; }
.profile_img { width: 65%; margin: 0 auto; }
.profile_txt { width: 100%; }
.profile_txt h3 { margin: 0 0 12px; }

.page_contents .sppg_content ul.cast_list li p.cast_txt { width:88%; left:0;}
div.left_box div.sppg_content div.onair_box,
div.left_box div.sppg_content div.backnumber_box dl dd { display:block;}
div.left_box div.sppg_content div.onair_box p:first-child,
div.left_box div.sppg_content div.backnumber_box dl dd p:first-child { width:95%;}
/*div.left_box div.sppg_content div.backnumber_box dl dt { width:50%;}*/
div.left_box div.sppg_content div.backnumber_box dl dd p:last-child { padding:10px;}
div.left_box div.sppg_content div.onair_box p img,
div.left_box div.sppg_content div.backnumber_box dl dd p img { left:2.7%;}
div.left_box section.sppg_box p.btn_gyao { width:90%; margin:0 auto;}
div.left_box section.sppg_box p.btn_gyao img { width:100%; height:auto;}

div.left_box div.sppg_content  div.movie_box { text-align:center;}
div.left_box div.sppg_content  div.movie_box iframe { position:relative; width:100%; max-width:360px; height:200px;}
.s_01 { width:94%; height:auto; margin:0 auto 25px !important;}
.s_01 .btn_play_on,
.s_01 .btn_play_off{ width:100%; height:auto;}

.pc_none { display:block;}

#top_img{max-width: none;}
#top_logo{max-width: none;}

/* SP版 */
#movie_h {margin-top: 1em;}

/*出演者*/
ul.sub_cast li {width: 48%; margin: 0 1% 1%;}

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

/* テーブル */
.tb_res { width: 100%; margin: 0% auto; }
.tb_res { border: none; }
.tb_res th { display: block; width: 90%; margin: 3% auto 0; padding: 6px 3%; border: none; color: #fff; text-align: left; border-radius: 4px; background: #333; }
.tb_res td { display: list-item; width: 94%; margin: 0 3% ; padding: 6px 0; border: none !important; list-style: none; }


}




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

/* タイトル */
.page_contents .sppg_content .date p{text-align: center;}
/*.title.flb div:nth-child(1){width: 100%;}
.title.flb div:nth-child(2){width: 100%; text-align: center;}
.title.flb div:nth-child(3){width: 100%;}
.title.flb div:nth-child(3) p{width: 100%; margin: 10px 0 15px;}*/




}