.c-buy-btn {
  position: relative;
  width: var(--w, 80px);
  height: var(--h, 32px);
  color: var(--clr, #000);
  border: 1px solid var(--bdc, #000);
  background-color: var(--bgc, #fff);
  border-radius: var(--bdr, 0px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.c-buy-btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 48.0625em) {
  .c-buy-btn:hover {
    color: var(--hover-clr, #fff);
    background-color: var(--hover-bgc, #000);
  }
}
.c-buy-btn__text {
  font-size: 1.1rem;
  font-weight: bold;
}
.c-buy-btn--black {
  background-color: #000;
  color: #fff;
}
@media (min-width: 48.0625em) {
  .c-buy-btn--black:hover {
    color: #000;
    background-color: #fff;
  }
}

.c-fill-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--h, 60px);
  font-size: var(--sp-fz, var(--fz));
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: var(--bdr, 0);
  background-color: var(--bgc, #000);
  color: var(--color, #fff);
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  max-width: var(--maw, 100%);
}
@media (min-width: 48.0625em) {
  .c-fill-button {
    font-size: var(--fz, 1.3rem);
  }
  .c-fill-button:hover {
    background-color: var(--bgc-h, var(--bgc));
    color: #fff;
  }
}
.c-fill-button a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.pg-mv {
  position: relative;
}
.pg-mv__content {
  text-align: center;
}
.pg-mv__content:not(.is-animated) .pg-mv__logo,
.pg-mv__content:not(.is-animated) .pg-mv__title,
.pg-mv__content:not(.is-animated) .pg-mv__subtitle {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
@media (max-width: 48em) {
  .pg-mv__content {
    margin-top: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 48.0625em) {
  .collection-bl-2023fw .pg-mv__content {
    color: #fff;
  }
}
.pg-mv__logo, .pg-mv__title, .pg-mv__subtitle {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.pg-mv__logo {
  width: clamp(186px, 16.6666666667vw, 208px);
}
.pg-mv__title {
  font-size: 6.4rem;
  font-weight: bold;
  line-height: 1;
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
@media (max-width: 48em) {
  .pg-mv__title {
    margin-top: 64px;
  }
}
@media (min-width: 48.0625em) {
  .pg-mv__title {
    margin-top: clamp(30px, 11.0294117647%, 60px);
    font-size: clamp(6rem, 6.1111111111vw, 8.8rem);
  }
}
.pg-mv__subtitle {
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
  font-weight: bold;
}
@media (max-width: 48em) {
  .pg-mv__subtitle {
    margin-top: 4px;
  }
}
@media (min-width: 48.0625em) {
  .pg-mv__subtitle {
    font-size: clamp(1.1rem, 1.0416666667vw, 1.5rem);
    margin-top: 6px;
  }
}
@media (min-width: 48.0625em) {
  .pg-mv--01 .pg-mv__content {
    position: absolute;
    inset: 0;
    margin: auto;
    aspect-ratio: 544/720;
    width: 37.7777777778%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 48.0625em) {
  .pg-mv--01-wl .pg-mv__content {
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: 544/720;
    width: 37.7777777778%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 48.0625em) {
  .pg-mv--02 .pg-mv__content {
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: 544/720;
    width: 37.7777777778%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.pg-introduction {
  padding: 24px 0;
}
@media (max-width: 48em) {
  .pg-introduction {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: 0.24s;
            transition-delay: 0.24s;
  }
  .pg-introduction:not(.is-animated) {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}
@media (min-width: 48.0625em) {
  .pg-introduction {
    padding: 64px 0;
  }
}
.pg-introduction__container {
  max-width: clamp(20px, 90%, 980px);
  margin-left: auto;
  margin-right: auto;
}
.pg-introduction__richtext {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2;
}

@media (max-width: 48em) {
  .pg-page-switcher {
    margin-top: 48px;
  }
}
@media (min-width: 48.0625em) {
  .pg-page-switcher {
    margin-top: 64px;
  }
}
.pg-page-switcher__container {
  max-width: clamp(20px, 90%, 1320px);
  margin-left: auto;
  margin-right: auto;
}
.pg-page-switcher__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
@media (min-width: 48.0625em) {
  .pg-page-switcher__items {
    gap: 20px;
  }
}
.pg-page-switcher__item {
  max-width: 300px;
}
.pg-page-switcher__item a {
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-page-switcher__item:is(.is-coming-soon, .is-current) a {
  pointer-events: none;
}
.pg-page-switcher__item:not(.is-coming-soon) a:hover {
  opacity: 0.8;
}

.pg-section {
  --margin: clamp(70px, calc((100vw - 980px) / 2), calc((1600px - 980px) / 2));
  padding: 80px 0 56px;
  position: relative;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 48.0625em) {
  .pg-section {
    padding: 80px 0;
  }
}
.pg-section__heading {
  font-weight: bold;
  text-align: center;
  font-size: 2.4rem;
}
@media (min-width: 48.0625em) {
  .pg-section__heading {
    font-size: 3.2rem;
  }
}
.pg-section__content {
  max-width: clamp(20px, 90%, 980px);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 48em) {
  .pg-section__content {
    margin-top: 24px;
  }
}
@media (min-width: 48.0625em) {
  .pg-section__content {
    margin-top: 48px;
  }
}

.pg-looks + .pg-looks {
  margin-top: 48px;
}
@media (min-width: 48.0625em) {
  .pg-looks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
  }
  .pg-looks + .pg-looks {
    margin-top: 80px;
  }
}

.pg-look {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
@media (max-width: 48em) {
  .pg-look:not(:first-child) {
    margin-top: 48px;
  }
}
@media (min-width: 48.0625em) {
  .pg-look:first-child:not(:last-child) {
    margin-top: 80px;
  }
}
.pg-look__mv {
  display: grid;
  grid-template-columns: var(--margin) 1fr;
}
.pg-look__mv .pg-look__title {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.2;
  padding: 0 20px;
}
.pg-look__mv .pg-look__slider {
  grid-column: 2/3;
}
.pg-look__slider {
  width: 100%;
}
.pg-look__content {
  width: 100%;
}
.pg-look__content:not(:first-child) {
  margin-top: 24px;
}
.pg-look__mv + .pg-look__content {
  max-width: 980px;
  margin-left: var(--margin);
  margin-right: var(--margin);
}

@media (max-width: 48em) {
  .credits .credit:not(:first-child) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }
}
@media (min-width: 48.0625em) {
  .credits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
  }
  .credits .credit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.credit__label {
  font-size: 1rem;
  font-weight: bold;
  color: #999;
}
.credit__items {
  margin-top: 12px;
}
.credit__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.2rem;
  gap: 12px;
}
.credit__item + .credit__item {
  margin-top: 12px;
}
.credit__item.is-coming-soon .c-buy-btn {
  display: none;
}
.credit__item.is-coming-soon::after {
  display: block;
  content: attr(data-label);
}
.credit__text {
  font-size: 1.1rem;
}
.credit__text strong {
  font-weight: bold;
  margin-right: 10px;
}
.credit__text small {
  font-size: 1rem;
}
@media (min-width: 48.0625em) {
  .credit__text {
    font-size: 1.2rem;
  }
  .credit__text strong {
    display: inline-block;
  }
}
.credit .c-buy-btn {
  --w: 40px;
  --h: 20px;
  --clr: #fff;
  --bgc: #999;
  --bdc: transparent;
}

.pg-buttons {
  max-width: min(calc(100% - (20px * 2)),90%);
  margin-left: auto;
  margin-right: auto;
}
.pg-buttons .c-fill-button {
  --bdc: #000;
  --maw: 400px;
  margin: auto;
}
@media (min-width: 48.0625em) {
  .pg-buttons .c-fill-button:hover {
    color: #000;
    border: 1px solid #000;
  }
}

.pg-banners {
  display: grid;
  gap: 24px;
  max-width: clamp(20px, 90%, 735px);
  margin-left: auto;
  margin-right: auto;
  padding: 80px 0;
}
@media (min-width: 48.0625em) {
  .pg-banners {
    padding: 128px 0;
    gap: 40px;
  }
}

.pg-banner a {
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-banner:not(.is-coming-soon) a:hover {
  opacity: 0.8;
}
.pg-banner.is-coming-soon a {
  pointer-events: none;
}/*# sourceMappingURL=index.css.map */