/* --------------------------------------------------
Contents
-------------------------------------------------- */
.top { margin: 0 0 4.5rem; }
.top__logo { width: 76%; margin: 0 auto 0.8rem; position: relative; aspect-ratio: 1000 / 657; }
.top__logo svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.top__logo svg #text1 { transform: translate(0, 101%); }
body.isLoaded .top__logo svg #text1 { transform: none; transition: transform 1.6s var(--special) 0.1s; }
.top__logo svg #text2 { transform: translate(0, 101%); }
body.isLoaded .top__logo svg #text2 { transform: none; transition: transform 1.6s var(--special) 0.2s; }
.top__logo svg #text3 { transform: translate(0, 101%); }
body.isLoaded .top__logo svg #text3 { transform: none; transition: transform 1.6s var(--special) 0.3s; }
.top__logo svg #text4 { transform: translate(0, 101%); }
body.isLoaded .top__logo svg #text4 { transform: none; transition: transform 1.6s var(--special) 0.4s; }
.top__logo svg #text5 { transform: translate(0, 101%); }
body.isLoaded .top__logo svg #text5 { transform: none; transition: transform 1.6s var(--special) 0.5s; }
.top__logo svg #text6 { transform: translate(0, 101%); }
body.isLoaded .top__logo svg #text6 { transform: none; transition: transform 1.6s var(--special) 0.6s; }
.top__logo svg #text7 { transform: translate(0, 101%); }
body.isLoaded .top__logo svg #text7 { transform: none; transition: transform 1.6s var(--special) 0.7s; }

.artists { position: relative; margin: 0 0 4.4rem; }
.artists__header { position: absolute; left: 0; right: 0; top: 0; z-index: 2; }
.artists__contents { overflow: hidden; }
.artists__contentsSlider { width: 50.67%; overflow: visible; margin: 0; }
.artists__contentsSlider .swiper-wrapper { transition-timing-function: var(--special); }
.artists__contentsController { display: flex; justify-content: space-between; }
.artists__contentsControllerArrow { padding: 1rem; }
.artists__contentsControllerArrowIcon { width: 2.1rem; }

.artistSingle__main { aspect-ratio: 190 / 212; position: relative; display: flex; justify-content: center; align-items: center; }
.artistSingle__mainImage { width: 63.68%; background: var(--bg-color); padding: 0.3rem; box-sizing: border-box; }
.artistSingle__mainImage img { aspect-ratio: 392 / 440; }
.artistSingle__mainText { position: absolute; left: 0.8rem; bottom: 0.8rem; }
.artistSingle__mainText .textJp { font-size: 1.6rem; }
.artistSingle__mainText .textEn { font-size: 2.6rem; line-height: 1.2; letter-spacing: -0.01em; }
.artistSingle__mainText .textEn--min { font-size: 1.8rem; }
.artistSingle__mainTextLink { display: flex; pointer-events: none; }
#wrapper[data-language="en"] .artistSingle__mainTextLink { flex-direction: column; }
.artistSingle__mainTextName { display: flex; }
.artistSingle__mainTextNameDeco { width: 1rem; margin: 0.5rem 0 0; overflow: hidden; }
.artistSingle__mainTextNameDecoImageContainer { position: relative; height: 100%; transition: transform 0.4s var(--special) 0s; }
.artistSingle__mainTextNameDecoImageContainerImage { display: block; position: relative; aspect-ratio: 1000 / 273; }
.artistSingle__mainTextNameDecoImageContainerImage svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.artistSingle__mainTextNameDecoImageContainerImage:nth-child(2) { position: absolute; top: 110%; left: 0; right: 0; }
.artistSingle__mainTextCategory .textJp { letter-spacing: -0.03em; }
#wrapper[data-language="en"] .artistSingle__mainTextCategory { margin: -1rem 0 0; }
.artistSingle__mainTextLink:hover .moveLinkLabel { transform: translate(0, -110%); }
.artistSingle__mainTextLink:hover .artistSingle__mainTextNameDecoImageContainer { transform: translate(0, -110%); }
.artistSingle__biography { display: none; }
.artistSingle--blue .artistSingle__main, .artistSingle--blue .artistSingle__biography { background: var(--acc-blue); }
.artistSingle--blue .artistSingle__mainText { color: var(--acc-red); }
.artistSingle--red .artistSingle__main, .artistSingle--red .artistSingle__biography { background: var(--acc-red); }
.artistSingle--red .artistSingle__main { border-radius: 9.5rem; }
.artistSingle--red .artistSingle__mainText { color: var(--acc-blue); }

.schedule { font-family: var(--font-en); font-weight: 300; }
.schedule__title { font-size: 2.2rem; letter-spacing: -0.03em; padding: 0 0.8rem 0.8rem; }
.schedule__contentsList { border-top: 0.1rem solid; }
.schedule__contentsListItem { border-bottom: 0.1rem solid; }
.schedule__contentsListItemContainer { height: 3rem; display: flex; justify-content: space-between; align-items: center; padding: 0 0.8rem; font-size: 1.2rem; letter-spacing: -0.02em; }
.schedule__contentsListItem span.schedule__contentsListItemContainer { color: #9FA0A0; }
.schedule__contentsListItemDate { width: 5.5rem; }

@keyframes linkBgHover { 0% { transform: translate(-101%, 0); }
  100% { transform: translate(0, 0); } }
@keyframes linkBgHoverOut { 0% { transform: translate(0, 0); }
  100% { transform: translate(101%, 0); } }
@media screen and (orientation: landscape) { .top { margin: 0 0 18rem; }
  .top__logo { width: 65.63%; margin: 0 auto 1.3rem; }
  .artists { margin: 0 0 13rem; }
  .artists__contentsSlider { width: 100%; }
  .artists__contentsController { padding: 3rem 2.5rem 0; }
  .artists__contentsControllerArrow { padding: 1.5rem; }
  .artists__contentsControllerArrowIcon { width: 3rem; }
  .artistSingle { display: flex; align-items: flex-start; }
  .artistSingle__main { aspect-ratio: 647 / 720; width: 50.55%; }
  .artistSingle__mainImage { width: 63.68%; background: var(--bg-color); padding: 1rem; }
  .artistSingle__mainText { left: 1.5rem; bottom: 2rem; }
  .artistSingle__mainText .textJp { font-size: 5.7rem; }
  .artistSingle__mainText .textEn { font-size: 9rem; }
  .artistSingle__mainText .textEn--min { font-size: 6.2rem; }
  .artistSingle__mainTextNameDeco { width: 3.3rem; }
  #wrapper[data-language="en"] .artistSingle__mainTextNameDeco { margin: 1.5rem 0 0; }
  #wrapper[data-language="en"] .artistSingle__mainTextCategory { margin: -2.8rem 0 0; }
  .artistSingle__biography { display: flex; justify-content: center; align-items: center; margin: 1.88%; flex: 1; aspect-ratio: 585 / 637; }
  .artistSingle__biography .textJp, .artistSingle__biography .textEn { width: 86.32%; }
  .artistSingle__biographyText { color: var(--bg-color); }
  .textJp .artistSingle__biographyText { font-weight: 500; font-size: 1.5rem; line-height: 1.6; }
  .textEn .artistSingle__biographyText { font-weight: 400; font-size: 1.4rem; line-height: 1.43; }
  .artistSingle--red .artistSingle__main { border-radius: 32.4rem; }
  .artistSingle--red .artistSingle__biography { border-radius: 4.8rem; }
  .schedule__title { font-size: 7.5rem; padding: 0 1.6rem 1.6rem; }
  .schedule__contentsListItemContainer { height: 5rem; padding: 0 2.2rem; font-size: 2.4rem; }
  .schedule__contentsListItem a.schedule__contentsListItemContainer { position: relative; overflow: hidden; }
  .schedule__contentsListItem a.schedule__contentsListItemContainer > * { position: relative; z-index: 2; }
  .schedule__contentsListItem a.schedule__contentsListItemContainer::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #e4e4e4; transform: translate(-101%, 0); animation: linkBgHoverOut 0.4s var(--easeout) 0s forwards; }
  .schedule__contentsListItem a.schedule__contentsListItemContainer:hover::after { animation-name: linkBgHover; }
  .schedule__contentsListItemDate { width: 10.5rem; } }