body{
    background-image: url("../img/bg.jpg");
     background-size: 5%;
 }
 #program_nav li a{
    color: #fff;
    background-color: #ff3296;
    font-family: vdl-logomarupop-shadow, sans-serif;
    border-radius: 10px;
 }
 #program_nav .ind_mn-p span::after{
    border-top:2px solid rgba(255, 255, 255,1)!important;
    border-right:2px solid rgba(255, 255, 255,1)!important;
 }
 
 #next_onair, #about,
 #relation{
    background:  linear-gradient(rgb(255 206 229 / 60%), rgb(255 206 229 / 60%)),
    url("../img/bg.jpg") repeat center;
    background-size: 5%;
    color: rgba(59, 63, 74, 1);
 }
 #program_onair {
     background-color: #ff3296;
 }

 #next_onair #onair_date {
     background-color: rgb(0 159 255);
     border-radius: 10px;
 }

 .unit h2 {
     font-family: vdl-logomarupop-shadow, sans-serif;
     color: rgba(59, 63, 74, 1);
     position: relative;
     width: fit-content;
 }

 .unit h2::after {
     content: '';
     display: inline-block;
     background-image: url('../img/ttl_strawberry.png');
     background-size: cover;
     width: 38px;
     height: 38px;
     position: absolute;
     top: 0;
     right: -46px;
 }

 h3 {
     border-left: 5px solid rgb(255 50 150);
 }
 #next_onair .info_sub .sub_txt{
    background-color: rgb(255 255 255 / 70%);
 }

#official_sns, #stream {
    background-color: rgb(225 245 250);
     color: rgba(59, 63, 74, 1);
 }

 #onair_date {
     color: #fff;
 }

 #about .info_sp {
     background-color: rgb(255 255 255 / 70%);
     padding: 2rem;
 }

 #about .info_sub {
     background-color: rgb(255 255 255 / 70%);
 }

 #stream .stream_set {
     background-color:rgb(201 223 228);
 }


 @media all and (min-width: 992px) {
    #next_onair, #about,
    #relation,body{ 
    background-size: 72px;
}
     #about .photo {
         width: 60%;
     }
 }

 @media all and (max-width: 991px) {
     .unit h2::after {
         width: 30px;
         height: 30px;
         right: -40px;
     }
     #next_onair .info_sub .sub_txt{
        padding: 1rem 1rem 1rem 1.4rem;
     }
 }

 @media all and (max-width: 767px) {

     #next_onair,
     #about,
     #relation {
         background-size: 8%;
     }

     .unit h2::after {
         width: 28px;
         height: 28px;
         right: -35px;
     }
 }

 @media all and (max-width: 575px) {
     .unit h2::after {
         width: 24px;
         height: 24px;
         right: -32px;
     }
 }

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