@charset "utf-8";
/* CSS Document */



section{
   width: 100%;
}
   @media screen and (max-width: 1024px) {
      section{
         
      }
   }


.onair_box{
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   font-weight: 500;
   font-size: 200%;
   font-family: "RocknRoll One", serif;
   transform: rotate(0.03deg);
}
   @media screen and (max-width: 1024px) {
      .onair_box{
         font-size: 3vw;
      }
   }
   @media screen and (max-width: 800px) {
      .onair_box{
         display: block;
         font-size: 5.6vw;
         margin-bottom: 60px;
      }
      .onair_box.first_program{
         margin-bottom: 10px;
      }
   }
   @media screen and (max-width: 600px) {
      .onair_box{
         display: block;
         font-size: 7vw;
         margin-bottom: 60px;
      }
      .onair_box.first_program{
         margin-bottom: 10px;
      }
   }


.onair_box.no_bottom{
   margin-bottom: 0;
}

.onair_box a{
   color: rgba(34,24,21,1.00);
}

.onair_box a:hover{
   color: rgba(216,21,21,1.00);
}

.onair_box .left_box{
   width: 35%;
   border-bottom: rgba(1,171,234,1.00) 1px solid;
   color: rgba(214,0,101,1.00);
   text-align: right;
   padding: 0 5% 0 0;
}
   @media screen and (max-width: 800px) {
      .onair_box .left_box{
         margin: auto;
         text-align: center;
         width: auto;
         padding: 0;
         margin-bottom: 10px;
         color: rgba(214,0,101,1.00);
      }
      .onair_box .left_box a{
         color: rgba(214,0,101,1.00);
}

   }


.onair_box .right_box{
   width: 65%;
   border-bottom: rgba(214,0,101,1.00) 1px solid;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box{
         width: 100%;
         justify-content: center;
         border-bottom: none;
      }
   }


.onair_box .right_box .day_box{
   width: 35%;
   text-align: center;
   /*background-color: rgba(255,200,201,1.00);*/
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box .day_box{
         width: 100%;
      }
   }

.onair_box .right_box .week_box{
   width: 25%;
   /*background-color: rgba(212,200,255,1.00);*/
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box .week_box{
         width: 48%;
         text-align: right;
         margin-right: 2%;

      }
   }

.onair_box .right_box .time_box{
   width: 30%;
   /*background-color: rgba(200,255,218,1.00);*/
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box .time_box{
         width: 48%;
         text-align: left;
         margin-left: 2%
      }
   }



.onair_repeat_box{
   padding-left: 41%;
   margin-top: 10px;
   font-size: 110%;
}
   @media screen and (max-width: 1024px) {
      .onair_repeat_box{
         font-size: 1.8vw;
      }
   }
   @media screen and (max-width: 800px) {
      .onair_repeat_box{
         font-size: 4vw;
         padding: 0;
         text-align: center;
      }
   }

.onair_normal_cau{
   margin-left: 35%;
   border: rgba(97,233,205,1.00) 2px dotted;
   background-color: rgba(255,255,255,0.50);
   padding: 10px;
}
   @media screen and (max-width: 1024px) {
      .onair_normal_cau{
         font-size: 1.8vw;
      }
   }
   @media screen and (max-width: 800px) {
      .onair_normal_cau{
         font-size: 3.6vw;
         margin-left: auto;
         text-align: center;
      }
   }



/* -- リピート放送 -- */
.onair_repeat_wrap{
   padding-top: 10px;
   padding-left: 39%;
   font-size: 110%;
   font-weight: 500;
}
   @media screen and (max-width: 1024px) {
      .onair_repeat_wrap{
         font-size: 1.8vw;
      }
   }
   @media screen and (max-width: 600px) {
      .onair_repeat_wrap{
         font-size: 3.0vw;
         text-align: center;
         padding-left: 0;
         margin-top: 0;
         background-color: rgba(255,255,255,0.50);
         padding: 0 0 20px 0;
      }
   }




/*== 初回放送時のスタイル  ==*/
.onair_box .right_box2{
   width: 65%;
   border-bottom: rgba(185,185,185,1.00) 1px solid;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box2{
         width: 100%;
         display: block;
         text-align: center;
         border-bottom: none;
      }
   }


.onair_box .right_box2 .mark_box{
  display: grid;
  place-content: center;
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box2 .mark_box{
         display: block;
         margin: auto;
         text-align: center;
         font-size: 2vw;
         width: auto;
      }
   }

.onair_box .right_box2 .day_box{
   padding-left: 5%;
   box-sizing: border-box;
   white-space: nowrap
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box2 .day_box{
         padding-left: 0;
      }
   }

.onair_box .right_box2 .time_box{
   padding-left: 5%;
   white-space: nowrap
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box2 .time_box{
         padding-left: 0;
      }
   }


.onair_box .right_box2 .shokai_mark{
   display: inline-block;
   border: rgba(0,0,0,1.00) 1px solid;
   padding: 0 10px 0 10px;
   background-color: rgba(30,185,153,1.00);
   color: rgba(255,255,255,1.00);
   font-size: 40%;
   font-weight: 600;
   margin-right: 5%;
   box-sizing: border-box;
   width: 80px;
   text-align: center;
}
   @media screen and (max-width: 800px) {
      .onair_box .right_box2 .shokai_mark{
         margin: auto;
         margin-bottom: 10px;
         text-align: center;
         font-size: 4vw;
         width: auto;
      }
   }

/*== ここまで  ==*/


.onair_txt01{
   font-size: 90%;
   text-align: center;
   margin: auto;
   margin-bottom: 60px;
}

.onair_i01{
   color: rgba(255,255,255,1.00);
   font-size: 260%;
   text-align: center;
   font-weight: 800;
   margin-bottom: 20px;
   padding: 10px 0;
   line-height: 1.6;
   font-family: 'M PLUS Rounded 1c', sans-serif;
   transform: rotate(0.03deg);
}
   @media screen and (max-width: 1024px) {
      .onair_i01{
         font-size: 180%;
      }
   }
   @media screen and (max-width: 800px) {
      .onair_i01{
         font-size: 6.0vw;
         margin-left: auto;
         margin-bottom: 30px;
         text-align: center;
      }
   }
   
   
   

.onair_ch01{
   color: rgba(56,194,239,1.00);
   font-size: 260%;
   text-align: center;
   font-weight: 600;
   margin-bottom: 60px;
   line-height: 1.6;
   font-family: "RocknRoll One", serif;
   transform: rotate(0.03deg);
}
   @media screen and (max-width: 1024px) {
      .onair_ch01{
         font-size: 180%;
      }
   }
   @media screen and (max-width: 800px) {
      .onair_ch01{
         font-size: 5.5vw;
         margin-left: auto;
         margin-bottom: 30px;
         text-align: center;
      }
   }
   @media screen and (max-width: 600px) {
      .onair_ch01{
         font-size: 6.0vw;
         margin-left: auto;
         margin-bottom: 30px;
         text-align: center;
      }
   }

.streaming_ch01{
   color: rgba(56,194,239,1.00);
   font-size: 260%;
   text-align: center;
   font-weight: 600;
   margin-bottom: 60px;
   line-height: 1.6;
   font-family: "RocknRoll One", serif;
   transform: rotate(0.03deg);
}
   @media screen and (max-width: 1024px) {
      .streaming_ch01{
         font-size: 3.0vw;
      }
   }
   @media screen and (max-width: 800px) {
      .streaming_ch01{
         font-size: 5.5vw;
         margin-left: auto;
         margin-bottom: 30px;
         text-align: center;
      }
   }
   @media screen and (max-width: 600px) {
      .streaming_ch01{
         font-size: 6.0vw;
         margin-left: auto;
         margin-bottom: 30px;
         text-align: center;
      }
   }

.streaming_ch02{
   color: rgba(94,94,94,1.00);
   font-size: 150%;
   text-align: center;
   font-weight: 900;
   margin-bottom: 50px;
   line-height: 1.4;
}
   @media screen and (max-width: 1024px) {
      .streaming_ch02{
         font-size: 3.0vw;
      }
   }
   @media screen and (max-width: 700px) {
      .streaming_ch02{
         font-size: 5.6vw;
         margin-left: auto;
         text-align: center;
      }
   }


ol.ond_wrap{
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px 2%;
  margin-bottom: 80px;
}

ol.ond_wrap li{
   position: relative;
   overflow: hidden;
   width: 32%;
   border: rgba(0,0,0,1.00) 2px solid;
   display: flex;
   align-items: center;
   height: 70px;
   line-height: 1.2;
   background-color: rgba(255,255,255,1.00);
}
   @media screen and (max-width: 1024px) {
      ol.ond_wrap li{
         width: 49%;
      }
   }
   @media screen and (max-width: 800px) {
      ol.ond_wrap li{
         width: 100%;
      }
   }


ol.ond_wrap li a{
   font-size: 120%;
   display: block;
   text-align: center;
   width: 100%;
   padding: 15px 10px;
   color: rgba(94,94,94,1.00);
   font-weight: 600;
}


ol.ond_wrap li:hover{
   background-color: rgba(0,0,0,1.00);
   color: rgba(255,255,255,1.00);
}

ol.ond_wrap li:hover a{
   color: rgba(255,255,255,1.00);
}

.ond_index{
   position: relative;
   width: 100%;
   margin-bottom: 30px;
   display: grid;
   place-content: center;
}

.ond_index div{
   display: inline-block;
   border: rgba(0,0,0,1.00) 1px solid;
   color: rgba(223,18,25,1.00);
   font-size: 140%;
   padding: 2px 20px;
   text-align: center;
   font-weight: 900;
}
   @media screen and (max-width: 800px) {
      .ond_index div{
         font-size: 3.6vw;
      }
   }
   @media screen and (max-width: 480px) {
      .ond_index div{
         font-size: 5vw;
      }
   }