@charset "utf-8";
/*-----------------------------------------------
 * ON AIR
-------------------------------------------------*/
.onairContentIn {
  position: relative;
}

.onairBox + .onairBox {
  margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
@media screen and (max-width: 768px) {
  .onairBox + .onairBox {
    margin-top: calc(50 / var(--vw-min) * 100vw);
  }
}

.onairFrames {
  display: flex;
  flex-direction: column;
  row-gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
@media screen and (max-width: 768px) {
  .onairFrames {
    row-gap: calc(16 / var(--vw-min) * 100vw);
  }
}

.onair__catch {
  font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
  text-align: center;
  line-height: 1.5384615385;
  font-weight: 700;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .onair__catch {
    font-size: calc(18 / var(--vw-min) * 100vw);
    line-height: 1.5555555556;
  }
}

.onair__caption {
  font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
  margin-top: min(calc(22 / var(--vw-min) * 100vw), 22px);
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .onair__caption {
    font-size: calc(10 / var(--vw-min) * 100vw);
    margin-top: calc(10 / var(--vw-min) * 100vw);
    line-height: 2.4;
  }
}

.streamBoxItem + .streamBoxItem {
  margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
@media screen and (max-width: 768px) {
  .streamBoxItem + .streamBoxItem {
    margin-top: calc(40 / var(--vw-min) * 100vw);
  }
}

.stream__tit {
  font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
  font-weight: 900;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5384615385;
  column-gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .stream__tit {
    font-size: calc(18 / var(--vw-min) * 100vw);
    line-height: 1.6666666667;
    column-gap: calc(10 / var(--vw-min) * 100vw);
  }
}

.stream__tit::before,
.stream__tit::after {
  content: '';
  width: min(calc(50 / var(--vw-min) * 100vw), 50px);
  height: min(calc(41 / var(--vw-min) * 100vw), 41px);
  background-image: url(../img/common/deco/deco_bread2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .stream__tit::before,
  .stream__tit::after {
    width: calc(32 / var(--vw-min) * 100vw);
    height: calc(26 / var(--vw-min) * 100vw);
  }
}

.stream__txt {
  font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
  font-weight: 900;
  text-align: center;
  margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
  margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
  letter-spacing: 0em;
  line-height: 1.8;
}
.stream__txt.--lead {
  margin-top: 0;
  margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width: 768px) {
  .stream__txt {
    font-size: calc(14 / var(--vw-min) * 100vw);
    margin-top: calc(12 / var(--vw-min) * 100vw);
    margin-bottom: calc(20 / var(--vw-min) * 100vw);
    line-height: 1.4285714286;
  }
  .stream__txt.--lead {
    margin-top: 0;
    margin-bottom: calc(28 / var(--vw-min) * 100vw);
  }
}

.stream__tit + .stream__lists {
  margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width: 768px) {
  .stream__tit + .stream__lists {
    margin-top: calc(16 / var(--vw-min) * 100vw);
  }
}

.stream__lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(calc(21 / var(--vw-min) * 100vw), 21px);
}
@media screen and (max-width: 768px) {
  .stream__lists {
    display: block;
  }
}
.stream__item .stream__link {
  display: grid;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .stream__item + .stream__item {
    margin-top: calc(10 / var(--vw-min) * 100vw);
  }
}

.streamCaption {
  padding-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
  padding-bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
  text-align: center;
  font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
  font-weight: 700;
  line-height: 1.4285714286;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .streamCaption {
    padding-top: calc(44 / var(--vw-min) * 100vw);
    padding-bottom: 0;
    font-size: calc(10 / var(--vw-min) * 100vw);
    text-align: left;
    line-height: 1.6;
  }
}