body{
background:url(../img/star.png) no-repeat center top, url(../img/bg_blue.jpg) repeat center top;
background-size: contain;
background-position: top 60px center, top center;

}
#program_nav{
font-family: "ab-lineboard-bold", sans-serif;
font-weight: 400;
font-style: normal;
}
.unit h2{
font-family:arial, "ab-lineboard-bold", sans-serif;
font-weight: 400;
font-style: normal;
color: #1c1c1c;
text-shadow: 3px 3px 1px #fff;
position: relative;
width: fit-content;
}
.unit h2::after{
content: " ";
display: block;
width:calc(65vw/14);
height:100%;
background:url(../img/ttl_moon.png) no-repeat left center;
position: absolute;
right: calc(-74vw/14);
bottom: 10px;
background-size: contain;
}
.unit h3{
border-left: 6px solid #f4ed63;
margin-bottom: .9em;
}

#next_onair #onair_date{
background-color:#f4ed63 ;
border-radius: 40px;
position: relative;
margin-bottom: .8em;

}
#next_onair #onair_date::after{

content: "";
position: absolute;
right: 0;
bottom: -28px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #f4ed63 transparent transparent transparent;
border-width: 15px 0 15px 20.32px;

}
#next_onair .info_sub .sub_txt{
background-color:#fedcb8;
border-radius: 20px;
padding: 3rem 3rem 3.25rem 3rem;
margin-bottom: .9em;
}
#next_onair,#about{
background:url(../img/bg_orange.jpg) repeat left top;
background-size: 60%;
color: #1c1c1c;
}

#official_sns,#stream{
background:url(../img/bg_blue.jpg) repeat left top;
background-size: 60%;
}
#official_sns h2{color: #1c1c1c;}
#official_sns ul{
background-color:rgb(156 236 229) ;

}

#stream .stream_set{
background-color:rgb(156 236 229) ;
}
#stream h2{
color: #1c1c1c;
}
@media screen and (max-width: 767px){
body{
background-size: contain,contain;
background-position: center top calc(80vw/5.76),center top;
}
#next_onair,#about{
background-size: 100%;
}
.unit h2::after{
width:calc(45vw/5.76);
right: calc(-50vw/5.76);
}

}

@media screen and (min-width: 1401px){
body{
background-size: auto , auto;
background-position: center top,center top;
}

#next_onair,#about{
background-size: 60%;
}
.unit h2::after{
width:65px;
right: -74px;
}

}

/*日付選択*/

article.wrap nav.nav_onair_date ul li a {
display:inline-block;
text-decoration:none;
color: #fff;
background-color: #1c1c1c;
font-size:125%;
line-height:1.5;
padding:0.25em 1.5em;
border-radius:30px;
}
article.wrap nav.nav_onair_date ul li a.btn-on {
color:#1c1c1c;
background-color:#f4ed64;
}


/*動画選択*/
nav.yt-playlist-btn ul {
width:100%;
background-color:#12d8c4;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap:8px;
padding:8px;
}
nav.yt-playlist-btn ul li a {
display:block;
}
nav.yt-playlist-btn ul li a {
text-decoration:none;
color:#1c1c1c;
background-color:#fff;
padding:0.75em;
line-height:1.5;
position:relative;
text-align:center;
}
nav.yt-playlist-btn ul li a.yt-playing {
color:#1c1c1c;
background-color:#ffffffd6;
font-weight:bold;
}
nav.yt-playlist-btn ul li a.yt-playing:after {
content:"NOW PLAYING";
background-color:#f4ed64;
color:#1c1c1c;
display:inline-block;
line-height:1.25;
padding:0.2em 0.25em;
position:absolute;
top:-4px;
right:-4px;
}


#program_name { background-color: rgba(245, 245, 250, 1); color: rgba(59, 63, 74, 1);}
#news_sp .info_sub { background-color: rgba(255, 255, 255, 1);}
#official_sns ul { background-color: rgba(245, 245, 255, 1);}
#stream_tbsfree { background-color: rgba(245, 245, 250, 1);}
/*color change OK*/
#program_nav .ind_mn span::after { border-top: 2px solid rgba(0, 80, 255, 1); border-right: 2px solid rgba(0, 80, 255, 1);}
#program_nav .ind_mn-p span::after { border-top: 2px solid rgba(0, 80, 255, 1); border-right: 2px solid rgba(0, 80, 255, 1);}