.onair__catch {
  position: relative;
  z-index: 0;
  margin: 0 0 30px;
}

@media (min-width: 768px) {
  .onair__catch {
    margin: 0 0 40px;
  }
}

.onair__catch:before {
  position: absolute;
  top: -10px;
  left: -15px;
  z-index: -1;
  content: '';
  width: 21px;
  height: 16px;
  background: url(/assets/img/onair/ttl_catch_quote.svg);
  background-size: 100%;
}

@media (min-width: 768px) {
  .onair__catch:before {
    position: absolute;
    top: -20px;
    left: -35px;
    width: 50px;
    height: 38px;
  }
}

.onair__catch img {
  width: 83.333vw;
}

@media (min-width: 768px) {
  .onair__catch img {
    width: 596px;
    height: 80px;
  }
}

.tv,
.stream {
  position: relative;
}

.tv__ttl,
.stream__ttl {
  text-align: center;
  margin: 0 0 16px;
}

@media (min-width: 768px) {
  .tv__ttl,
  .stream__ttl {
    text-align: left;
  }
}

.tv__ttl img,
.stream__ttl img {
  height: 24px;
}

@media (min-width: 768px) {
  .tv__ttl img,
  .stream__ttl img {
    height: 30px;
  }
}

.tv__subttl,
.stream__subttl {
  color: #666;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .tv__subttl,
  .stream__subttl {
    text-align: left;
    font-size: 1.375rem;
  }
}

.tv__note {
  color: #C8C8C8;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 11px;
  font-size: 0.6875rem;
}

@media (min-width: 768px) {
  .tv__note {
    margin-top: 10px;
    font-size: 0.75rem;
  }
}

@media (min-width: 768px) {
  .tv .onair__list th.row1 {
    width: 30%;
  }
  .tv .onair__list th.row2 {
    width: 20%;
  }
  .tv .onair__list th.row3 {
    width: 50%;
  }
}

.stream {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .stream {
    margin-top: 80px;
  }
}

.stream__txt {
  text-align: center;
  margin-bottom: 10px;
}

.stream__txt img {
  width: 64.266vw;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .stream__txt {
    text-align: left;
  }
  .stream__txt img {
    width: 378px;
  }
}

.onair__list {
  width: 100%;
}

.onair__list thead {
  box-sizing: border-box;
  color: #ffffff;
  background: #999999;
  font-size: 11px;
  font-size: 0.6875rem;
}

.onair__list thead th {
  text-align: left;
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
}

.onair__list thead th.row1 {
  width: 32.5%;
  padding-left: 10px;
}

@media (min-width: 768px) {
  .onair__list thead th.row1 {
    padding-left: 24px;
    width: 30%;
  }
}

.onair__list thead th.row2 {
  width: 22.5%;
}

@media (min-width: 768px) {
  .onair__list thead th.row2 {
    width: 20%;
  }
}

.onair__list thead th.row3 {
  width: 25%;
}

@media (min-width: 768px) {
  .onair__list thead th.row3 {
    width: 30%;
  }
}

.onair__list thead th.row4 {
  width: 20%;
}

@media (min-width: 768px) {
  .onair__list thead th.row4 {
    width: 20%;
  }
}

@media (min-width: 768px) {
  .onair__list thead th {
    font-size: 0.8125rem;
  }
}

.onair__list tbody th {
  text-align: left;
  border-bottom: 1px solid #c8c8c8;
  padding: 15px 15px 15px 0;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media (min-width: 768px) {
  .onair__list tbody th {
    padding: 24px 0 24px 24px;
    font-size: 1rem;
  }
}

.onair__list tbody td {
  border-bottom: 1px solid #c8c8c8;
  padding: 15px 0;
  font-size: 11px;
  font-size: 0.6875rem;
}

@media (min-width: 768px) {
  .onair__list tbody td {
    padding: 10px 0;
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .onair__list tbody td .small {
    font-size: 0.8125rem;
  }
}

.onair__list a {
  color: #fc77a3;
}