@charset "UTF-8";
.p-op {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.is-load .p-op {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1) 0.8s;
}
.p-op.is-close {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.p-op__container {
  width: 100%;
  min-height: var(--svh);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
}
.p-op__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-op__content {
  width: 60%;
  max-width: calc(var(--svh) * 0.8);
  display: block;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-op__content {
    width: 93%;
  }
}
.p-op__close {
  width: 7rem;
  height: 7rem;
  display: block;
  position: fixed;
  top: 1rem;
  left: 2rem;
  font-size: 0;
}
@media screen and (max-width: 960px) {
  .p-op__close {
    width: 5rem;
    height: 5rem;
    top: 0.8rem;
    left: 1rem;
  }
}
.p-op__close::before {
  content: "";
  width: 90%;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(30deg);
  background: var(--color-white);
}
@media screen and (max-width: 960px) {
  .p-op__close::before {
    width: 80%;
    height: 1px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-op__close::before {
    transition: transform 0.4s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-op__close:hover::before {
    background-color: var(--color-yellow);
    transform: translate(-50%, -50%) rotate(20deg);
  }
}
.p-op__close::after {
  content: "";
  width: 90%;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  background: var(--color-white);
}
@media screen and (max-width: 960px) {
  .p-op__close::after {
    width: 80%;
    height: 1px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-op__close::after {
    transition: transform 0.4s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-op__close:hover::after {
    background-color: var(--color-yellow);
    transform: translate(-50%, -50%) rotate(-20deg);
  }
}

.p-op_content {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.p-op_content::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/op/bg_txt.png") no-repeat center/contain;
  animation: rotate 120s linear infinite;
  pointer-events: none;
}
.p-op_content__base {
  display: block;
  position: relative;
}
.p-op_content__inner {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-op_content__text {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(2rem);
}
.is-load .p-op_content__text {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1), transform 2s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-load .p-op_content__text:nth-child(1) {
  transition-delay: 0.6s;
}
.is-load .p-op_content__text:nth-child(2) {
  transition-delay: 0.65s;
}
.is-load .p-op_content__text:nth-child(3) {
  transition-delay: 0.7s;
}
.is-load .p-op_content__text:nth-child(4) {
  transition-delay: 0.75s;
}
.is-load .p-op_content__text:nth-child(5) {
  transition-delay: 0.8s;
}
.is-load .p-op_content__text:nth-child(6) {
  transition-delay: 0.85s;
}
.is-load .p-op_content__text:nth-child(7) {
  transition-delay: 0.9s;
}
.is-load .p-op_content__text:nth-child(8) {
  transition-delay: 0.95s;
}
.is-load .p-op_content__text:nth-child(9) {
  transition-delay: 1s;
}
.is-load .p-op_content__text:nth-child(10) {
  transition-delay: 1.05s;
}

.p-top {
  display: block;
  position: relative;
}
.p-top__container {
  display: block;
  position: relative;
}
.p-top__header {
  display: block;
  position: relative;
}

.p-hero {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-hero {
    min-height: calc(var(--svh) * 3);
    margin-bottom: calc(var(--svh) * -0.8);
  }
  .p-hero::before {
    content: "";
    width: 100%;
    height: calc(var(--svh) * 2);
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 960px) {
  .p-hero {
    overflow: hidden;
  }
}
.p-hero__container {
  overflow: hidden;
}
@media screen and (min-width: 961px) {
  .p-hero__container {
    height: var(--svh);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
  }
}
@media screen and (orientation: landscape) {
  .p-hero__container {
    height: var(--svh);
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__container {
    min-height: 180vw;
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) and (min-width: 750px) {
  .p-hero__container {
    min-height: 100vw;
  }
}
.p-hero__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-hero__bg-img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/main/header_frame_pc.png") no-repeat center/100% 100%;
  opacity: 0;
  transform: scale3d(1.15, 1.15, 1.15);
}
.is-load:not(.is-scroll-space) .p-hero__bg-img {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: opacity 2s cubic-bezier(0.65, 0, 0.35, 1), transform 4s cubic-bezier(0.5, 1, 0.89, 1);
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__bg-img {
    height: 134vw;
    display: block;
    position: relative;
    background: url("../img/main/header_frame_sp.png") no-repeat center/100% 100%;
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) and (min-width: 750px) {
  .p-hero__bg-img {
    height: 100vw;
    background: url("../img/main/header_frame_pc.png") no-repeat center/100% 100%;
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__bg-img::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--color-black);
  }
}
@media screen and (min-width: 961px) {
  .p-hero__content {
    width: 90%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.p-hero__header {
  width: 100%;
  display: block;
  position: absolute;
}
@media screen and (min-width: 961px) {
  .p-hero__header {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (orientation: landscape) {
  .p-hero__header {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__header {
    height: 134vw;
    display: block;
    position: relative;
    margin: 0 auto;
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) and (min-width: 750px) {
  .p-hero__header {
    height: 100vw;
  }
}
.p-hero__brand {
  width: 45rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (orientation: landscape) {
  .p-hero__brand {
    max-width: calc(var(--svh) * 0.45);
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__brand {
    width: 60%;
    max-width: 45rem;
    position: absolute;
    top: 67vw;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) and (min-width: 750px) {
  .p-hero__brand {
    width: 46%;
    top: 50vw;
  }
}
.p-hero__brand-img {
  display: block;
  position: relative;
  opacity: 0;
  transform: scale3d(1.04, 1.04, 1.04);
}
.is-load:not(.is-scroll-space) .p-hero__brand-img {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1), transform 3s cubic-bezier(0.5, 1, 0.89, 1);
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__inner {
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) and (min-width: 750px) {
  .p-hero__inner {
    width: 90%;
    max-width: 600px;
    display: flex;
    justify-content: center;
    gap: 5%;
    margin: 0 auto;
  }
}
.p-hero__info {
  width: 30%;
  max-width: 42rem;
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-hero__info {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (orientation: landscape) {
  .p-hero__info {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__info {
    width: 71%;
    margin: 0 auto 6.2%;
  }
}
.p-hero__info-img {
  display: block;
  position: relative;
  margin: 0 auto;
  opacity: 0;
  transform: scale3d(1.04, 1.04, 1.04);
}
.is-load:not(.is-scroll-space) .p-hero__info-img {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: opacity 2s cubic-bezier(0.65, 0, 0.35, 1), transform 3s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-hero__cast {
  width: 30%;
  max-width: 42rem;
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-hero__cast {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (orientation: landscape) {
  .p-hero__cast {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__cast {
    width: 60%;
    margin: 0 auto;
  }
}
.p-hero__cast-img {
  display: block;
  position: relative;
  margin: 0 auto;
  opacity: 0;
  transform: scale3d(1.04, 1.04, 1.04);
}
.is-load:not(.is-scroll-space) .p-hero__cast-img {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: opacity 2s cubic-bezier(0.65, 0, 0.35, 1), transform 3s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-hero__deco {
  width: 38rem;
  max-width: 35vh;
  display: block;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
@media screen and (max-width: 960px) {
  .p-hero__deco {
    right: 1rem;
    bottom: 1rem;
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__deco {
    display: none;
  }
}
.p-hero__scroll {
  display: block;
  position: absolute;
  bottom: 0;
  left: 1.5rem;
}
@media screen and (max-width: 960px) {
  .p-hero__scroll {
    left: 1rem;
  }
}
@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-hero__scroll {
    display: none;
  }
}
.p-hero__scroll-bar {
  width: 0.1rem;
  height: 5rem;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0.8rem 0.5rem 0;
}
@media screen and (max-width: 960px) {
  .p-hero__scroll-bar {
    height: 3rem;
    margin-top: 0.2rem;
  }
}
.p-hero__scroll-bar::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-yellow);
  animation: scroll_bar 2.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@keyframes scroll_bar {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
.p-hero__scroll-cap {
  width: 2rem;
  display: block;
  position: relative;
  writing-mode: vertical-rl;
  font-size: 1.7rem;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  color: var(--color-yellow);
}
@media screen and (max-width: 960px) {
  .p-hero__scroll-cap {
    width: 1.5rem;
    font-size: 1.1rem;
  }
}

.p-info {
  display: block;
  position: relative;
  margin-top: 8rem;
}
@media screen and (max-width: 960px) {
  .p-info {
    margin-top: 4rem;
  }
}
.p-info__container {
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, 5rem, 0);
}
.is-scroll-active .p-info__container {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-info__attention {
  width: 90%;
  max-width: 62rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-info__attention {
    max-width: 600px;
  }
}
.p-info__bnr {
  width: 90%;
  max-width: 1400px;
  display: block;
  position: relative;
  margin: 9rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-info__bnr {
    max-width: 600px;
    margin-top: 4.5rem;
  }
}

.p-info_attention {
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2rem 6rem;
  background-color: var(--color-black-aplpha);
}
@media screen and (max-width: 960px) {
  .p-info_attention {
    min-height: 7rem;
    padding: 1rem 6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-info_attention {
    transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-info_attention:hover {
    color: var(--color-black);
    background-color: var(--color-yellow);
  }
}
.p-info_attention::before {
  content: "";
  width: 100%;
  height: calc(100% - 1.4rem);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 0.1rem solid var(--color-white);
  border-bottom: 0.1rem solid var(--color-white);
  pointer-events: none;
  opacity: 0.2;
}
@media (hover: hover) and (pointer: fine) {
  .p-info_attention::before {
    transition: border-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-info_attention:hover::before {
    border-color: var(--color-black);
  }
}
.p-info_attention__text {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-info_attention__text {
    font-size: 1.3rem;
  }
}
.p-info_attention__arrow {
  width: 3.2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
  .p-info_attention__arrow {
    width: 2rem;
    right: 1.8rem;
  }
}
.p-info_attention__arrow-svg {
  display: block;
  position: relative;
  fill: var(--color-white);
  fill-rule: evenodd;
}
@media (hover: hover) and (pointer: fine) {
  .p-info_attention__arrow-svg {
    transition: fill 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-info_attention:hover .p-info_attention__arrow-svg {
    fill: var(--color-black);
  }
}

.p-info_bnr {
  display: block;
  position: relative;
}
.p-info_bnr__list {
  display: flex;
  justify-content: flex-start;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-info_bnr__list {
    justify-content: center;
  }
}
.p-info_bnr__list-item {
  flex-shrink: 0;
  display: block;
  position: relative;
}
.p-info_bnr__data {
  display: block;
  position: relative;
}
.p-info_bnr__data-img {
  display: block;
  position: relative;
}
.p-info_bnr__data-img:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-white-green);
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .p-info_bnr__data-img:after {
    transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-info_bnr__data:hover .p-info_bnr__data-img:after {
    opacity: 0.4;
  }
}

.p-news {
  max-width: 1400px;
  display: block;
  position: relative;
  padding-top: 9rem;
  margin: 0 auto;
  overflow: hidden;
  z-index: 0;
}
@media screen and (max-width: 960px) {
  .p-news {
    padding-top: 5rem;
  }
}
.p-news__container {
  width: 85.7142857143%;
  display: block;
  position: relative;
  margin-left: auto;
  padding: 4rem 20rem 6rem 15rem;
}
@media screen and (max-width: 960px) {
  .p-news__container {
    width: 94.6666666667%;
    padding: 8rem 2rem 5.6rem;
  }
}
.p-news__container::before {
  content: "";
  width: calc(100% - 10rem);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--color-black-aplpha);
}
@media screen and (max-width: 960px) {
  .p-news__container::before {
    width: 100%;
    height: calc(100% - 5rem);
  }
}
.p-news__container::after {
  content: "";
  width: 10rem;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/main/bg_news_pc.png") no-repeat right top/100% 100%;
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .p-news__container::after {
    width: 100%;
    height: 5rem;
    background: url("../img/main/bg_news_sp.png") no-repeat right top/100% 100%;
  }
}
.p-news__header {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 961px) {
  .p-news__header {
    transform: rotate(90deg) translateY(-100%);
    transform-origin: left top;
  }
}
.p-news__title {
  width: 50rem;
  display: block;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-news__title {
    width: 34rem;
  }
}
.p-news__link {
  width: 13rem;
  display: block;
  position: absolute;
  top: 0;
  right: 4rem;
  transform: translate(0, -20%);
  z-index: 5;
}
@media screen and (max-width: 960px) {
  .p-news__link {
    width: 8.5rem;
    right: 1rem;
  }
}
.p-news__link-img {
  display: block;
  position: relative;
  background: url("../img/main/btn_follow_bg.png") no-repeat center/contain;
}
.p-news__link-img::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/main/btn_follow_hover.png") no-repeat center/contain;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}
@media (hover: hover) and (pointer: fine) {
  .p-news__link-img:hover::before {
    opacity: 1;
  }
}
.p-news__inner {
  display: block;
  position: relative;
}
.p-news__timeline {
  height: 360px;
  display: block;
  position: relative;
  overflow: hidden;
  content-visibility: auto;
}
.p-news__loader {
  height: 3rem;
  width: 3rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .p-news__loader {
    height: 4rem;
    width: 4rem;
  }
}
.is-timeline-loaded + .p-news__loader {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-news__loader::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 0.2rem solid var(--color-yellow);
  border-top: 0.2rem solid var(--color-navy);
  animation: rotate 0.5s linear infinite;
  z-index: 20;
  pointer-events: none;
}
.is-timeline-loaded .p-news__loader::before {
  animation-play-state: paused;
}
@media screen and (max-width: 960px) {
  .p-news__loader::before {
    border-width: 0.1rem;
  }
}

.p-artist {
  --color-text: var(--color-white-green);
  height: 1300vh;
  min-height: calc(6400px + 100vh);
  display: block;
  position: relative;
  color: var(--color-text);
  background: var(--color-gray);
  margin-top: 16rem;
  z-index: 0;
}
@media screen and (max-width: 960px) {
  .p-artist {
    margin-top: 9.1rem;
  }
}
.p-artist__container {
  min-height: 100vh;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
.p-artist__base {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
.p-artist__base-group {
  min-height: 150vh;
  height: 800px;
  display: block;
  position: relative;
}
.p-artist__screen {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-artist__screen-item {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1), visibility 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-artist-in .p-artist__screen-item.is-artist-current {
  opacity: 1;
  visibility: visible;
}
.p-artist__screen-item:nth-child(1) {
  background-color: var(--color-unit-1);
}
.p-artist__screen-item:nth-child(2) {
  background-color: var(--color-unit-2);
}
.p-artist__screen-item:nth-child(3) {
  background-color: var(--color-unit-3);
}
.p-artist__screen-item:nth-child(4) {
  background-color: var(--color-unit-4);
}
.p-artist__screen-item:nth-child(5) {
  background-color: var(--color-unit-5);
}
.p-artist__screen-item:nth-child(6) {
  background-color: var(--color-unit-6);
}
.p-artist__screen-item:nth-child(7) {
  background-color: var(--color-unit-7);
}
.p-artist__screen-item:nth-child(8) {
  background-color: var(--color-unit-8);
}
.p-artist__bg {
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-artist-in .p-artist__bg {
  opacity: 1;
  transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.p-artist__bg::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-white-green);
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-artist-mv-play .p-artist__bg::before {
  opacity: 0;
}
.p-artist__bg-canvas {
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  top: 50vh;
  left: 0;
  transform: translate(0, -50%);
}
.p-artist__bg-canvas canvas {
  width: 100% !important;
  height: 100vh !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-artist__marquee {
  width: 100%;
  height: 14.05rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/title/title_unit.png") repeat-x 0 0/53.1rem 14.05rem;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist__marquee {
    height: 7.025rem;
    background: url("../img/title/title_unit.png") repeat-x 0 0/26.55rem 7.025rem;
  }
}
.is-artist-in.is-artist-detail .p-artist__marquee {
  opacity: 0;
}
.p-artist__header {
  display: block;
  position: absolute;
  top: 7rem;
  left: 0;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .p-artist__header {
    top: 5rem;
  }
}
.is-artist-active .p-artist__header {
  pointer-events: auto;
}
.is-artist-detail .p-artist__header {
  pointer-events: none;
}
.p-artist__nav {
  display: block;
  position: relative;
  padding: 4rem 2.5rem;
}
@media screen and (max-width: 960px) {
  .p-artist__nav {
    padding: 2rem 1rem;
  }
}
.p-artist__inner {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
  content-visibility: auto;
}
.p-artist__close {
  width: 5.2rem;
  height: 3rem;
  display: block;
  position: absolute;
  top: 3rem;
  left: 3rem;
  font-size: 0;
  z-index: 5;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .p-artist__close {
    width: 3rem;
    height: 1.6rem;
    top: 1.8rem;
    left: 2rem;
  }
}
.p-artist__close-bar {
  width: 120%;
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.p-artist__close-bar:nth-child(1) {
  transform: translate(-50%, -50%) rotate(30deg);
}
.p-artist__close-bar:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-30deg);
}
.p-artist__close-bar::before {
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  background: var(--color-white);
  width: 0;
  right: 0;
  transition: width 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-artist-in.is-artist-detail .p-artist__close-bar::before {
  width: 100%;
  left: 0;
  transition-delay: 0.4s;
}
.p-artist__cursor {
  width: 120px;
  position: fixed;
  top: -6rem;
  left: -6rem;
  transform: translate(0, 0);
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1), visibility 0.3s cubic-bezier(0.5, 1, 0.89, 1), transform 0.2s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-artist-cursor-active .p-artist__cursor {
  opacity: 1;
  visibility: visible;
}
.is-artist-in.is-artist-detail .p-artist__cursor {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 961px) {
  .p-artist__cursor {
    /*
    [data-os="mac"] & {
      mix-blend-mode: normal;

      img {
        opacity: 0;
        visibility: hidden;
      }
      &::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url("../img/main/btn_moreview_icon.png") no-repeat center / contain;
      }
    }
    */
  }
}
@media screen and (min-width: 961px) and (hover: none) {
  .p-artist__cursor {
    top: calc(50% - 17vw) !important;
    left: 50% !important;
    position: absolute;
    transform: translate(-50%, -50%) !important;
    z-index: -1;
    opacity: 1;
    visibility: visible;
    mix-blend-mode: normal;
  }
}
@media screen and (max-width: 960px) {
  .p-artist__cursor {
    width: 75px;
    position: absolute;
    top: 33vh !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: -1;
    opacity: 1;
    visibility: visible;
  }
}
.p-artist__cursor::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/main/btn_moreview_text.png") no-repeat center/contain;
}
.is-load .p-artist__cursor::before {
  animation: rotate 30s linear infinite;
}
@media screen and (min-width: 961px) {
  .p-artist__cursor::before {
    animation-play-state: paused;
  }
  [data-os=mac] .p-artist__cursor::before {
    background: url("../img/main/btn_moreview_text.png") no-repeat center/contain;
  }
  .is-artist-cursor-active .p-artist__cursor::before {
    animation-play-state: running;
  }
  .is-artist-in.is-artist-detail .p-artist__cursor::before {
    animation-play-state: paused;
  }
}
.p-artist__cursor-circle {
  width: 85px;
  height: 85px;
  display: block;
  position: absolute;
  top: calc(50% - 42.5px);
  left: calc(50% - 42.5px);
}
@media screen and (max-width: 960px) {
  .p-artist__cursor-circle {
    width: 45px;
    height: 45px;
    top: calc(50% - 22.5px);
    left: calc(50% - 22.5px);
  }
}
.p-artist__cursor-svg {
  display: block;
  position: relative;
  fill: none;
  stroke: #003155;
  stroke-width: 0.1rem;
  vector-effect: non-scaling-stroke;
  stroke-dashoffset: 255;
  stroke-dasharray: 255;
  /*
  @include pc {
    [data-os="mac"] & {
      stroke: var(--color-white-green);
    }
  }
  */
}
@media screen and (max-width: 960px) {
  .p-artist__cursor-svg {
    stroke-width: 0.05rem;
    stroke-dashoffset: 138;
    stroke-dasharray: 138;
  }
}

.p-artist_nav {
  display: block;
  position: relative;
}
.p-artist_nav__list {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  gap: 2rem;
}
@media screen and (max-width: 960px) {
  .p-artist_nav__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-auto-flow: column;
    gap: 1.2rem 2rem;
  }
}
@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-artist_nav__list {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}
.p-artist_nav__list-item {
  display: block;
  position: relative;
  opacity: 0;
  transform: translateX(-1rem);
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.3s;
}
.is-artist-in .p-artist_nav__list-item {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1), transform 0.8s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-artist-in .p-artist_nav__list-item:nth-child(1) {
  transition-delay: 0s;
}
.is-artist-in .p-artist_nav__list-item:nth-child(2) {
  transition-delay: 0.05s;
}
.is-artist-in .p-artist_nav__list-item:nth-child(3) {
  transition-delay: 0.1s;
}
.is-artist-in .p-artist_nav__list-item:nth-child(4) {
  transition-delay: 0.15s;
}
.is-artist-in .p-artist_nav__list-item:nth-child(5) {
  transition-delay: 0.2s;
}
.is-artist-in .p-artist_nav__list-item:nth-child(6) {
  transition-delay: 0.25s;
}
.is-artist-in .p-artist_nav__list-item:nth-child(7) {
  transition-delay: 0.3s;
}
.is-artist-in .p-artist_nav__list-item:nth-child(8) {
  transition-delay: 0.35s;
}
.is-artist-in.is-artist-detail .p-artist_nav__list-item {
  opacity: 0;
  transform: translateX(-1rem);
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.3s;
}
.p-artist_nav__list-item:nth-child(1) {
  --main-color: var(--color-unit-1);
}
.p-artist_nav__list-item:nth-child(2) {
  --main-color: var(--color-unit-2);
}
.p-artist_nav__list-item:nth-child(3) {
  --main-color: var(--color-unit-3);
}
.p-artist_nav__list-item:nth-child(4) {
  --main-color: var(--color-unit-4);
}
.p-artist_nav__list-item:nth-child(5) {
  --main-color: var(--color-unit-5);
}
.p-artist_nav__list-item:nth-child(6) {
  --main-color: var(--color-unit-6);
}
.p-artist_nav__list-item:nth-child(7) {
  --main-color: var(--color-unit-7);
}
.p-artist_nav__list-item:nth-child(8) {
  --main-color: var(--color-unit-8);
}
.p-artist_nav__link {
  display: block;
  position: relative;
  cursor: pointer;
}
.is-artist-in .is-artist-current .p-artist_nav__link {
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-artist_nav__link {
    transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-artist_nav__link:hover {
    color: var(--main-color);
  }
}
.p-artist_nav__link-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  position: relative;
  padding: 0 0.5rem;
  font-size: 1.6rem;
  line-height: 1;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  color: var(--color-white);
}
@media screen and (max-width: 960px) {
  .p-artist_nav__link-text {
    font-size: 1.2rem;
    padding: 0 0.2rem;
  }
}
.p-artist_nav__link-text::after {
  content: "";
  width: 0;
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 45%;
  right: 0;
  transform: translate(0, -50%);
  border-bottom: 0.1rem solid var(--color-white-green);
  transition: width 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-artist-in .is-artist-current .p-artist_nav__link-text::after {
  width: 100%;
  left: 0;
}

.p-artist_group {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  cursor: pointer;
  content-visibility: auto;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: opacity 0s linear 1s, visibility 0s linear 1s, transform 0s linear 1s;
}
.is-artist-active .p-artist_group.is-artist-current {
  pointer-events: auto;
}
.p-artist_group img {
  pointer-events: none !important;
}
.is-artist-in .p-artist_group.is-artist-current {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: opacity 0s linear, visibility 0s linear;
}
.p-artist_group.--group1 {
  --main-color: var(--color-unit-1);
}
.p-artist_group.--group2 {
  --main-color: var(--color-unit-2);
}
.p-artist_group.--group3 {
  --main-color: var(--color-unit-3);
}
.p-artist_group.--group4 {
  --main-color: var(--color-unit-4);
}
.p-artist_group.--group5 {
  --main-color: var(--color-unit-5);
}
.p-artist_group.--group6 {
  --main-color: var(--color-unit-6);
}
.p-artist_group.--group7 {
  --main-color: var(--color-unit-7);
}
.p-artist_group::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-black);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-artist-in.is-artist-detail .p-artist_group::before {
  opacity: 0.3;
}
.p-artist_group__bg {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.is-artist-current .p-artist_group__bg {
  display: block;
}
.p-artist_group__bg-deco {
  width: 50rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group__bg-deco {
    width: 18rem;
  }
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__bg-deco {
  opacity: 1;
}
.p-artist_group__bg-deco.--l {
  left: 0;
}
.p-artist_group__bg-deco.--r {
  left: 100%;
}
.p-artist_group__line {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-artist_group__line-bar {
  display: block;
  position: absolute;
  background: var(--main-color);
}
.p-artist_group__line-bar:nth-child(1) {
  height: 1rem;
  top: 0;
  width: 0;
  right: 0;
  transition: width 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group__line-bar:nth-child(1) {
    height: 0.5rem;
  }
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__line-bar:nth-child(1) {
  width: 100%;
  left: 0;
}
.p-artist_group__line-bar:nth-child(2) {
  width: 1rem;
  right: 0;
  height: 0;
  bottom: 0;
  transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group__line-bar:nth-child(2) {
    width: 0.5rem;
  }
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__line-bar:nth-child(2) {
  height: 100%;
  top: 0;
}
.p-artist_group__line-bar:nth-child(3) {
  height: 1rem;
  bottom: 0;
  width: 0;
  left: 0;
  transition: width 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group__line-bar:nth-child(3) {
    height: 0.5rem;
  }
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__line-bar:nth-child(3) {
  width: 100%;
  left: auto;
  right: 0;
}
.p-artist_group__line-bar:nth-child(4) {
  width: 1rem;
  left: 0;
  height: 0;
  top: 0;
  transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group__line-bar:nth-child(4) {
    width: 0.5rem;
  }
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__line-bar:nth-child(4) {
  height: 100%;
  top: auto;
  bottom: 0;
}
.p-artist_group__container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.p-artist_group__title {
  --clip: 50rem;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 3.8rem;
  right: 3.8rem;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group__title {
    --clip: 30rem;
    top: 1.4rem;
    right: 1.4rem;
  }
}
.is-artist-in .is-artist-current .p-artist_group__title {
  opacity: 1;
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__title {
  opacity: 0;
}
.p-artist_group__title-main {
  width: 9.4rem;
  display: block;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-artist_group__title-main {
    width: 4.5rem;
  }
}
.p-artist_group__title-sub {
  width: 1.82rem;
  display: block;
  position: relative;
  margin-right: 0.8rem;
}
@media screen and (max-width: 960px) {
  .p-artist_group__title-sub {
    width: 1rem;
    margin-right: 0;
  }
}
.p-artist_group__brand {
  width: 72rem;
  display: block;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 0;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group__brand {
    width: 28rem;
    top: 5%;
  }
  .--group4 .p-artist_group__brand {
    top: 10%;
  }
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__brand {
  opacity: 1;
}
.p-artist_group__visual {
  flex-shrink: 0;
  width: min(136.5rem, 115%);
  display: block;
  position: relative;
  top: 1px;
  overflow: hidden;
}
@media screen and (orientation: landscape) {
  .p-artist_group__visual {
    max-width: 200vh;
    min-width: 150vh;
  }
}
@media screen and (orientation: portrait) {
  .p-artist_group__visual {
    width: min(131.5rem, 100%);
  }
}
@media screen and (max-width: 960px) {
  .p-artist_group__visual {
    width: 106%;
  }
}
.p-artist_group__stand {
  --clip: 30rem;
  display: block;
  position: relative;
  transform-origin: center bottom;
  transform: scale3d(1, 1, 1) translateY(0);
  transition: transform 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group__stand {
  transform: scale3d(0.95, 0.95, 0.95) translateY(3%);
  transition: transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-artist_group__stand img {
  width: 100%;
}
.p-artist_group__stand-img {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: scale3d(1.03, 1.03, 1.03);
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), transform 0s linear 0.8s;
}
.is-artist-in .is-artist-current .p-artist_group__stand-img {
  opacity: 1;
  transform: scale3d(1.001, 1.001, 1.001);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.2s, transform 0.8s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-artist_group__stand-img::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  transition: width 0s linear 0.8s;
}
@media screen and (max-width: 960px) {
  .p-artist_group__stand-img::after {
    content: none;
  }
}
.is-artist-in .is-artist-current .p-artist_group__stand-img::after {
  width: 0;
  transition: width 1.1s cubic-bezier(0.87, 0, 0.13, 1);
}
.--group1 .p-artist_group__stand-img::after {
  background: url("../img/unit/idol/idol_fine_cover_pc.png") no-repeat bottom right/auto 100%;
}
@media screen and (orientation: portrait) {
  .--group1 .p-artist_group__stand-img::after {
    background-image: url("../img/unit/idol/idol_fine_cover_sp.png");
  }
}
.--group2 .p-artist_group__stand-img::after {
  background: url("../img/unit/idol/idol_ryuseitai_cover_pc.png") no-repeat bottom right/auto 100%;
}
@media screen and (orientation: portrait) {
  .--group2 .p-artist_group__stand-img::after {
    background-image: url("../img/unit/idol/idol_ryuseitai_cover_sp.png");
  }
}
.--group3 .p-artist_group__stand-img::after {
  background: url("../img/unit/idol/idol_eden_cover_pc.png") no-repeat bottom right/auto 100%;
}
@media screen and (orientation: portrait) {
  .--group3 .p-artist_group__stand-img::after {
    background-image: url("../img/unit/idol/idol_eden_cover_sp.png");
  }
}
.--group4 .p-artist_group__stand-img::after {
  background: url("../img/unit/idol/idol_valkyrie_cover_pc.png") no-repeat bottom right/auto 100%;
}
@media screen and (orientation: portrait) {
  .--group4 .p-artist_group__stand-img::after {
    background-image: url("../img/unit/idol/idol_valkyrie_cover_sp.png");
  }
}
.--group5 .p-artist_group__stand-img::after {
  background: url("../img/unit/idol/idol_2wink_cover_pc.png") no-repeat bottom right/auto 100%;
}
@media screen and (orientation: portrait) {
  .--group5 .p-artist_group__stand-img::after {
    background-image: url("../img/unit/idol/idol_2wink_cover_sp.png");
  }
}
.--group6 .p-artist_group__stand-img::after {
  background: url("../img/unit/idol/idol_knights_cover_pc.png") no-repeat bottom right/auto 100%;
}
@media screen and (orientation: portrait) {
  .--group6 .p-artist_group__stand-img::after {
    background-image: url("../img/unit/idol/idol_knights_cover_sp.png");
  }
}
.--group7 .p-artist_group__stand-img::after {
  background: url("../img/unit/idol/idol_switch_cover_pc.png") no-repeat bottom right/auto 100%;
}
@media screen and (orientation: portrait) {
  .--group7 .p-artist_group__stand-img::after {
    background-image: url("../img/unit/idol/idol_switch_cover_sp.png");
  }
}
.p-artist_group__member {
  width: 24rem;
  display: block;
  position: absolute;
}
@media screen and (min-width: 961px) {
  .p-artist_group__member {
    bottom: 4rem;
    left: 4rem;
  }
}
@media screen and (max-width: 960px) {
  .p-artist_group__member {
    width: 60%;
    max-width: 20rem;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .--group1 .p-artist_group__member {
    top: 22%;
  }
  .--group5 .p-artist_group__member {
    top: 29%;
  }
  .--group7 .p-artist_group__member {
    top: 22.5%;
  }
}

.p-artist_group_member {
  display: block;
  position: relative;
  opacity: 0;
  transform: translateX(-1rem);
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1), transform 0.8s cubic-bezier(0.5, 1, 0.89, 1);
}
@media screen and (max-width: 960px) {
  .p-artist_group_member {
    transform: translateY(1rem);
  }
}
.is-artist-in.is-artist-detail .is-artist-current .p-artist_group_member {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: auto;
}
.p-artist_group_member__cap {
  display: block;
  position: relative;
  margin-bottom: 1.2rem;
  font-size: 3.2rem;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  lighting-color: 1;
  color: var(--color-white);
}
@media screen and (max-width: 960px) {
  .p-artist_group_member__cap {
    margin-bottom: 0.8rem;
    font-size: 2.6rem;
    text-align: center;
  }
}
.p-artist_group_member__name {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.2rem 2rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-artist_group_member__name {
    justify-content: center;
  }
}
.p-artist_group_member__name-text {
  display: block;
  position: relative;
  font-size: 1.7rem;
  font-family: zen-antique-soft, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  font-weight: 400;
  color: var(--color-white);
}
@media screen and (max-width: 960px) {
  .p-artist_group_member__name-text {
    font-size: 1.3rem;
    text-align: center;
  }
}

.p-schedule {
  width: 100%;
  max-width: 1400px;
  display: block;
  position: relative;
  margin: 16.2rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-schedule {
    margin-top: 9rem;
  }
}
.p-schedule__container {
  width: 71.4285714286%;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-schedule__container {
    width: 90%;
  }
}
@media screen and (max-width: 960px) {
  .p-schedule__container {
    width: 90%;
    max-width: 600px;
  }
}
.p-schedule__header {
  display: block;
  position: relative;
  margin-bottom: 7.8rem;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .p-schedule__header {
    margin-bottom: 4.8rem;
  }
}
.p-schedule__title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}
.--animation .p-schedule__title {
  -webkit-clip-path: circle(0 at 5% 50%);
  clip-path: circle(0 at 5% 50%);
}
.--animation .is-scroll-active .p-schedule__title {
  -webkit-clip-path: circle(150% at 5% 50%);
  clip-path: circle(150% at 5% 50%);
  transition: -webkit-clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.p-schedule__title-main {
  width: 97rem;
  display: block;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-schedule__title-main {
    width: 100%;
    flex-shrink: 0;
  }
}
.p-schedule__inner {
  display: block;
  position: relative;
}

.p-schedule_content {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-schedule_content {
    display: flex;
    justify-content: flex-start;
  }
}
.p-schedule_content + .p-schedule_content {
  margin-top: 8rem;
}
@media screen and (max-width: 960px) {
  .p-schedule_content + .p-schedule_content {
    margin-top: 4.8rem;
  }
}
.p-schedule_content__header {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-schedule_content__header {
    min-width: 28rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 960px) {
  .p-schedule_content__header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.3rem;
  }
}
.p-schedule_content__title {
  display: block;
  position: relative;
  font-size: 8rem;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  line-height: 0.9;
  font-weight: 400;
  opacity: 0;
  transform: translate3d(0, 3rem, 0);
}
@media screen and (max-width: 960px) {
  .p-schedule_content__title {
    font-size: 5.2rem;
  }
}
.is-scroll-active .p-schedule_content__title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-schedule_content__place {
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.6;
  opacity: 0;
  transform: translate3d(0, 4rem, 0);
}
@media screen and (min-width: 961px) {
  .p-schedule_content__place {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 960px) {
  .p-schedule_content__place {
    min-width: 0;
    flex: 1 1 0;
    margin-left: 1rem;
    font-size: 1.3rem;
    text-align: right;
  }
}
.is-scroll-active .p-schedule_content__place {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.1s, transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
}
.p-schedule_content__inner {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-schedule_content__inner {
    flex: 1 1 0;
    min-width: 0;
  }
}
.p-schedule_content__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-schedule_content__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.2rem;
  }
}
.p-schedule_content__list-item {
  min-width: 0;
  display: block;
  position: relative;
}
.p-schedule_content__list-item:nth-child(1) {
  --delay: 0s;
}
.p-schedule_content__list-item:nth-child(2) {
  --delay: 0.1s;
}
.p-schedule_content__list-item:nth-child(3) {
  --delay: 0.2s;
}
.p-schedule_content__list-item:nth-child(4) {
  --delay: 0.3s;
}
.p-schedule_content__list-item:nth-child(5) {
  --delay: 0.4s;
}
.p-schedule_content__list-item:nth-child(6) {
  --delay: 0.5s;
}
.p-schedule_content__list-item:nth-child(7) {
  --delay: 0.6s;
}
.p-schedule_content__list-item:nth-child(8) {
  --delay: 0.7s;
}
.p-schedule_content__list-item:nth-child(9) {
  --delay: 0.8s;
}
.p-schedule_content__list-item:nth-child(10) {
  --delay: 0.9s;
}

.p-schedule_detail {
  display: block;
  position: relative;
  opacity: 0;
  transform: translate3d(0, 5rem, 0);
}
@media screen and (min-width: 961px) {
  .p-schedule_detail {
    padding-bottom: 0.4rem;
  }
}
.is-scroll-active .p-schedule_detail {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), transform 1s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-schedule_detail::before {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0.1rem solid var(--color-white-green);
  border-right: 0.1rem solid var(--color-white-green);
  pointer-events: none;
}
.is-scroll-active .p-schedule_detail::before {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-schedule_detail::after {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 0.1rem solid var(--color-white-green);
  border-left: 0.1rem solid var(--color-white-green);
  pointer-events: none;
}
.is-scroll-active .p-schedule_detail::after {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-schedule_detail__inner {
  display: block;
  position: relative;
  opacity: 0;
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__inner {
    display: grid;
    grid-template-columns: 10.8rem 1fr;
  }
}
.is-scroll-active .p-schedule_detail__inner {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.2s);
}
.p-schedule_detail__date {
  position: relative;
  padding: 1rem 0.2rem 0.5rem;
  color: var(--color-navy);
  background-color: var(--color-white-green);
}
@media screen and (min-width: 961px) {
  .p-schedule_detail__date {
    display: flex;
    justify-content: center;
    align-items: baseline;
  }
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__date {
    grid-column: 1/2;
    grid-row: 1/3;
    padding: 3.2rem 0.5rem 2rem;
  }
}
.p-schedule_detail__date-day {
  display: block;
  position: relative;
  font-size: 5rem;
  line-height: 0.9;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  font-weight: 300;
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__date-day {
    font-size: 3.5rem;
    text-align: center;
    letter-spacing: 0.05rem;
    white-space: nowrap;
  }
}
.p-schedule_detail__date-week {
  display: block;
  position: relative;
  font-size: 2rem;
  line-height: 0.9;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  font-weight: 300;
}
@media screen and (min-width: 961px) {
  .p-schedule_detail__date-week {
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__date-week {
    margin-top: 0.5rem;
    font-size: 1.8rem;
    text-align: center;
  }
}
.p-schedule_detail__date-week.--sat {
  color: var(--color-sat);
}
.p-schedule_detail__date-week.--sun {
  color: var(--color-sun);
}
.p-schedule_detail__data {
  display: block;
  position: relative;
  padding: 1.6rem 1.5rem;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__data {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.25rem 1.5rem;
  }
}
.p-schedule_detail__data + .p-schedule_detail__data::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 0.1rem solid var(--color-white-green);
}
.p-schedule_detail__data-cap {
  display: block;
  position: relative;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 961px) {
  .p-schedule_detail__data-cap {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__data-cap {
    min-width: 4.5rem;
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
    text-align: left;
  }
}
.p-schedule_detail__data-text {
  display: block;
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.05rem;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__data-text {
    min-width: 0;
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
    text-align: left;
  }
}
.p-schedule_detail__data-notify {
  display: block;
  position: relative;
  margin-top: 1.2rem;
  padding: 0.7rem 0.5rem 0.3rem;
  text-align: center;
  color: var(--color-navy);
  font-weight: 600;
  background-color: var(--color-yellow);
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__data-notify {
    margin-top: 1rem;
    width: 100%;
    padding: 0.5rem 0.5rem 0.3rem;
    font-size: 1.2rem;
  }
}
.p-schedule_detail__data-notify::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, -100%);
  background: url("../img/main/schedule_fukidashi.png") no-repeat center bottom/contain;
}
@media screen and (max-width: 960px) {
  .p-schedule_detail__data-notify::before {
    width: 1rem;
    height: 1rem;
  }
}

.p-ticket {
  display: block;
  position: relative;
  margin-top: 15.4rem;
  color: var(--color-white-green);
  background-color: var(--color-gray);
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .p-ticket {
    margin-top: 9.3rem;
  }
}
.p-ticket__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-ticket__marquee {
  width: 100%;
  height: 14.2rem;
  display: block;
  position: absolute;
  left: 0;
  background: url("../img/title/title_ticket.png") repeat-x 0 0/74.85rem 14.2rem;
}
@media screen and (max-width: 960px) {
  .p-ticket__marquee {
    height: 7.1rem;
    background: url("../img/title/title_ticket.png") repeat-x 0 0/37.425rem 7.1rem;
  }
}
.p-ticket__marquee.--marquee1 {
  top: 0;
}
.p-ticket__marquee.--marquee2 {
  bottom: 0;
  transform: scale(1, -1);
}
.p-ticket__container {
  display: block;
  position: relative;
  padding: 15rem 0;
}
@media screen and (max-width: 960px) {
  .p-ticket__container {
    padding: 9rem 0;
  }
}
.p-ticket__header {
  width: 71.4285714286%;
  position: relative;
  margin: 0 auto 9rem;
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-ticket__header {
    width: 90%;
  }
}
@media screen and (max-width: 960px) {
  .p-ticket__header {
    width: 90%;
    max-width: 600px;
  }
}
.p-ticket__lineup {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-ticket__lineup {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 4rem;
  }
}
@media screen and (max-width: 960px) {
  .p-ticket__lineup {
    display: block;
    position: relative;
  }
}
.p-ticket__lineup-item {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-ticket__lineup-item {
    width: calc(33.3333333333% - 2.6666666667rem);
  }
}
@media screen and (max-width: 960px) {
  .p-ticket__lineup-item + .p-ticket__lineup-item {
    margin-top: 1.8rem;
  }
}
.p-ticket__lineup-item:nth-child(1) {
  --delay: 0s;
}
.p-ticket__lineup-item:nth-child(2) {
  --delay: 0.1s;
}
.p-ticket__lineup-item:nth-child(3) {
  --delay: 0.2s;
}
.p-ticket__lineup-item:nth-child(4) {
  --delay: 0.3s;
}
.p-ticket__lineup-item:nth-child(5) {
  --delay: 0.4s;
}
.p-ticket__lineup-item:nth-child(6) {
  --delay: 0.5s;
}
.p-ticket__lineup-item:nth-child(7) {
  --delay: 0.6s;
}
.p-ticket__lineup-item:nth-child(8) {
  --delay: 0.7s;
}
.p-ticket__lineup-item:nth-child(9) {
  --delay: 0.8s;
}
.p-ticket__lineup-item:nth-child(10) {
  --delay: 0.9s;
}
.p-ticket__novelty {
  width: 100%;
  display: block;
  position: relative;
  margin: 6rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-ticket__novelty {
    margin-top: 4rem;
  }
}
.p-ticket__inner {
  display: block;
  position: relative;
}

.p-ticket_lineup {
  height: 100%;
  position: relative;
  z-index: 0;
  opacity: 0;
  background-color: transparent;
  transform: translate3d(0, 5rem, 0);
}
.is-scroll-active .p-ticket_lineup {
  opacity: 1;
  background-color: var(--color-gray);
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), background-color 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.4s), transform 1s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-ticket_lineup::before {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0.1rem solid var(--color-white-green);
  border-right: 0.1rem solid var(--color-white-green);
  pointer-events: none;
}
.is-scroll-active .p-ticket_lineup::before {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-ticket_lineup::after {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 0.1rem solid var(--color-white-green);
  border-left: 0.1rem solid var(--color-white-green);
  pointer-events: none;
}
.is-scroll-active .p-ticket_lineup::after {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-ticket_lineup__container {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  opacity: 0;
}
.is-scroll-active .p-ticket_lineup__container {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.2s);
}
.p-ticket_lineup__header {
  display: block;
  position: relative;
  padding: 1.5rem 1rem;
  color: var(--color-gray);
  background-color: var(--color-white-green);
}
@media screen and (max-width: 960px) {
  .p-ticket_lineup__header {
    padding: 1.1rem 1rem;
  }
}
.p-ticket_lineup__title {
  display: block;
  position: relative;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-ticket_lineup__title {
    font-size: 1.7rem;
  }
}
.p-ticket_lineup__inner {
  display: grid;
  grid-template-rows: 1fr auto;
  position: relative;
  padding: 0 2.5rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_lineup__inner {
    padding: 0 2rem;
  }
}
.p-ticket_lineup__price {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 2rem 0;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (max-width: 960px) {
  .p-ticket_lineup__price {
    padding: 1.2rem 0;
    font-size: 1.8rem;
  }
}
.p-ticket_lineup__price small {
  display: inline-block;
  position: relative;
  top: 0.3em;
  margin-left: 0.2em;
  font-size: 0.5em;
}
.p-ticket_lineup__note {
  display: block;
  position: relative;
  padding: 2rem 0;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.35;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 960px) {
  .p-ticket_lineup__note {
    padding: 1.2rem 0;
    font-size: 1.2rem;
  }
}
.p-ticket_lineup__note::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 0.1rem solid var(--color-white-green);
}

.p-ticket_novelty {
  display: block;
  position: relative;
}
.p-ticket_novelty__header {
  width: 32rem;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_novelty__header {
    width: 21.5rem;
  }
}
.p-ticket_novelty__header[data-modal]::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/main/ticket_goods_frame.png") no-repeat center/contain;
  z-index: 1;
}
.p-ticket_novelty__circle {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale3d(1.02, 1.02, 1.02) rotate(-90deg);
}
.p-ticket_novelty__circle-svg {
  display: block;
  position: relative;
  fill: none;
  stroke: var(--color-white-green);
  stroke-width: 0.1rem;
  vector-effect: non-scaling-stroke;
  stroke-dashoffset: 985;
  stroke-dasharray: 985;
  transform-origin: center;
}
.is-scroll-active .p-ticket_novelty__circle-svg {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.p-ticket_novelty__thumb {
  display: block;
  position: relative;
  z-index: 0;
}
.p-ticket_novelty__thumb-img {
  padding-top: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-clip-path: circle(0% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
}
.p-ticket_novelty__thumb-img::after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-white-green);
  opacity: 0.5;
}
.p-ticket_novelty__header[data-modal] .p-ticket_novelty__thumb-img::after {
  content: "";
}
@media (hover: hover) and (pointer: fine) {
  .p-ticket_novelty__thumb-img::after {
    transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-ticket_novelty__header:hover .p-ticket_novelty__thumb-img::after {
    opacity: 0.2;
  }
}
.is-scroll-active .p-ticket_novelty__thumb-img {
  -webkit-clip-path: circle(55% at 50% 50%);
  clip-path: circle(55% at 50% 50%);
  transition: -webkit-clip-path 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
  transition: clip-path 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
  transition: clip-path 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.3s, -webkit-clip-path 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
}
.p-ticket_novelty__thumb-img img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-ticket_novelty__cap {
  display: block;
  position: relative;
  margin-top: 1.5rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  opacity: 0;
  transform: translate3d(0, 3rem, 0);
}
@media screen and (max-width: 960px) {
  .p-ticket_novelty__cap {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
}
.is-scroll-active .p-ticket_novelty__cap {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1) 0.4s, transform 0.7s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
}

.p-ticket_info {
  display: block;
  position: relative;
}
.p-ticket_info__header {
  display: block;
  position: relative;
  margin-bottom: 5.4rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info__header {
    margin-bottom: 3rem;
  }
}
.p-ticket_info__title {
  width: 70.5rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-ticket_info__title {
    width: 28rem;
  }
}
.p-ticket_info__title::before {
  content: "";
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-100%, -50%);
  border-bottom: 0.1rem solid var(--color-yellow);
  width: 0;
  left: 15rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info__title::before {
    left: 10rem;
  }
}
.is-scroll-active .p-ticket_info__title::before {
  width: 100vw;
  left: -5rem;
  transition: width 1.8s cubic-bezier(0.65, 0, 0.35, 1), left 1.8s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .is-scroll-active .p-ticket_info__title::before {
    left: -2rem;
  }
}
.p-ticket_info__title::after {
  content: "";
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(100%, -50%);
  border-bottom: 0.1rem solid var(--color-yellow);
  width: 0;
  right: 15rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info__title::after {
    right: 10rem;
  }
}
.is-scroll-active .p-ticket_info__title::after {
  width: 100vw;
  right: -5rem;
  transition: width 1.8s cubic-bezier(0.65, 0, 0.35, 1), right 1.8s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (max-width: 960px) {
  .is-scroll-active .p-ticket_info__title::after {
    right: -2rem;
  }
}
.p-ticket_info__title-text {
  display: block;
  position: relative;
  -webkit-clip-path: circle(0 at 50% 50%);
  clip-path: circle(0 at 50% 50%);
}
.is-scroll-active .p-ticket_info__title-text {
  -webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
  transition: -webkit-clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.p-ticket_info__inner {
  display: block;
  position: relative;
}

.p-ticket_info_detail {
  width: 71.4285714286%;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-ticket_info_detail {
    width: 90%;
  }
}
@media screen and (max-width: 960px) {
  .p-ticket_info_detail {
    width: 90%;
  }
}
.p-ticket_info_detail + .p-ticket_info_detail {
  margin-top: 5.2rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_detail + .p-ticket_info_detail {
    margin-top: 3.8rem;
  }
}
.p-ticket_info_detail__header {
  display: block;
  position: relative;
  margin-bottom: 2.2rem;
  opacity: 0;
  transform: translate3d(0, 0.5rem, 0);
}
@media screen and (max-width: 960px) {
  .p-ticket_info_detail__header {
    margin-bottom: 1.4rem;
  }
}
.is-scroll-active .p-ticket_info_detail__header {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-ticket_info_detail__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  position: relative;
  margin: 0 auto;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_detail__title {
    font-size: 1.9rem;
  }
}
.p-ticket_info_detail__title::before {
  content: "";
  width: 1.4rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -2.2rem;
  transform: translate(-100%, 0);
  background: url("../img/main/icon_sparkle_white.svg") no-repeat center/contain;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_detail__title::before {
    width: 1rem;
    left: -1.2rem;
  }
}
.p-ticket_info_detail__title::after {
  content: "";
  width: 1.4rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: -2.2rem;
  transform: translate(100%, 0);
  background: url("../img/main/icon_sparkle_white.svg") no-repeat center/contain;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_detail__title::after {
    width: 1rem;
    right: -1.2rem;
  }
}
.p-ticket_info_detail__inner {
  display: block;
  position: relative;
}

.p-ticket_info_content {
  display: block;
  position: relative;
  opacity: 0;
  transform: translate3d(0, 2.5rem, 0);
}
.p-ticket_info_content + .p-ticket_info_content {
  margin-top: 3.2rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content + .p-ticket_info_content {
    margin-top: 1.6rem;
  }
}
.p-ticket_info_content:nth-child(1) {
  --delay: 0s;
}
.p-ticket_info_content:nth-child(2) {
  --delay: 0.1s;
}
.p-ticket_info_content:nth-child(3) {
  --delay: 0.2s;
}
.p-ticket_info_content:nth-child(4) {
  --delay: 0.3s;
}
.p-ticket_info_content:nth-child(5) {
  --delay: 0.4s;
}
.p-ticket_info_content:nth-child(6) {
  --delay: 0.5s;
}
.p-ticket_info_content:nth-child(7) {
  --delay: 0.6s;
}
.p-ticket_info_content:nth-child(8) {
  --delay: 0.7s;
}
.p-ticket_info_content:nth-child(9) {
  --delay: 0.8s;
}
.p-ticket_info_content:nth-child(10) {
  --delay: 0.9s;
}
.is-scroll-active .p-ticket_info_content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), transform 1s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-ticket_info_content::before {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0.1rem solid var(--color-white-green);
  border-right: 0.1rem solid var(--color-white-green);
  z-index: 1;
  pointer-events: none;
}
.is-scroll-active .p-ticket_info_content::before {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.is-disable .p-ticket_info_content::before {
  opacity: 0;
}
.p-ticket_info_content::after {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 0.1rem solid var(--color-white-green);
  border-left: 0.1rem solid var(--color-white-green);
  z-index: 1;
  pointer-events: none;
}
.is-scroll-active .p-ticket_info_content::after {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.is-disable .p-ticket_info_content::after {
  opacity: 0;
}
.p-ticket_info_content__header {
  min-height: 10rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 2rem 8rem 2rem 4rem;
  color: var(--color-gray);
  background-color: var(--color-white-green);
  cursor: pointer;
  opacity: 0;
}
.is-disable .p-ticket_info_content__header {
  background-color: rgba(234, 255, 222, 0.5);
}
.is-scroll-active .p-ticket_info_content__header {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.2s);
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__header {
    min-height: 6rem;
    padding: 1rem 4rem 1rem 2rem;
  }
}
.p-ticket_info_content__title {
  display: block;
  position: relative;
  font-size: 2.5rem;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__title {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}
.is-disable .p-ticket_info_content__title::after {
  content: "受付終了";
  display: block;
  padding: 0.2rem 1rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--color-white-green);
  background: var(--color-gray);
}
@media screen and (min-width: 961px) {
  .is-disable .p-ticket_info_content__title::after {
    position: absolute;
    top: 50%;
    right: -2rem;
    transform: translate(100%, -50%);
  }
}
@media screen and (max-width: 960px) {
  .is-disable .p-ticket_info_content__title::after {
    display: inline-block;
    position: relative;
    padding: 0.1rem 0.8rem;
    font-size: 1.2rem;
  }
}
.p-ticket_info_content__arrow {
  width: 2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 4.1rem;
  transform: translate(0, -50%) scale(1, -1);
}
.is-drawer-open .p-ticket_info_content__arrow {
  transform: translate(0, -50%) scale(1, 1);
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__arrow {
    width: 1.2rem;
    right: 2.2rem;
  }
}
.p-ticket_info_content__arrow-svg {
  display: block;
  position: relative;
  fill: var(--color-navy);
  fill-rule: evenodd;
}
.p-ticket_info_content__inner {
  display: none;
  position: relative;
  padding: 4.2rem 5rem 6rem;
  overflow: hidden;
  color: var(--color-white-green);
  background-color: var(--color-gray);
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__inner {
    padding: 2rem 2rem 3rem;
  }
}
.p-ticket_info_content__text {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__text {
    font-size: 1.2rem;
  }
}
.p-ticket_info_content__text strong {
  font-size: 1.2em;
}
.p-ticket_info_content__text b {
  font-weight: 500;
}
.p-ticket_info_content__text a {
  color: var(--color-white-green);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .p-ticket_info_content__text a:hover {
    text-decoration: none;
  }
}
.p-ticket_info_content__text:first-child {
  margin-top: 0;
}
.p-ticket_info_content__note {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__note {
    font-size: 1rem;
  }
}
.p-ticket_info_content__note strong {
  font-size: 1.2em;
}
.p-ticket_info_content__note b {
  font-weight: 500;
}
.p-ticket_info_content__note a {
  color: var(--color-white-green);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .p-ticket_info_content__note a:hover {
    text-decoration: none;
  }
}
.p-ticket_info_content__note:first-child {
  margin-top: 0;
}
.p-ticket_info_content__link {
  width: 100%;
  display: block;
  position: relative;
  margin: 4.5rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__link {
    margin-top: 2rem;
  }
}
.p-ticket_info_content__link-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 55rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__link-item {
    min-width: 25rem;
  }
}
.p-ticket_info_content__link-item + .p-ticket_info_content__link-item {
  margin-top: 1.5rem;
}
@media screen and (max-width: 960px) {
  .p-ticket_info_content__link-item + .p-ticket_info_content__link-item {
    margin-top: 1rem;
  }
}

.p-ticket_btn {
  min-height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2rem 7rem;
  background-color: var(--color-yellow);
}
@media screen and (max-width: 960px) {
  .p-ticket_btn {
    min-height: 4rem;
    padding: 1rem 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-ticket_btn {
    transition: background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-ticket_btn:hover {
    background-color: var(--color-white-green);
  }
}
.p-ticket_btn::before {
  content: "";
  width: 100%;
  height: calc(100% - 1.4rem);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 0.1rem solid var(--color-navy);
  border-bottom: 0.1rem solid var(--color-navy);
  pointer-events: none;
}
.p-ticket_btn__text {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  color: var(--color-navy);
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .p-ticket_btn__text {
    font-size: 1.3rem;
  }
}
.p-ticket_btn__arrow {
  width: 3.2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
  .p-ticket_btn__arrow {
    width: 1.8rem;
  }
}
.p-ticket_btn__arrow-svg {
  display: block;
  position: relative;
  fill: var(--color-navy);
  fill-rule: evenodd;
}

.p-goods {
  max-width: 1400px;
  display: block;
  position: relative;
  margin: 16rem auto 0;
  overflow: hidden;
  padding-bottom: 12.6rem;
}
@media screen and (max-width: 960px) {
  .p-goods {
    margin-top: 9rem;
    padding-bottom: 9.5rem;
  }
}
.p-goods__container {
  width: 85.7142857143%;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-goods__container {
    width: 90%;
    max-width: 600px;
  }
}
.p-goods__header {
  display: block;
  position: relative;
  margin-bottom: 7.8rem;
}
@media screen and (max-width: 960px) {
  .p-goods__header {
    margin-bottom: 5.5rem;
  }
}
.p-goods__title {
  width: 60.8rem;
  display: block;
  position: relative;
  margin: 0 auto;
  -webkit-clip-path: circle(0 at 50% 50%);
  clip-path: circle(0 at 50% 50%);
}
@media screen and (max-width: 960px) {
  .p-goods__title {
    width: 35rem;
  }
}
.is-scroll-active .p-goods__title {
  -webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
  transition: -webkit-clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.p-goods__inner {
  display: block;
  position: relative;
}
.p-goods__info {
  display: block;
  position: relative;
  margin-bottom: 8rem;
}
.p-goods__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.8rem 7.5rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-goods__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6rem 1.5rem;
  }
}
.p-goods__list-item {
  min-width: 0;
  display: block;
  position: relative;
  --delay: 0.8s;
}
.p-goods__list-item:nth-child(1) {
  --delay: 0s;
}
.p-goods__list-item:nth-child(2) {
  --delay: 0.1s;
}
.p-goods__list-item:nth-child(3) {
  --delay: 0.2s;
}
.p-goods__list-item:nth-child(4) {
  --delay: 0.3s;
}
.p-goods__list-item:nth-child(5) {
  --delay: 0.4s;
}
.p-goods__list-item:nth-child(6) {
  --delay: 0.5s;
}
.p-goods__list-item:nth-child(7) {
  --delay: 0.6s;
}
.p-goods__list-item:nth-child(8) {
  --delay: 0.7s;
}
.p-goods__list-item:nth-child(9) {
  --delay: 0.8s;
}
.p-goods__package {
  width: 83.3333333333%;
  display: block;
  position: relative;
  margin: 0 auto 10rem;
}
@media screen and (max-width: 960px) {
  .p-goods__package {
    width: 100%;
    margin-bottom: 8rem;
  }
}
.p-goods__coming {
  display: block;
  position: relative;
  padding: 12rem 0;
  font-size: 4rem;
  letter-spacing: 0;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-goods__coming {
    padding: 7rem 0;
    font-size: 2.2rem;
  }
}

.p-goods_package {
  display: block;
  position: relative;
}
.p-goods_package__outline {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-goods_package__outline {
    display: grid;
    grid-template-columns: 46% auto;
    gap: 0 7rem;
  }
}
.p-goods_package__visual {
  display: block;
  position: relative;
}
.p-goods_package__info {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-goods_package__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 47rem;
  }
}
@media screen and (max-width: 960px) {
  .p-goods_package__info {
    width: 100%;
    margin: 2.5rem auto 0;
  }
}
.p-goods_package__title {
  display: block;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-goods_package__title {
    width: 76%;
    margin: 0 auto;
  }
}
.p-goods_package__price {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 2rem;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  text-align: center;
  color: var(--color-white);
}
@media screen and (max-width: 960px) {
  .p-goods_package__price {
    font-size: 1.4rem;
  }
}
.p-goods_package__price small {
  font-size: 0.6em;
}
.p-goods_package__link {
  width: 100%;
  display: block;
  position: relative;
  margin: 2.3rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-goods_package__link {
    margin-top: 2rem;
  }
}
.p-goods_package__link-item {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-goods_package__link-item + .p-goods_package__link-item {
  margin-top: 1rem;
}
@media screen and (max-width: 960px) {
  .p-goods_package__link-item + .p-goods_package__link-item {
    margin-top: 1rem;
  }
}
.p-goods_package__detail {
  display: block;
  position: relative;
  margin-top: 4rem;
}
@media screen and (max-width: 960px) {
  .p-goods_package__detail {
    margin-top: 5rem;
  }
}

.p-goods_package_detail {
  display: block;
  position: relative;
  opacity: 0;
  transform: translate3d(0, 2.5rem, 0);
}
.p-goods_package_detail + .p-goods_package_detail {
  margin-top: 1.2rem;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail + .p-goods_package_detail {
    margin-top: 1.6rem;
  }
}
.p-goods_package_detail:nth-child(1) {
  --delay: 0s;
}
.p-goods_package_detail:nth-child(2) {
  --delay: 0.1s;
}
.p-goods_package_detail:nth-child(3) {
  --delay: 0.2s;
}
.p-goods_package_detail:nth-child(4) {
  --delay: 0.3s;
}
.p-goods_package_detail:nth-child(5) {
  --delay: 0.4s;
}
.p-goods_package_detail:nth-child(6) {
  --delay: 0.5s;
}
.p-goods_package_detail:nth-child(7) {
  --delay: 0.6s;
}
.p-goods_package_detail:nth-child(8) {
  --delay: 0.7s;
}
.p-goods_package_detail:nth-child(9) {
  --delay: 0.8s;
}
.p-goods_package_detail:nth-child(10) {
  --delay: 0.9s;
}
.is-scroll-active .p-goods_package_detail {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), transform 1s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-goods_package_detail__header {
  min-height: 6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 1.5rem 8rem 1.5rem 3rem;
  color: var(--color-navy);
  background-color: var(--color-yellow);
  opacity: 0;
}
.js-drawer .p-goods_package_detail__header {
  cursor: pointer;
}
.is-scroll-active .p-goods_package_detail__header {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.2s);
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__header {
    min-height: 4rem;
    padding: 1rem 4rem 1rem 1.5rem;
  }
}
.p-goods_package_detail__title {
  display: block;
  position: relative;
  font-size: 2.2rem;
  font-family: marlide-display-variable, source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__title {
    font-size: 1.3rem;
    line-height: 1.3;
  }
}
.p-goods_package_detail__arrow {
  width: 2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 4.1rem;
  transform: translate(0, -50%) scale(1, -1);
}
.is-drawer-open .p-goods_package_detail__arrow {
  transform: translate(0, -50%) scale(1, 1);
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__arrow {
    width: 1.2rem;
    right: 2.2rem;
  }
}
.p-goods_package_detail__arrow-svg {
  display: block;
  position: relative;
  fill: var(--color-navy);
  fill-rule: evenodd;
}
.p-goods_package_detail__inner {
  position: relative;
  padding: 4.2rem 0;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__inner {
    padding: 2rem 0;
  }
}
.js-drawer .p-goods_package_detail__inner {
  display: none;
  padding: 4.2rem 5rem 6rem;
  overflow: hidden;
  color: var(--color-navy);
  background-color: var(--color-white);
}
.js-drawer .p-goods_package_detail__inner::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 0.1rem solid var(--color-pink);
  border-right: 0.1rem solid var(--color-pink);
  border-bottom: 0.1rem solid var(--color-pink);
}
@media screen and (max-width: 960px) {
  .js-drawer .p-goods_package_detail__inner {
    padding: 2rem 2rem 3rem;
  }
}
.p-goods_package_detail__info {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 2rem;
  line-height: 1.8;
  font-weight: 400;
  font-family: source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__info {
    font-size: 1.2rem;
  }
}
.p-goods_package_detail__info strong {
  font-size: 1.2em;
}
.p-goods_package_detail__info small {
  font-size: 0.8em;
}
.p-goods_package_detail__info b {
  font-weight: 500;
}
.p-goods_package_detail__info a {
  color: var(--color-navy);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_package_detail__info a:hover {
    text-decoration: none;
  }
}
.p-goods_package_detail__info:first-child {
  margin-top: 0;
}
.p-goods_package_detail__text {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__text {
    font-size: 1.2rem;
  }
}
.p-goods_package_detail__text strong {
  font-size: 1.2em;
}
.p-goods_package_detail__text b {
  font-weight: 500;
}
.p-goods_package_detail__text a {
  color: var(--color-yellow);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_package_detail__text a:hover {
    text-decoration: none;
  }
}
.p-goods_package_detail__text:first-child {
  margin-top: 0;
}
.p-goods_package_detail__note {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__note {
    font-size: 1rem;
  }
}
.p-goods_package_detail__note strong {
  font-size: 1.2em;
}
.p-goods_package_detail__note b {
  font-weight: 500;
}
.p-goods_package_detail__note a {
  color: var(--color-navy);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_package_detail__note a:hover {
    text-decoration: none;
  }
}
.p-goods_package_detail__note:first-child {
  margin-top: 0;
}
.p-goods_package_detail__link {
  width: 100%;
  display: block;
  position: relative;
  margin: 4.5rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__link {
    margin-top: 2rem;
  }
}
.p-goods_package_detail__link-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 55rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__link-item {
    min-width: 25rem;
  }
}
.p-goods_package_detail__link-item + .p-goods_package_detail__link-item {
  margin-top: 1.5rem;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__link-item + .p-goods_package_detail__link-item {
    margin-top: 1rem;
  }
}
.p-goods_package_detail__special {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-goods_package_detail__special {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem;
  }
}
.p-goods_package_detail__special-item {
  min-width: 0;
  display: block;
  position: relative;
}

.p-goods_package_special {
  display: block;
  position: relative;
  background-color: var(--color-gray);
}
.p-goods_package_special::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.1rem solid var(--color-white-green);
}
.p-goods_package_special__cap {
  min-height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1rem 1rem 0.8rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-family: source-han-serif-japanese, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
  letter-spacing: 0;
  color: var(--color-navy);
  background-color: var(--color-white-green);
}
@media screen and (max-width: 960px) {
  .p-goods_package_special__cap {
    min-height: 3.5em;
    font-size: 1.3rem;
    line-height: 1.6;
  }
}
.p-goods_package_special__text {
  min-height: 6em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 1.8;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
}
@media screen and (max-width: 960px) {
  .p-goods_package_special__text {
    min-height: 3.8em;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

.p-goods_info {
  display: block;
  position: relative;
  margin-top: 8rem;
}
@media screen and (max-width: 960px) {
  .p-goods_info {
    margin-top: 4rem;
  }
}
.p-goods_info__container {
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, 5rem, 0);
}
.is-scroll-active .p-goods_info__container {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-goods_info__attention {
  width: 90%;
  max-width: 62rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-goods_info__attention {
    max-width: 600px;
  }
}
.p-goods_info__bnr {
  width: 90%;
  max-width: 1400px;
  display: block;
  position: relative;
  margin: 9rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-goods_info__bnr {
    max-width: 600px;
    margin-top: 4.5rem;
  }
}

.p-goods_info_table {
  height: 100%;
  position: relative;
  z-index: 0;
  color: var(--color-white-green);
  opacity: 0;
  background-color: transparent;
  transform: translate3d(0, 5rem, 0);
}
.is-scroll-active .p-goods_info_table {
  opacity: 1;
  background-color: var(--color-gray);
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), background-color 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.4s), transform 1s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-goods_info_table::before {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0.1rem solid var(--color-white-green);
  border-right: 0.1rem solid var(--color-white-green);
  pointer-events: none;
}
.is-scroll-active .p-goods_info_table::before {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-goods_info_table::after {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 0.1rem solid var(--color-white-green);
  border-left: 0.1rem solid var(--color-white-green);
  pointer-events: none;
}
.is-scroll-active .p-goods_info_table::after {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-goods_info_table__container {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  opacity: 0;
}
.is-scroll-active .p-goods_info_table__container {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.2s);
}
.p-goods_info_table__header {
  display: block;
  position: relative;
  padding: 1.5rem 1rem;
  color: var(--color-navy);
  background-color: var(--color-white-green);
}
@media screen and (max-width: 960px) {
  .p-goods_info_table__header {
    padding: 1.1rem 1rem;
  }
}
.p-goods_info_table__title {
  display: block;
  position: relative;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-goods_info_table__title {
    font-size: 1.7rem;
  }
}
.p-goods_info_table__inner {
  display: block;
  position: relative;
  padding: 4rem 2.5rem;
}
@media screen and (max-width: 960px) {
  .p-goods_info_table__inner {
    padding: 3.2rem 1.5rem;
  }
}
.p-goods_info_table__text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (max-width: 960px) {
  .p-goods_info_table__text {
    font-size: 1.8rem;
  }
}
.p-goods_info_table__text small {
  display: inline-block;
  position: relative;
  top: 0.3em;
  margin-left: 0.2em;
  font-size: 0.5em;
}
.p-goods_info_table__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 55rem;
  display: block;
  position: relative;
  margin: 3rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-goods_info_table__btn {
    margin-top: 1.2rem;
    min-width: 25rem;
  }
}
.p-goods_info_table__note {
  display: block;
  position: relative;
  margin-top: 2rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.35;
  font-family: source-han-sans-japanese, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 960px) {
  .p-goods_info_table__note {
    font-size: 1.1rem;
    transform: rotate(0.03deg);
  }
}
.p-goods_info_table__note a {
  color: var(--color-white-green);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_info_table__note a:hover {
    text-decoration: none;
  }
}

.p-goods_info_attention {
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2rem 6rem;
  background-color: var(--color-black-aplpha);
}
@media screen and (max-width: 960px) {
  .p-goods_info_attention {
    min-height: 7rem;
    padding: 1rem 6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_info_attention {
    transition: background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-goods_info_attention:hover {
    background-color: var(--color-yellow);
  }
}
.p-goods_info_attention::before {
  content: "";
  width: 100%;
  height: calc(100% - 1.4rem);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 0.1rem solid var(--color-white);
  border-bottom: 0.1rem solid var(--color-white);
  pointer-events: none;
  opacity: 0.2;
}
.p-goods_info_attention__text {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-goods_info_attention__text {
    font-size: 1.3rem;
  }
}
.p-goods_info_attention__arrow {
  width: 3.2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
  .p-goods_info_attention__arrow {
    width: 2rem;
    right: 1.8rem;
  }
}
.p-goods_info_attention__arrow-svg {
  display: block;
  position: relative;
  fill: var(--color-white);
  fill-rule: evenodd;
}

.p-goods_data {
  display: block;
  position: relative;
  z-index: 0;
  opacity: 0;
  transform: translate3d(0, 5rem, 0);
}
.is-scroll-active .p-goods_data {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), transform 1s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-goods_data__thumb {
  display: block;
  position: relative;
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 960px) {
  .p-goods_data__thumb {
    margin-bottom: 1.2rem;
  }
}
.p-goods_data__thumb::before {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0.1rem solid var(--color-white);
  border-right: 0.1rem solid var(--color-white);
  pointer-events: none;
  z-index: -1;
}
.is-scroll-active .p-goods_data__thumb::before {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-goods_data__thumb::after {
  content: "";
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 0.1rem solid var(--color-white);
  border-left: 0.1rem solid var(--color-white);
  pointer-events: none;
  z-index: -1;
}
.is-scroll-active .p-goods_data__thumb::after {
  width: 100%;
  height: 100%;
  transition: width 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay), height 0.6s cubic-bezier(0.5, 1, 0.89, 1) var(--delay);
}
.p-goods_data__thumb-img {
  padding-top: 100%;
  display: block;
  position: relative;
  z-index: 0;
  opacity: 0;
}
.is-scroll-active .p-goods_data__thumb-img {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.2s);
}
.p-goods_data__thumb-img:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-white-green);
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_data__thumb-img:after {
    transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-goods_data__thumb:hover .p-goods_data__thumb-img:after {
    opacity: 0.4;
  }
}
.p-goods_data__thumb-img img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-goods_data__thumb-more {
  width: 20%;
  height: 20%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../img/main/goods_plus_bg.png") no-repeat right bottom/contain;
  z-index: 1;
  opacity: 0;
}
.is-scroll-active .p-goods_data__thumb-more {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) calc(var(--delay) + 0.2s);
}
.p-goods_data__thumb-bar {
  width: 25%;
  height: 25%;
  display: block;
  position: absolute;
  top: 70%;
  left: 70%;
  transform: translate(-50%, -50%);
}
.p-goods_data__thumb-bar::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-bottom: 0.1rem solid var(--color-navy);
}
.p-goods_data__thumb-bar::after {
  content: "";
  width: 0.1rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-right: 0.1rem solid var(--color-navy);
}
.p-goods_data__name {
  display: block;
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .p-goods_data__name {
    font-size: 1.3rem;
  }
}
.p-goods_data__price {
  display: block;
  position: relative;
  margin-top: 0.6rem;
  font-size: 1.5rem;
}
@media screen and (max-width: 960px) {
  .p-goods_data__price {
    font-size: 1.1rem;
  }
}

.p-goods_modal {
  display: block;
  position: relative;
}
.p-goods_modal__slide {
  display: block;
  position: relative;
}
.p-goods_modal__list {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0;
  transition: none !important;
}
@media screen and (max-width: 960px) {
  .p-goods_modal__list {
    align-items: flex-start;
  }
}
.p-goods_modal__list-item {
  width: 100%;
  min-width: 0;
  flex-shrink: 0;
  display: block;
  position: relative;
  z-index: 0;
  visibility: hidden;
  pointer-events: none;
  opacity: 1 !important;
  transition: visibility 0s linear 1s;
}
.p-goods_modal__list-item.is-slide-current {
  z-index: 1;
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s linear;
}
.p-goods_modal__nav {
  width: 6.5rem;
  display: block;
  position: fixed;
  top: 50%;
  cursor: pointer;
  z-index: 1;
}
@media screen and (min-width: 961px) {
  .p-goods_modal__nav {
    transform: translate(0, -50%);
  }
}
@media screen and (max-width: 960px) {
  .p-goods_modal__nav {
    width: 6rem;
    top: 2.5rem;
  }
}
.p-goods_modal__nav::after {
  content: "";
  width: calc(100% + 4rem);
  height: calc(100% + 4rem);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 961px) {
  .p-goods_modal__nav.-prev {
    left: 4rem;
  }
}
@media screen and (max-width: 960px) {
  .p-goods_modal__nav.-prev {
    right: 10rem;
  }
}
.p-goods_modal__nav.-next {
  right: 4rem;
}
@media screen and (max-width: 960px) {
  .p-goods_modal__nav.-next {
    left: calc(100% - 8rem);
  }
}

.p-goods_detail {
  display: block;
  position: relative;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-slide-current .p-goods_detail {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}
.p-goods_detail__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-goods_detail__bg-deco {
  width: 2rem;
  height: 2.3rem;
  display: block;
  position: absolute;
  background: url("../img/main/icon_sparkle_white.svg") no-repeat center/contain;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1);
}
@media screen and (max-width: 960px) {
  .p-goods_detail__bg-deco {
    width: 1rem;
    height: 1.5rem;
  }
}
.is-slide-current .p-goods_detail__bg-deco {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.2s;
}
.p-goods_detail__bg-deco.-deco1 {
  top: 0;
  left: 0;
}
.is-slide-current .p-goods_detail__bg-deco.-deco1 {
  transition-delay: 0.2s;
}
.p-goods_detail__bg-deco.-deco2 {
  top: 0;
  right: 0;
}
.is-slide-current .p-goods_detail__bg-deco.-deco2 {
  transition-delay: 0.3s;
}
.p-goods_detail__bg-deco.-deco3 {
  bottom: 0;
  right: 0;
}
.is-slide-current .p-goods_detail__bg-deco.-deco3 {
  transition-delay: 0.4s;
}
.p-goods_detail__bg-deco.-deco4 {
  bottom: 0;
  left: 0;
}
.is-slide-current .p-goods_detail__bg-deco.-deco4 {
  transition-delay: 0.5s;
}
.p-goods_detail__bg-line {
  display: block;
  position: absolute;
}
.p-goods_detail__bg-line.-line1 {
  width: calc(100% - 5rem);
  height: 0.1rem;
  top: 1rem;
  left: 2.5rem;
}
@media screen and (max-width: 960px) {
  .p-goods_detail__bg-line.-line1 {
    width: calc(100% - 3rem);
    top: 0.5rem;
    left: 1.5rem;
  }
}
.p-goods_detail__bg-line.-line2 {
  width: 0.1rem;
  height: calc(100% - 6rem);
  top: 3rem;
  right: 1rem;
}
@media screen and (max-width: 960px) {
  .p-goods_detail__bg-line.-line2 {
    height: calc(100% - 4rem);
    top: 2rem;
    right: 0.5rem;
  }
}
.p-goods_detail__bg-line.-line3 {
  width: calc(100% - 5rem);
  height: 0.1rem;
  bottom: 1rem;
  right: 2.5rem;
}
@media screen and (max-width: 960px) {
  .p-goods_detail__bg-line.-line3 {
    width: calc(100% - 3rem);
    bottom: 0.5rem;
    right: 1.5rem;
  }
}
.p-goods_detail__bg-line.-line4 {
  width: 0.1rem;
  height: calc(100% - 6rem);
  bottom: 3rem;
  left: 1rem;
}
@media screen and (max-width: 960px) {
  .p-goods_detail__bg-line.-line4 {
    height: calc(100% - 4rem);
    bottom: 2rem;
    left: 0.5rem;
  }
}
.p-goods_detail__bg-line::before {
  content: "";
  display: block;
  position: absolute;
  background: var(--color-white-green);
  transition: width 0s linear 1s, height 0s linear 1s;
}
.p-goods_detail__bg-line.-line1::before {
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  transition: width 1.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-slide-current .p-goods_detail__bg-line.-line1::before {
  width: 100%;
  left: 0;
  transition: width 1.2s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}

.p-goods_detail__bg-line.-line2::before {
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  transition: height 1.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-slide-current .p-goods_detail__bg-line.-line2::before {
  height: 100%;
  top: 0;
  transition: height 1.2s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
}

.p-goods_detail__bg-line.-line3::before {
  width: 0;
  height: 100%;
  bottom: 0;
  left: 0;
  transition: width 1.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-slide-current .p-goods_detail__bg-line.-line3::before {
  width: 100%;
  left: auto;
  right: 0;
  transition: width 1.2s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
}

.p-goods_detail__bg-line.-line4::before {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  transition: height 1.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-slide-current .p-goods_detail__bg-line.-line4::before {
  height: 100%;
  bottom: 0;
  top: auto;
  transition: height 1.2s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

.p-goods_detail__container {
  width: 85.9649122807%;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 8rem 0;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1);
}
@media screen and (min-width: 961px) {
  .p-goods_detail__container {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 960px) {
  .p-goods_detail__container {
    width: 80%;
    padding: 4rem 0;
  }
}
.is-slide-current .p-goods_detail__container {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
}
.p-goods_detail__header {
  width: 100%;
  max-width: 40rem;
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-goods_detail__header {
    margin-right: 5rem;
  }
}
@media screen and (max-width: 960px) {
  .p-goods_detail__header {
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto 2rem;
  }
}
.p-goods_detail__inner {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-goods_detail__inner {
    flex: 1 1 0;
    min-width: 0;
    margin-top: -0.5em;
  }
}
.p-goods_detail__title {
  display: block;
  position: relative;
  font-size: 2.6rem;
  line-height: 1.5;
  color: var(--color-yellow);
}
@media screen and (max-width: 960px) {
  .p-goods_detail__title {
    font-size: 1.8rem;
  }
}
.p-goods_detail__price {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 2rem;
  line-height: 1;
  color: var(--color-yellow);
}
@media screen and (max-width: 960px) {
  .p-goods_detail__price {
    margin-top: 1.4rem;
    font-size: 1.3rem;
  }
}
.p-goods_detail__text {
  display: block;
  position: relative;
  margin-top: 4rem;
  padding-top: 4rem;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 960px) {
  .p-goods_detail__text {
    margin-top: 2.8rem;
    padding-top: 2.8rem;
    font-size: 1.3rem;
    line-height: 1.8;
  }
}
.p-goods_detail__text::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 0.1rem solid var(--color-white);
  opacity: 0.5;
  pointer-events: none;
}
.p-goods_detail__note {
  display: block;
  position: relative;
  margin-top: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (max-width: 960px) {
  .p-goods_detail__note {
    font-size: 1.2rem;
    margin-top: 1.2rem;
  }
}

.p-goods_detail_visual {
  display: block;
  position: relative;
}
.p-goods_detail_visual__slide {
  display: block;
  position: relative;
}
.p-goods_detail_visual__list {
  display: flex;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.p-goods_detail_visual__list-item {
  width: 100%;
  flex-shrink: 0;
  display: block;
  position: relative;
}
.p-goods_detail_visual__visual {
  width: 100%;
  padding-top: 100%;
  display: block;
  position: relative;
}
.p-goods_detail_visual__visual img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
.p-goods_detail_visual__pagination {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  position: relative;
  margin-top: 1rem;
}
@media screen and (max-width: 960px) {
  .p-goods_detail_visual__pagination {
    gap: 0.6rem;
    margin-top: 0.6rem;
  }
}
.p-goods_detail_visual__pagination-item {
  min-width: 0;
  display: block;
  position: relative;
}
.p-goods_detail_visual__btn {
  width: 100%;
  padding-top: 100%;
  display: block;
  position: relative;
  background: var(--color-yellow);
  cursor: pointer;
  z-index: 0;
}
.p-goods_detail_visual__btn::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-yellow);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}
.is-current .p-goods_detail_visual__btn::before {
  opacity: 0.5;
}
.p-goods_detail_visual__btn img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-goods_btn {
  min-height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2rem 7rem;
  color: var(--color-navy);
  background-color: var(--color-yellow);
}
.p-goods_btn.--navy {
  color: var(--color-white);
  background-color: var(--color-navy);
}
@media screen and (max-width: 960px) {
  .p-goods_btn {
    min-height: 4rem;
    padding: 1rem 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_btn {
    transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-goods_btn:hover {
    background-color: var(--color-white-green);
  }
  .p-goods_btn.--navy:hover {
    color: var(--color-navy);
    background-color: var(--color-yellow);
  }
}
.p-goods_btn::before {
  content: "";
  width: 100%;
  height: calc(100% - 1.4rem);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 0.1rem solid currentColor;
  border-bottom: 0.1rem solid currentColor;
  pointer-events: none;
}
.p-goods_btn.--navy::before {
  opacity: 0.2;
}

.p-goods_btn__text {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  color: currentColor;
}
@media screen and (max-width: 960px) {
  .p-goods_btn__text {
    font-size: 1.3rem;
  }
}
.p-goods_btn__arrow {
  width: 3.2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
  .p-goods_btn__arrow {
    width: 1.8rem;
  }
}
.p-goods_btn__arrow-svg {
  display: block;
  position: relative;
  fill: currentColor;
  fill-rule: evenodd;
}

.p-goods_package_btn {
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2rem 6rem;
  background-color: var(--color-black-aplpha);
}
@media screen and (max-width: 960px) {
  .p-goods_package_btn {
    min-height: 7rem;
    padding: 1rem 6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_package_btn {
    transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-goods_package_btn:hover {
    color: var(--color-black);
    background-color: var(--color-yellow);
  }
}
.p-goods_package_btn::before {
  content: "";
  width: 100%;
  height: calc(100% - 1.4rem);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 0.1rem solid var(--color-white);
  border-bottom: 0.1rem solid var(--color-white);
  pointer-events: none;
  opacity: 0.2;
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_package_btn::before {
    transition: border-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-goods_package_btn:hover::before {
    border-color: var(--color-black);
  }
}
.p-goods_package_btn__text {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-goods_package_btn__text {
    font-size: 1.3rem;
  }
}
.p-goods_package_btn__arrow {
  width: 3.2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
  .p-goods_package_btn__arrow {
    width: 2rem;
    right: 1.8rem;
  }
}
.p-goods_package_btn__arrow-svg {
  display: block;
  position: relative;
  fill: var(--color-white);
  fill-rule: evenodd;
}
@media (hover: hover) and (pointer: fine) {
  .p-goods_package_btn__arrow-svg {
    transition: fill 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-goods_package_btn:hover .p-goods_package_btn__arrow-svg {
    fill: var(--color-black);
  }
}
/*# sourceMappingURL=stars9th.top.css.map */