@charset "UTF-8";
#lineup {
  padding-bottom: clamp(70px, 14.58vw, 146px);
}

/* ======================
lineup-list
========================= */
#lineup.list #article {
  padding-top: clamp(30px, 8.27vw, 62px);
}
.lineupList__lead {
  max-width: 850px;
  margin: 0 auto;
  padding-bottom: clamp(30px, 8.27vw, 62px);
}

.lineup__list {
  margin-bottom: 22px;
}
.lineup__item {
  width: 32%;
  max-width: 369px;
}
.lineup__item a .lineup__item-imgbk {
  margin-bottom: 1.6em;
  aspect-ratio: 369 / 250;
  overflow: hidden;
}
.lineup__item a .lineup__item-imgbk img {
  transition: 0.3s;
}
.lineup__item a:hover .lineup__item-imgbk img {
  scale: 1.1;
}
.lineup__item-ttl {
  font-size: clamp(19px, 1.89vw, 24px);
  margin-bottom: 0.2em;
}
.lineup__item-ttl span {
  display: inline-block;
}
.lineup__item-ttl .num {
  font-size: clamp(15px, 3.13vw, 18px);
  line-height: 1;
  display: block;
  margin-bottom: 0.8em;
}
/* ======================
lineup-detail
========================= */
#lineup.detail {
  padding-bottom: 0;
}
#lineup.detail #article {
  padding-top: clamp(55px, 11.46vw, 104px);
}
.detail__head {
  padding-bottom: clamp(40px, 10.13vw, 76px);
}
.detail__head-ttl {
  font-size: clamp(23px, 4vw, 30px);
  letter-spacing: 0.08em;
  margin-bottom: 0.7em;
  padding-left: 0.5em;
}
.detail__head-txtbk-catch {
  font-size: clamp(22px, 2.93vw, 28px);
  padding: 1.5em 0 1.1em;
}
.detail__head-txtbk p {
  font-size: clamp(15px, 3.13vw, 18px);
  line-height: 1.889;
  min-height: 5.7em;
}

.detail__cont-ttlbk {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 88px;
  background: #435254;
}
.detail__cont-ttl {
  font-size: clamp(21px, 2.8vw, 27px);
  line-height: 1.318;
  letter-spacing: 0.08em;
  color: #f4f0e8;
  max-width: 960px;
  margin: 0 auto;
  padding: 0.5em 0;
}

.detail__cont-inner {
  padding: clamp(15px, 5.87vw, 44px) 0 clamp(20px, 13.07vw, 98px);
}
.detail__cont-txt {
  width: 47%;
  max-width: 445px;
  margin-top: -0.5em;
}
.detail__cont-img {
  width: 50%;
  max-width: 442px;
}
.detail .lineupList {
  margin-top: min(16.67vw, 125px);
  padding: clamp(50px, 14.67vw, 110px) 0 clamp(70px, 16.27vw, 122px);
  background: #e6e6e6;
}
.detail .lineup__list {
  margin-bottom: 0;
}
@media screen and (max-width: 840px) {
  /* ======================
	lineup
	========================= */
  .lineup__list {
    gap: 6.85vw 4%;
  }
  .lineup__item {
    width: 48%;
  }
}
@media screen and (max-width: 750px) {
  /* ======================
	lineup-detail
	========================= */
  .detail__cont-inner {
    flex-direction: column-reverse;
    align-items: center;
    gap: 1.5em;
  }
  .detail__cont-img,
  .detail__cont-txt {
    width: 100%;
    max-width: 630px;
  }
}
@media screen and (max-width: 640px) {
}

@media screen and (max-width: 500px) {
  /* ======================
	lineup
	========================= */
  .lineup__list {
    flex-direction: column;
    align-items: center;
    gap: 10vw;
  }
  .lineup__item {
    width: 100%;
    max-width: initial;
  }
}