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


/* ====================================================================
   オンエア_セクション
   ==================================================================== */

.onair_ch01{
   color: rgba(95,45,30,1.00);
   font-size: 140%;
   text-align: center;
   font-family: "Kaisei Tokumin", serif;
   font-weight: 900;
   margin-bottom: 60px;
   line-height: 1.2;
}
   @media screen and (max-width: 1200px) {
      .onair_ch01{
         font-size: 2.4vw;
      }
   }
   @media screen and (max-width: 600px) {
      .onair_ch01{
         font-size: 3.5vw;
         margin-left: auto;
         text-align: center;
      }
   }
   @media screen and (max-width: 480px) {
      .onair_ch01{
         font-size: 4.0vw;
         margin-left: auto;
         text-align: center;
         line-height: 1.4;
         margin-bottom: 40px;
      }
   }

.o_t_big{
   font-size: 180%;
}

.o_t_mid{
   font-size: 130%;
}



/* インデックス */

.onair_i_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: center;
   margin-bottom: 40px;
}
   @media screen and (max-width: 1024px) {
      .onair_i_wrap{
         width: 95%;
         margin: auto;
         margin-bottom: 40px;
      } 
   }


.onair_i_wrap li{
   width: 40%;
}
   @media screen and (max-width: 1024px) {
      .onair_i_wrap li{
         width: 40%;
      } 
   }
   @media screen and (max-width: 800px) {
      .onair_i_wrap li{
         width: 35%;
      } 
   }
   @media screen and (max-width: 600px) {
      .onair_i_wrap li{
         width: 25%;
      } 
   }
   @media screen and (max-width: 480px) {
      .onair_i_wrap li{
         width: 25%;
      } 
   }


.onair_i_wrap li.index{
   position: relative;
   width: 20%;
   margin: 0 10px 0 10px;
   background: none;
}
   @media screen and (max-width: 1024px) {
      .onair_i_wrap li.index{
         width: 20%;
      } 
   }
   @media screen and (max-width: 800px) {
      .onair_i_wrap li.index{
         width: 30%;
      } 
   }
   @media screen and (max-width: 600px) {
      .onair_i_wrap li.index{
         width: 50%;
      } 
   }
   @media screen and (max-width: 480px) {
      .onair_i_wrap li.index{
         width: 50%;
      } 
   }


/* */

.onair_box_wrap{
   position: relative;
   width: 100%;
   margin-bottom: 80px;
}
   @media screen and (max-width: 600px) {
      .onair_box_wrap{
         margin-bottom: 20px;
      } 
   }


.onair_box{
   position: relative;
   font-family: "Kaisei Tokumin", serif;
   transform: rotate(0.03deg);
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   font-size: 180%;
   font-weight: 600;
   margin-bottom: 30px;
}
   @media screen and (max-width: 1024px) {
      .onair_box{
         font-size: 2.8vw;
      }
   }
   @media screen and (max-width: 600px) {
      .onair_box{
         font-size: 6.8vw;
         font-weight: 500;
      }
   }


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

.onair_bload_name{
   position: relative;
   width: 38%;
   text-align: right;
   border-bottom: rgba(188,174,147,1.00) 3px dotted;;
   box-sizing: border-box;
   padding: 10px 30px 5px 0;
   /*background-color: rgba(0,0,0,0.10);*/
}

@media screen and (max-width: 900px) {
      .onair_bload_name{
         padding: 10px 10px 5px 0;
      }
   }
@media screen and (max-width: 600px) {
      .onair_bload_name{
         width: 100%;
         font-size: 5.4vw;
         text-align: center;
         padding: 6px 0 4px 0;
         line-height: 1.0;
         font-weight: 600;
         background-size: 160% auto;
         background-position: top center;
         letter-spacing: 0;
         color: rgba(255,255,255,1.00);
         background-color: rgba(255,95,160,1.00);

      }
   }

.onair_bload_name a{
   color: rgba(95,45,30,1.00);
}
   @media screen and (max-width: 600px) {
      .onair_bload_name a{
         color: rgba(255,255,255,1.00);
      }
      .onair_bload_name a:hover{
         color: rgba(248,255,181,1.00);
      }

   }




.onair_right{
   position: relative;
   width: 62%;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   border-bottom: rgba(149,128,168,1.00) 3px dotted;
   padding: 10px 10px 5px 30px;
   box-sizing: border-box;
   /*background-color: rgba(255,191,192,0.10);*/
}

   @media screen and (max-width: 900px) {
      .onair_right{
         padding: 10px 10px 5px 10px;
      }
   }


   @media screen and (max-width: 600px) {
      .onair_right{
         width: 100%;
         text-align: center;
         padding: 5px 0 5px 0;
         border-bottom: none;
         padding-bottom: 20px;
      }
   }



.onair_right .day_box{
   position: relative;
   width: 6em;
   text-align: center;
   /*background-color: rgba(51,3,244,0.20);*/
}
   @media screen and (max-width: 600px) {
      .onair_right .day_box{
         width: 100%;
         text-align: center;
      }
   }

.onair_right .day_box span{
   font-size: 70%;
   font-weight: 500;
   padding: 0 5px;
}


.onair_right .week_box{
   position: relative;
   width: 4.5em;
   text-align: center;
   /*background-color: rgba(2,244,112,0.20);*/
}
   @media screen and (max-width: 600px) {
      .onair_right .week_box{
         width: 50%;
         text-align: right;
         padding-right: 10px;
         padding-left: 10px;
      }
   }

.onair_right .week_box span{
   font-size: 70%;
   font-weight: 500;
}



.onair_right .time_box{
   position: relative;
   width: 5em;
   text-align: center;
   /*background-color: rgba(230,244,2,0.20);*/
}
   @media screen and (max-width: 600px) {
      .onair_right .time_box{
         width: 50%;
         text-align: left;
         padding-left: 10px;
      }
   }


h1.onair{
   text-align: center;
   font-size: 160%;
}
   @media screen and (max-width: 600px) {
      h1.onair{
         font-size: 5.5vw;
      }
   }


/* 初回放送 */
.onair_first_cau{
   margin-left: 44%;
   font-weight: 600;
   font-size: 120%;
   /*border: rgba(47,139,196,1.00) 2px dotted;
   background-color: rgba(255,255,255,0.50);*/
   padding: 10px 10px 10px 0px;
   font-family: 'M PLUS 1p', sans-serif;
   transform: rotate(0.03deg);
   margin-bottom: 10px;
   
}
   @media screen and (max-width: 1024px) {
      .onair_first_cau{
         font-size: 1.8vw;
      }
   }
   @media screen and (max-width: 600px) {
      .onair_first_cau{
         font-size: 3.6vw;
         margin-left: auto;
         margin-top: 0;
         margin-bottom: 30px;
         text-align: center;
         padding: 0 10px 10px 10px;
         background-color: rgba(255,255,255,0.50);
      }
   }


.onair_first_cau .ofc_i01{
   background-color: rgba(47,139,196,1.00);
   color: rgba(255,255,255,1.00);
   font-weight: 600;
   padding: 0 10px;
   margin-right: 10px;
   font-size: 95%;
}
   @media screen and (max-width: 600px) {
      .onair_first_cau .ofc_i01{
         font-size: 3.6vw;
         margin-left: auto;
         text-align: center;
      }
   }
   @media screen and (max-width: 600px) {
      .onair_first_cau .ofc_i02{
         font-size: 4.6vw;
         margin-left: auto;
         text-align: center;
      }
   }



/* -- リピート放送 -- */
.onair_repeat_wrap{
   padding-top: 10px;
   padding-left: calc(38% + 60px);
   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;
      }
   }




/* 配信 */
.ond_ch01{
   color: rgba(29,32,136,1.00);
   font-size: 180%;
   text-align: center;
   font-weight: 900;
   margin-bottom: 40px;
   line-height: 1.2;
}
   @media screen and (max-width: 1200px) {
      .ond_ch01{
         font-size: 3.0vw;
      }
   }
   @media screen and (max-width: 600px) {
      .ond_ch01{
         font-size: 3.5vw;
         margin-left: auto;
         text-align: center;
      }
   }
   @media screen and (max-width: 480px) {
      .ond_ch01{
         font-size: 4.8vw;
         margin-left: auto;
         text-align: center;
         line-height: 1.4;
         margin-bottom: 40px;
      }
   }



.ond_ch02{
   color: rgba(95,45,30,1.00);
   font-family: "Kaisei Tokumin", serif;
   font-size: 160%;
   text-align: center;
   font-weight: 900;
   margin-bottom: 30px;
   line-height: 1.2;
}
   @media screen and (max-width: 1200px) {
      .ond_ch02{
         font-size: 2.4vw;
      }
   }
   @media screen and (max-width: 600px) {
      .ond_ch02{
         font-size: 3.5vw;
         margin-left: auto;
         text-align: center;
      }
   }
   @media screen and (max-width: 480px) {
      .ond_ch02{
         font-size: 4.8vw;
         margin-left: auto;
         text-align: center;
         line-height: 1.4;
         margin-bottom: 40px;
      }
   }



.ond_ch03{
   color: rgba(95,45,30,1.00);
   font-size: 140%;
   text-align: center;
   font-weight: 700;
   margin-bottom: 50px;
   margin-top: 0;
   line-height: 1.4;
   letter-spacing: 2px;
   font-family: YakuHanMP, 'Noto Serif JP', serif;
}



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

ol.ond_wrap.ond_second{
   justify-content: center;
   margin-bottom: 100px;
}
   @media screen and (max-width: 600px) {
      ol.ond_wrap.ond_second{
         margin-bottom: 60px;
      }
   }

ol.ond_wrap li{
   position: relative;
   overflow: hidden;
   width: 32%;
   border: rgba(255,116,155,1.00) 2px solid;
   display: flex;
   align-items: center;
   height: 60px;
   line-height: 1.0;
   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: 600px) {
      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(95,45,30,1.00) ;
   font-weight: 600;
   transition: all .2s;
}



ol.ond_wrap li:hover{
   background-color: rgba(255,116,155,1.00);
   color: rgba(255,255,255,1.00);
   transition: all .5s;
}

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




.onair_txt01{
   text-align: center;
}

.onair_tc_01{
   color: rgba(255,116,155,1.00);
}