@charset "utf-8";

/* new css */
/* アーカイブページ↓ */
.line_up__wrap {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
.line_up__ttlBox {
  padding: 0 15px;
}
.line_up__txtBox {
  padding: clamp(50px, 5.75vw, 92px) 15px clamp(50px, 6.25vw, 100px);
}
.line_up__txt01 {
  font-weight: 500;
  font-size: clamp(18px, 1.625vw, 26px);
  text-align: center;
  line-height: 1.88;
}
.line_up__txt02 {
  font-weight: 400;
  font-size: clamp(14px, 0.9375vw, 15px);
  text-align: center;
}
.line_up.column-2 .post-cols__col2 {
  width: 100%;
}
.line_up.column-2 .post-list__item:nth-child(odd) {
  border-right: none;
}
.line_up.column-2 .post-cols__col2::after {
  display: none;
}
.line_up.column-2 .post-list__item:nth-child(2n + 1)::after {
  display: none;
}
.line_up__archiveTxt {
  font-weight: 500;
  font-size: clamp(14px, 1.4375vw, 23px);
  line-height: 1;
  vertical-align: bottom;
}
.line_up__span01 {
  display: inline-block;
  font-family: century-gothic, sans-serif;
  font-size: clamp(16px, 1.6875vw, 27px);
  font-weight: 700;
}
.line_up__span02 {
  display: inline-block;
  padding-left: 5px;
  padding-right: 10px;
  font-weight: 500;
  font-size: clamp(14px, 1.0625vw, 17px);
}
.line_up__span03 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: clamp(30px, 2.5625vw, 41px);
  height: clamp(30px, 2.5625vw, 41px);
  margin-right: 10px;
  background: #58a3ba;
  border-radius: 50%;
  font-weight: 500;
  font-size: clamp(10px, 0.8125vw, 13px);
  letter-spacing: 0.1em;
  color: #fff;
}
.line_up__span04 {
  display: inline-block;
  padding-right: 10px;
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(18px, 3.1875vw, 51px);
}
.line_up__span01,
.line_up__span02,
.line_up__span03,
.line_up__span04 {
  vertical-align: bottom; /* または baseline / bottom */
}
.line_up .post-list__item-link {
  position: relative;
}
.line_up .post-list__item-link::before {
  content: "";
  display: block;
  max-width: 61px;
  width: 10%;
  padding-top: 3%;
  background: url(../imgs_new/line-up/line-up_arrow.png) center center / cover
    no-repeat;

  position: absolute;
  bottom: 1%;
  right: 11%;
}
.line_up__more {
  padding: clamp(15px, 1.8125vw, 29px) clamp(10px, 2.5vw, 40px);
  max-width: 760px;
  margin: 0 auto clamp(50px, 9.5vw, 152px);
  background: #fbeec6;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.line_up__moreLeft {
  width: 55%;
}
.line_up__moreRight {
  width: 37%;
}
.line_up__moreEn {
  margin-bottom: clamp(10px, 0.9375vw, 15px);
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(15px, 1.3125vw, 21px);
  color: #b55827;
}
.line_up__moreJp {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.75;
}
@media screen and (max-width: 785px) {
  .line_up.column-2 .post-list__item {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .line_up__more {
    flex-direction: column;
    row-gap: 4vw;
  }
  .line_up__moreLeft {
    width: 100%;
  }
  .line_up__moreRight {
    width: 100%;
    max-width: 300px;
  }
}

/* アーカイブページ↑ */

/* シングルページ↓ */
.line_up.single .low-head {
  margin-bottom: 0;
}
.line_up__contents {
  max-width: 1465px;
  padding: clamp(40px, 5.1875vw, 83px) 15px clamp(40px, 8.9375vw, 143px);
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.line_up__contentsLeft {
  width: 47%;
  max-width: 656px;
}
.line_up__contentsRight {
  width: 51%;
  max-width: 771px;
  padding: clamp(20px, 3.5vw, 56px) clamp(15px, 4.4375vw, 71px);
  margin-top: -10vw;
  background: #333333;
}
.line_up__mainTtl {
  font-weight: 500;
  font-size: clamp(20px, 1.5vw, 24px);
  letter-spacing: 0.1em;
}
.line_up__detail01 {
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(15px, 1.3125vw, 27px);
}
.line_up__detail02 {
  margin-bottom: clamp(14px, 1.0625vw, 17px);
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.line_up__detail03 {
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.line_up__detailSpan02 {
  padding-right: clamp(14px, 1.0625vw, 17px);
  font-weight: 500;
  font-size: clamp(14px, 1.0625vw, 17px);
}

.line_up__detailSpan04 {
  margin-top: clamp(0px, 0.9375vw, 15px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: clamp(35px, 2.5625vw, 41px);
  height: clamp(35px, 2.5625vw, 41px);
  margin-right: 10px;
  padding-left: 3px;
  background: #c65c26;
  border-radius: 50%;
  font-size: clamp(10px, 0.8125vw, 13px);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
}
.line_up__detailSpan05 {
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(35px, 4.8125vw, 77px);
  line-height: 1;
}
.line_up__detailSpan06 {
  padding-left: 5px;
  margin-top: clamp(5px, 2.1875vw, 35px);
  font-weight: 500;
  font-size: clamp(18px, 1.875vw, 30px);
  letter-spacing: 0.1em;
}
.line_up__detailSpan07 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: clamp(35px, 2.5625vw, 41px);
  height: clamp(35px, 2.5625vw, 41px);
  margin-right: 10px;
  padding-left: clamp(0px, 0.1875vw, 3px);
  background: #58a3ba;
  border-radius: 50%;
  font-size: clamp(10px, 0.8125vw, 13px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #fff;
}
.line_up__detailSpan08 {
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(25px, 2.375vw, 38px);
  line-height: 1;
}
.line_up__detailSpan09 {
  padding-left: 5px;
  margin-top: 6px;
  font-weight: 500;
  font-size: clamp(15px, 1.0625vw, 17px);
  letter-spacing: 0.1em;
}

.line_up__blackTtl {
  margin-bottom: clamp(15px, 1.25vw, 20px);
  font-weight: 700;
  font-size: clamp(16px, 1.3125vw, 21px);
  letter-spacing: 0.02em;
  color: #fff;
  line-height: 1.56;
}
.line_up__blackTxt01 {
  margin-bottom: clamp(15px, 1.25vw, 20px);
  font-weight: 700;
  font-size: clamp(15px, 1.0625vw, 17px);
  letter-spacing: 0.02em;
  color: #fff;
  line-height: 1.928;
}
.line_up__blackTxt02 {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #fff;
  line-height: 1.75;
}
.line_up__slideImg {
  background-position: center center;
  background-size: cover;
}
/* Swiperの基本クラスの矢印を非表示にして画像だけ表示 */
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

/* カスタムナビボタンのスタイル調整 */
.line_up__button-prev,
.line_up__button-next {
  width: 56px;
  height: 111px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
}

.line_up__button-prev img,
.line_up__button-next img {
  width: 100%;
  height: auto;
  display: block;
}

/* 左右の位置 */
.line_up__button-prev {
  left: 12vw;
}
.line_up__button-next {
  right: 12vw;
}
.line_up__swiperCaption {
  font-size: clamp(12px, 0.875vw, 14px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
.line_up__singleFloorWrap {
  background: #fff;
}
.line_up__singleFloor {
  max-width: 747px;
  padding: clamp(50px, 8.5vw, 136px) 15px clamp(50px, 6.75vw, 108px);
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.line_up__singleFloorLeft {
  width: 45%;
  max-width: 325px;
}
.line_up__singleFloorRight {
  width: 45%;
  max-width: 325px;
}
.line_up__singleFloorNum {
  width: clamp(30px, 2.75vw, 44px);
}
.line_up__singleFloorImg {
  background-position: center center;
  background-size: cover;
}
.line_up__singleDate {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.line_up__singleDateDt {
  width: 109px;
  padding: 10px;
  background: #686d70;
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(14px, 1.1875vw, 19px);
  color: #fff;
  text-align: center;
}
.line_up__singleDateDd {
  flex: 1;
  background: #ebebeb;
  padding: 10px;
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 15px);
  line-height: 1.75;
}
@media screen and (max-width: 750px) {
  .line_up__contents {
    flex-direction: column;

    row-gap: 5vw;
  }
  .line_up__contentsLeft {
    width: 100%;
    max-width: none;
  }
  .line_up__contentsRight {
    margin-top: 0;
    width: 100%;
  }
  .line_up__button-prev,
  .line_up__button-next {
    width: 28px;
    height: 55px;
    top: 55%;
  }
  .line_up__button-prev {
    left: 0;
  }
  .line_up__button-next {
    right: 0;
  }
  .line_up__singleFloor {
    flex-direction: column;
    row-gap: 6vw;
  }
  .line_up__singleFloorLeft {
    width: 100%;
    max-width: none;
  }
  .line_up__singleFloorRight {
    width: 100%;
    max-width: none;
  }
  .line_up__singleDate {
    flex-direction: column;
  }
  .line_up__singleDateDt {
    width: 100%;
  }
}
/* シングルページ↑ */