@charset "UTF-8";
/* CSS INFORMATION =====================================================
File name : archive.css
Description : 過去の放送ページ
===================================================================== */
/* ========================================================
    header
======================================================== */
.header .headbnr {
  padding: 0 !important;
}
.header .headbnr_list {
  display: none !important;
}
.header .mv_onair {
  padding: 1rem 0;
}
.header .mv_onair_text {
  font-size: 3.2rem;
  transform: translateY(0);
}

.archive {
  padding: 6rem 0 14rem;
  background: #5036bb url(../images/common/bg_koushi.png) repeat top left;
  text-align: center;
}
.archive .season {
  position: relative;
  font-size: 4.6rem;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  padding: 0 8rem;
  margin-bottom: 6rem;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .archive .season {
    font-size: 3.6rem;
    padding: 0 15rem;
  }
}
.archive .season::before, .archive .season::after {
  content: "";
  width: 6rem;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  background: url(../images/top/tit_line_sp.png) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .archive .season::before, .archive .season::after {
    width: 13rem;
    background: url(../images/top/tit_line.png) no-repeat center center/contain;
  }
}
.archive .season::before {
  left: 0;
}
.archive .season::after {
  right: 0;
}
.archive_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.archive_list li {
  width: calc((100% - 6rem) / 2);
  margin-bottom: 6rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .archive_list li:not(:nth-child(2n)) {
    margin-right: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .archive_list li {
    width: calc((100% - 12rem) / 3);
  }
  .archive_list li:not(:nth-child(3n)) {
    margin-right: 6rem;
  }
}
.archive_list li a {
  display: block;
  border-radius: 2rem;
}
.archive_list li a:hover {
  opacity: 1;
  box-shadow: 0 0 20px #37e8ff, 0 0 20px rgba(55, 232, 255, 0.4);
}
.archive_list li .photo-block {
  position: relative;
  padding-bottom: 2rem;
}
.archive_list li .photo-block img {
  border-radius: 2rem;
  border: 6px solid #ffffff;
}
.archive_list li .date {
  color: #ffffff;
  line-height: 1;
  font-size: 2.6rem;
}
@media screen and (min-width: 768px) {
  .archive_list li .date {
    font-size: 1.6rem;
  }
}
.archive_list li h3 {
  color: #ffff00;
  font-weight: 700;
  padding: 0.3em 0;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .archive_list li h3 {
    font-size: 2rem;
  }
}
.archive_list li p:not(.date) {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  line-height: 1.3;
  color: #ffffff;
  font-size: 2.6rem;
}
@media screen and (min-width: 768px) {
  .archive_list li p:not(.date) {
    font-size: 1.6rem;
  }
}

.bg_pink {
  background: #ff42a1 url(../images/common/bg_koushi.png) repeat top left;
  padding: 10rem 0 14rem;
}
.bg_pink .archive_list li a:hover {
  opacity: 1;
  box-shadow: 0 0 20px #fbffea, 0 0 20px rgba(251, 255, 234, 0.4) !important;
}/*# sourceMappingURL=archive.css.map */