@charset "UTF-8";
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url(/fonts/NotoSansJP/NotoSansJP-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url(/fonts/NotoSansJP/NotoSansJP-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url(/fonts/NotoSansJP/NotoSansJP-Regular.woff) format("woff");
  font-display: swap;
}
/*16*1.75/2*/
/*==========*/
/* 番組情報 */
/*==========*/
.tv .heading01::before {
  background-color: #53CE9C;
}
.tv .heading01::after {
  border-color: #53CE9C transparent transparent transparent;
}
@media (max-width: 767px) {
  .tv .tv-nv {
    display: none;
  }
}
.tv .tv-nv ul {
  display: flex;
  gap: 0 8px;
}
.tv .tv-nv ul li a {
  display: block;
  text-align: center;
}
.tv .tv-nv ul li a:hover {
  opacity: 0.7;
}
.tv .tv-nv ul li.tv-nv01 a {
  background: #03F;
  background: linear-gradient(to bottom, #03F 0%, #03F 50%, #001EFF 51%, #001EFF 100%);
}
.tv .tv-nv ul li.tv-nv02 a {
  background: #F66;
  background: linear-gradient(to bottom, #F66 0%, #F66 50%, #FF4747 51%, #FF4747 100%);
}
.tv .tv-nv ul li.tv-nv03 a {
  background: #8500B2;
  background: linear-gradient(to bottom, #8500B2 0%, #8500B2 50%, #650097 51%, #650097 100%);
}
.tv .tv-nv ul li.tv-nv04 a {
  background: #EDB918;
  background: linear-gradient(to bottom, #EDB918 0%, #EDB918 50%, #E49F0D 51%, #E49F0D 100%);
}
.tv .tv-nv ul li.tv-nv05 a {
  background: #FF4720;
  background: linear-gradient(to bottom, #FF4720 0%, #FF4720 50%, #FF2D12 51%, #FF2D12 100%);
}
.tv .tv-nv ul li.tv-nv06 a {
  background: #00BCFB;
  background: linear-gradient(to bottom, #00BCFB 0%, #00BCFB 50%, #00A3F9 51%, #00A3F9 100%);
}
.tv .tv-nv ul li.tv-nv07 a {
  background: #3DD90F;
  background: linear-gradient(to bottom, #3DD90F 0%, #3DD90F 50%, #26C908 51%, #26C908 100%);
}
.tv .tv-nv ul li.tv-nv08 a {
  background: #FFB300;
  background: linear-gradient(to bottom, #FFB300 0%, #FFB300 50%, #FF9800 51%, #FF9800 100%);
}
.tv .tv-nv ul li.tv-nv09 a {
  background: #B973FF;
  background: linear-gradient(to bottom, #B973FF 0%, #B973FF 50%, #9F53FF 51%, #9F53FF 100%);
}
.tv .tv-nv ul li.tv-nv10 a {
  background: #FF8000;
  background: linear-gradient(to bottom, #FF8000 0%, #FF8000 50%, #FF6000 51%, #FF6000 100%);
}
.tv .tv-nv ul li.tv-nv11 a {
  background: #222;
  background: linear-gradient(to bottom, #222 0%, #222 50%, #000 51%, #000 100%);
}
.tv .tv-program {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .tv .tv-program {
    margin-top: 8px;
  }
}
.tv .tv-program h2 {
  position: relative;
  margin-bottom: 11px;
  padding: 13px 0 13px 56px;
  font-family: "NotoSansJP-Bold", sans-serif;
  font-size: 32px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .tv .tv-program h2 {
    padding: 13px 0 13px 46px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .tv .tv-program h2 {
    padding: 12px 46px 12px 16px;
    color: #FFF;
    font-size: 16px;
  }
}
.tv .tv-program h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
@media (max-width: 1024px) {
  .tv .tv-program h2::before {
    width: 54px;
    height: 54px;
    background-size: 100% auto;
  }
}
@media (max-width: 767px) {
  .tv .tv-program h2::before {
    content: none;
  }
}
@media (max-width: 767px) {
  .tv .tv-program h2::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 30px;
    height: 21px;
    margin-top: -8px;
    background: url(/images/common/com_ic06.png) no-repeat 0 -21px;
    background-size: 100% auto;
  }
}
@media (max-width: 767px) {
  .tv .tv-program h2.is-open::after {
    margin-top: -15px;
    background-position: 0 0;
  }
}
.tv .tv-program.tv-program01 {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program01 {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program01 h2 {
    background: #001eff linear-gradient(to bottom, #03f 0%, #03f 50%, #001eff 51%, #001eff 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program01 h2::before {
    background-image: url(/images/tv/tv_ic01.png);
  }
}
.tv .tv-program.tv-program01 h3 {
  color: #001EFF;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program02 h2 {
    background: #ff4747 linear-gradient(to bottom, #f66 0%, #f66 50%, #ff4747 51%, #ff4747 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program02 h2::before {
    background-image: url(/images/tv/tv_ic02.png);
  }
}
.tv .tv-program.tv-program02 h3 {
  color: #F66;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program03 h2 {
    background: #650097 linear-gradient(to bottom, #8500B2 0%, #8500B2 50%, #650097 51%, #650097 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program03 h2::before {
    background-image: url(/images/tv/tv_ic03.png);
  }
}
.tv .tv-program.tv-program03 h3 {
  color: #8500B2;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program04 h2 {
    background: #E49F0D linear-gradient(to bottom, #EDB918 0%, #EDB918 50%, #E49F0D 51%, #E49F0D 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program04 h2::before {
    background-image: url(/images/tv/tv_ic04.png);
  }
}
.tv .tv-program.tv-program04 h3 {
  color: #EDB918;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program05 h2 {
    background: #FF2D12 linear-gradient(to bottom, #FF4720 0%, #FF4720 50%, #FF2D12 51%, #FF2D12 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program05 h2::before {
    background-image: url(/images/tv/tv_ic05.png);
  }
}
.tv .tv-program.tv-program05 h3 {
  color: #FF4720;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program06 h2 {
    background: #00A3F9 linear-gradient(to bottom, #00BCFB 0%, #00BCFB 50%, #00A3F9 51%, #00A3F9 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program06 h2::before {
    background-image: url(/images/tv/tv_ic06.png);
  }
}
.tv .tv-program.tv-program06 h3 {
  color: #00BCFB;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program07 h2 {
    background: #26C908 linear-gradient(to bottom, #3DD90F 0%, #3DD90F 50%, #26C908 51%, #26C908 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program07 h2::before {
    background-image: url(/images/tv/tv_ic07.png);
  }
}
.tv .tv-program.tv-program07 h3 {
  color: #3DD90F;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program08 h2 {
    background: #FF9800 linear-gradient(to bottom, #FFB300 0%, #FFB300 50%, #FF9800 51%, #FF9800 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program08 h2::before {
    background-image: url(/images/tv/tv_ic09.png);
  }
}
.tv .tv-program.tv-program08 h3 {
  color: #FFB300;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program09 h2 {
    background: #9F53FF linear-gradient(to bottom, #B973FF 0%, #B973FF 50%, #9F53FF 51%, #9F53FF 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program09 h2::before {
    background-image: url(/images/tv/tv_ic10.png);
  }
}
.tv .tv-program.tv-program09 h3 {
  color: #B973FF;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program10 h2 {
    background: #FF6000 linear-gradient(to bottom, #FF8000 0%, #FF8000 50%, #FF6000 51%, #FF6000 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program10 h2::before {
    background-image: url(/images/tv/tv_ic11.png);
  }
}
.tv .tv-program.tv-program10 h3 {
  color: #FF8000;
}
@media (max-width: 767px) {
  .tv .tv-program.tv-program11 h2 {
    background: #000 linear-gradient(to bottom, #222 0%, #222 50%, #000 51%, #000 100%);
  }
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program11 h2::before {
    background-image: url(/images/tv/tv_ic12.png);
  }
}
.tv .tv-program.tv-program11 h3 {
  color: #333;
}
.tv .tv-program ul {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 16px;
}
.tv .tv-program ul li {
  width: calc((100% - 64px) / 5);
}
@media (max-width: 1024px) {
  .tv .tv-program ul li {
    width: calc((100% - 48px) / 4);
  }
}
@media (max-width: 767px) {
  .tv .tv-program ul li {
    width: calc((100% - 32px) / 2);
  }
}
.tv .tv-program ul li figure img {
  width: 100%;
}
.tv .tv-program ul li .category {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .tv .tv-program ul li .category img {
    width: 60px;
  }
}
.tv .tv-program ul li h3 {
  margin-top: 8px;
  font-family: "NotoSansJP-Bold", sans-serif;
}
@media (max-width: 767px) {
  .tv .tv-program ul li h3 {
    margin-top: 6px;
  }
}
.tv .tv-program ul li .time {
  color: #333;
  font-family: "NotoSansJP-Bold", sans-serif;
}
@media (min-width: 768px) {
  .tv .tv-program.tv-program01 ul li {
    width: calc((100% - 32px) / 3);
  }
}
.tv .tv-program a {
  display: block;
  color: #333;
  text-decoration: none;
}
.tv .tv-program a:hover h3,
.tv .tv-program a:hover p {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .tv .tv-program .wrap {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .tv .tv-program .tv-program11 .wrap {
    padding-bottom: 0;
  }
}
/*# sourceMappingURL=tv.css.map */