@charset "UTF-8";

#main {
  background-image: url(../onair/img/bg-onair_sp.jpg);
}
h2.ttl_cts {
   background-image: url(../staff_cast/img/bg-h2-staff.svg);
   background-repeat: no-repeat;
   -webkit-background-size: 278px;
   background-size: 278px;
   height: 40px;
   width: 278px;
   margin: 10px auto 20px;
   line-height: 40px;
   padding-bottom: 10px;
   color: #fff;
   text-align: center;
  font-family:  'Noto Serif JP','Playfair Display',"游明朝体", "Yu Mincho", YuMincho, serif;
}

.onair_wrap {
   width: 90%;
   margin: 0 auto;
}

.onair_read {
  font-family:  'Noto Serif JP','Playfair Display',"游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 30px;
   line-height: 1.8em;
   color: #fff;
}



.onair_read .num_date {
	font-size: 1.5em;
}
.onair_block {
	padding-bottom: 80px;
}

.onair_block .note {
   text-align: left;
   line-height: 1.7em;
}
.onair_block h1 {
	font-size: 1.4em;
	text-align: center;
	position: relative;
   margin-bottom: 20px;
   line-height: 1em;
   padding-bottom: 10px;
}

.onair_tbl  {
   width: 100%;
   margin-bottom: 30px;
   border-radius: 0;
}
.onair_tbl tr {
   position: relative;
}

.onair_tbl th {
   font-weight: 700;
   background: #000;
   padding: 10px 0;
   font-size: 0.9em;
   font-weight: bold;
}
.onair_tbl th:first-child{
   border-left: none;
}
.onair_tbl th:last-child{
}

.onair_tbl th,
.onair_tbl td,
.haishin_tbl th,
.haishin_tbl td {
   vertical-align: middle;
   color: #fff;
}

.onair_tbl td {
   line-height: 1.1em;
   padding: 20px 10px;
   background: none;
   border-bottom: solid 1px #848484;
}

.wd {
   text-align: center;
}
.onair_tbl td span {
   font-size: 0.7em;
}

.onair_tbl .kyoku {
	color: #fcf300;
   width: 6em;
   padding: 0 0;
}
.onair_tbl .repeat td {
   font-size: 0.9em;
   text-align: left;
   line-height: 1.6em;
   padding-top: 0;
   padding-left: 5px;
   letter-spacing: 0.05em;
}

.no_border th,
.no_border td {
   border-bottom: none;
}

#streaming_area .onair_tbl td  {
  padding: 15px;
}

.ch {
   width:5em;
}
.weekday {
   width:2em;
}
.hour {
   width:4em;
}
.start {
   width:5em;
}


#haishin_area h3 {
   text-align: center;
   color: #fff;
   font-size: 1.4em;
   margin-bottom: 10px;
  font-family:  'Noto Serif JP','Playfair Display',"游明朝体", "Yu Mincho", YuMincho, serif;
  color: #fcf300;
  letter-spacing: 0.12em;
  line-height: 1.7em;

}
.haishin_list {
   margin-bottom: 20px;
   border-bottom: solid 1px #848484;
   padding-bottom: 10px;
}
.haishin_list li {
   text-align: center;
   margin-bottom: 20px;
   font-size: 1.1em;
   font-weight: bold;
   line-height: 1.2em;
}
.haishin_list li a {
   color: #fff;
      text-decoration: underline;

}
.note {
   color:#fff;
}

.end_onair {
   background-color: #4c4c4c;
   padding: 5px 10px;
   font-size: 0.8em;
   margin-top: 5px;
}

@media screen and (min-width:960px) {


#main {
  background-image: url(../onair/img/bg-onair.jpg);
}

   .onair_read {
   font-weight: bold;
   font-size: 1.7em;
   text-align: center;
   margin-bottom: 40px;
   line-height: 1.8em;
   }

   .onair_block  {
     width: 680px;
     margin: 0 auto;
   }
   .onair_tbl {
     margin-bottom: 40px;
     border-collapse: separate;
   }
   .haishin_tbl {
     border-collapse: separate;
   }
   .onair_tbl th {
     font-size: 1em;
   }
   .onair_tbl td {
     font-size: 1.2em;
     padding: 25px 15px;
     text-align: center;
   }
   .onair_tbl .kyoku {
     padding: 15px 0;
   }

   .repeat td {
     font-size: 14px;
     text-align: left;
     padding-left: 20px;
   font-weight: normal;
   }
   .onair_block h1 {
    width: 50%;
    margin: 0 auto;
    font-size: 25px;
    margin-bottom: 30px;
   }
   .onair_block h1 {
   }


   .onair_wrap .h2_cts {
      width: 100%;
      }

   .haishin_list li a {
      color: #fff;
      text-decoration: none;
   }
   .haishin_list li a:hover {
      text-decoration: underline;
   }


   .end_onair {
      font-size: 0.6em;
   }

}