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


#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);}