/* --------------------------------------------------
Contents
-------------------------------------------------- */
[class*=swiper-button] {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--primary-color);
}
[class*=swiper-button]::after {
  display: none;
}

.hero__visual {
  display: grid;
  place-items: center;
  width: 85%;
  height: calc(100svh - 7.6rem);
  margin-inline: auto;
}
.hero__visual svg {
  overflow: visible;
}
.hero__visual svg path[id^=logoText] {
  transformStyle: "preserve-3d";
}
.hero__news {
  border-bottom: 0.1rem solid;
}
.hero__newsBody {
  padding-block: 1.8rem;
  padding-inline: var(--contents-pd);
  color: var(--white-color);
  background: var(--primary-color);
  font-size: 1.4rem;
  line-height: 1.43;
  text-align: center;
}
.hero__newsBody .swiper-wrapper {
  align-items: center;
}
.hero__newsBody .swiper-slide {
  height: auto;
}
.hero__newsBodyText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.hero__newsBodyTextDate, .hero__newsBodyTextTitle {
  display: inline;
}
.hero__newsBodyTextDate {
  margin-inline: 0 0.35em;
}
.hero__newsCtaBtn {
  font-size: 1.4rem;
  text-align: center;
}
.hero__newsCtaBtnLink {
  display: inline-flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  height: 4rem;
}
.hero__newsCtaBtnIcon {
  display: grid;
  place-items: center;
  width: 1.6rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--white-color);
  background: var(--primary-color);
}
.hero__newsCtaBtnIcon svg {
  width: 0.8rem;
}

.section {
  padding-block: 4rem;
}
.sectionTitle {
  width: fit-content;
  margin-block: 0 4rem;
  margin-inline: auto;
}
.sectionTitle img {
  width: auto;
  height: 4rem;
}

.newRelease__visual {
  margin-block: 0 3.2rem;
}
.newRelease__visualMedia img {
  aspect-ratio: 1;
}
.newRelease__contentHeading {
  margin-block: 0 2.4rem;
  text-align: center;
}
.newRelease__contentHeadingTitle {
  width: 22.2rem;
  margin-block: 0 1.6rem;
}
.newRelease__contentHeadingTitle img {
  aspect-ratio: 500/163;
}
.newRelease__contentHeadingTitle {
  margin-inline: auto;
}
.newRelease__contentHeadingNote {
  font-size: 2.6rem;
  line-height: 1.42;
}
.newRelease__contentBody {
  margin-block: 0 3.2rem;
  padding-inline: var(--contents-pd);
}
.newRelease__contentCta {
  display: grid;
  gap: 0.8rem;
  margin-block: 0 1.2rem;
}
.newRelease__contentNote {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.45;
  text-align: center;
}

.liveTour__lead {
  margin-block: 0 6.4rem;
}
.liveTour__leadTitle {
  width: min(96%, 33.2rem);
  margin-block: 0 4rem;
  margin-inline: auto;
}
.liveTour__leadTitle img {
  aspect-ratio: 500/93;
}
.liveTour__leadText {
  padding-inline: var(--contents-pd);
}
.liveTour__leadVisualMedia img {
  aspect-ratio: 17/12;
}
.liveTour__list {
  display: grid;
  gap: 4rem;
  margin-block: 0 8rem;
}
.liveTour__listItemTitle {
  width: fit-content;
  margin-block: 0 2.4rem;
  margin-inline: auto;
}
.liveTour__listItemTitle img {
  width: auto;
  height: 2.8rem;
}
.liveTour__listItemContent {
  display: grid;
  gap: 1rem;
  justify-content: center;
  width: min(100% - var(--contents-pd), 29.7rem);
  margin-inline: auto;
  padding-block: 2rem;
  border: 0.1rem solid;
  border-radius: 0.8rem;
  text-align: center;
}
.liveTour__listItemContentDate {
  font-weight: 700;
  font-size: 3.2rem;
}
.liveTour__listItemContentDateYear {
  font-size: 2.4rem;
  margin-inline: 0 1rem;
}
.liveTour__listItemContentDateWeek {
  font-size: 1.8rem;
}
.liveTour__listItemContentInfo {
  padding-block: 0.8rem 0;
  border-top: 0.1rem solid;
}
.liveTour__listItemContentInfoMain {
  font-size: 1.5rem;
  line-height: 1.4;
}
.liveTour__listItemContentInfoMainNote {
  font-size: 1.1rem;
}
.liveTour__listItemContentInfoInquiry {
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  gap: 0.9rem;
  align-items: center;
}
.liveTour__listItemContentInfoInquiryText {
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.45;
}
.liveTour__ticket {
  display: grid;
  gap: 8rem;
}
.liveTour__ticketItem {
  text-align: center;
}
.liveTour__ticketItemLabel {
  width: fit-content;
  margin-block: 0 4rem;
  margin-inline: auto;
}
.liveTour__ticketItemLabel img {
  width: auto;
  height: 2.6rem;
}
.liveTour__ticketItemPeriod {
  display: inline-block;
  margin-block: 0 4rem;
  font-size: 2rem;
  line-height: 1.45;
  text-align: left;
}
.liveTour__ticketItemPeriodNote {
  display: inline-block;
  writing-mode: vertical-rl;
  font-size: 1rem;
  transform: translate(0, 0.2rem);
}

.release__visual {
  overflow: hidden;
  margin-block: 0 4rem;
}
.release__visualSlider {
  width: min(100%, 36.1rem);
  margin-inline: auto;
  overflow: visible;
}
.release__visualSliderSlide {
  transform-origin: center bottom;
  padding-inline: 2rem;
}
.release__visualSliderSlide img {
  transition: transform 0.6s var(--ease) 0s;
}
.release__visualSliderSlide:has(+ .swiper-slide-prev) {
  transform-origin: 75% bottom;
}
.release__visualSliderSlide.swiper-slide-prev img, .release__visualSliderSlide.swiper-slide-next img {
  transform: scale(0.9);
}
.release__visualSliderSlide.swiper-slide-prev img {
  transform-origin: left bottom;
}
.release__visualSliderSlide.swiper-slide-next img {
  transform-origin: right bottom;
}
.release__visualSliderSlide.swiper-slide-next + .swiper-slide {
  transform-origin: 25% bottom;
}
.release__meta {
  display: grid;
  grid-template-columns: 2rem 1fr 2rem;
  gap: 1rem;
  align-items: start;
  padding-inline: var(--contents-pd);
}
.release__metaPrev, .release__metaNext {
  margin-block: 2.5rem 0;
}
.release__metaListItem {
  text-align: center;
}
.release__metaListItemArtist {
  font-size: 1.7rem;
  letter-spacing: -0.02em;
}
.release__metaListItemTitle {
  font-weight: 700;
  font-size: 2.9rem;
  line-height: 1.21;
  margin-block: 0 1rem;
}
.release__metaListItemRelease {
  font-size: 1.8rem;
  margin-block: 0 3.2rem;
}
.release__metaListItemCta {
  display: grid;
  gap: 0.8rem;
}
.release__metaListItem:not(:first-child) {
  display: none;
}

.shorts__visual {
  overflow: hidden;
  margin-block: 0 4rem;
}
.shorts__visualSlider {
  width: min(100%, 20.2rem);
  margin-inline: auto;
  overflow: visible;
}
.shorts__visualSliderSlide {
  transform-origin: center bottom;
}
.shorts__visualSliderSlidePoster {
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
}
.shorts__visualSliderSlidePosterMedia {
  margin: 0 -0.1rem;
  clip-path: inset(0.2rem);
  aspect-ratio: 9/16;
  transition: transform 0.6s var(--ease) 0s;
}
.shorts__visualSliderSlidePosterMedia img {
  width: 100.1%;
  height: 100%;
  object-fit: cover;
}
.shorts__visualSliderSlidePosterBtn {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #EB4C3C;
}
.shorts__visualSliderSlidePosterBtn svg {
  width: 6.3rem;
  opacity: 0;
}
.shorts__visualSliderSlideMovie {
  position: relative;
  aspect-ratio: 9/16;
  border-radius: 0.8rem;
  overflow: hidden;
}
.shorts__visualSliderSlideMovie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.shorts__visualSliderSlide:has(+ .swiper-slide-prev) {
  transform-origin: 75% bottom;
}
.shorts__visualSliderSlide.swiper-slide-prev .shorts__visualSliderSlidePoster, .shorts__visualSliderSlide.swiper-slide-next .shorts__visualSliderSlidePoster {
  transform: scale(0.94);
}
.shorts__visualSliderSlide.swiper-slide-prev .shorts__visualSliderSlidePoster {
  transform-origin: left bottom;
}
.shorts__visualSliderSlide.swiper-slide-next .shorts__visualSliderSlidePoster {
  transform-origin: right bottom;
}
.shorts__visualSliderSlide.swiper-slide-next + .swiper-slide {
  transform-origin: 25% bottom;
}
.shorts__meta {
  display: grid;
  grid-template-columns: 2rem 1fr 2rem;
  gap: 1rem;
  align-items: center;
  padding-inline: var(--contents-pd);
}
.shorts__metaListItem {
  text-align: center;
}
.shorts__metaListItemTitle {
  font-size: 2rem;
  line-height: 1.45;
}
.shorts__metaListItem:not(:first-child) {
  display: none;
}

@media screen and (orientation: landscape) {
  .hero__visual {
    width: calc((100vh - 18.9rem) * 0.79);
    padding-block: 7.2rem 0;
  }
  .hero__newsBody {
    padding-block: 2.8rem;
    padding-inline: 0;
  }
  .hero__newsBodyText {
    -webkit-line-clamp: 1;
  }
  .hero__newsCtaBtnIcon {
    transition: transform 0.2s var(--easeout) 0s;
  }
  .hero__newsCtaBtnLink:hover .hero__newsCtaBtnIcon {
    transform: translate(0.4rem, 0);
  }
}
@media screen and (min-width: 768px) {
  [class*=swiper-button] svg {
    transition: transform 0.2s var(--easeout) 0s;
  }
  [class*=swiper-button].swiper-button-prev:hover svg {
    transform: translate(-0.4rem, 0);
  }
  [class*=swiper-button].swiper-button-next:hover svg {
    transform: translate(0.4rem, 0);
  }
  .section {
    padding-block: 8rem;
  }
  .sectionTitle {
    margin-block: 0 8rem;
  }
  .sectionTitle img {
    height: 6.2rem;
  }
  .newRelease__visual {
    width: 56rem;
    margin-inline: auto;
  }
  .newRelease__contentBodyText {
    text-align: center;
  }
  .liveTour__leadTitle {
    width: 55.4rem;
  }
  .liveTour__leadText {
    text-align: center;
  }
  .liveTour__leadVisual {
    width: 68rem;
    margin-inline: auto;
  }
  .liveTour__listItemTitle img {
    height: 3.2rem;
  }
  .liveTour__listItemContent {
    grid-template-columns: 12rem 1fr;
    gap: 0;
    width: 49rem;
    margin-inline: auto;
    padding-block: 1.6rem;
    padding-inline: 0;
  }
  .liveTour__listItemContentDateYear {
    display: block;
    margin-block: 0 0.5rem;
    margin-inline: 0;
    font-size: 1.7rem;
  }
  .liveTour__listItemContentDateWeek {
    display: block;
    margin-block: 0.5rem 0;
  }
  .liveTour__listItemContentInfo {
    display: grid;
    place-content: center;
    padding-block: 0;
    padding-inline: 0;
    border-top: none;
    border-left: 0.1rem solid;
  }
  .release__visual {
    max-width: 124rem;
    margin-inline: auto;
  }
  .release__visualSlider {
    width: 40.4rem;
  }
  .release__visualSliderSlide {
    padding-inline: 0;
  }
  .release__meta {
    width: 50rem;
    margin-inline: auto;
  }
  .release__metaPrev, .release__metaNext {
    margin-block: 2rem 0;
  }
  .release__metaListItemTitle {
    font-size: 2.6rem;
    line-height: 1.42;
  }
  .release__metaListItemCta {
    min-height: 12rem;
  }
  .shorts__visual {
    max-width: 104rem;
    margin-inline: auto;
  }
  .shorts__visualSlider {
    width: 28rem;
  }
  .shorts__visualSliderSlidePosterBtn svg {
    transition: opacity 0.2s var(--easeout) 0s;
  }
  .shorts__visualSliderSlidePosterBtn:hover svg {
    opacity: 1;
  }
  .shorts__meta {
    width: 47rem;
    margin-inline: auto;
  }
}