@charset "UTF-8";

#Contents .main-area {
  overflow-x: visible;
}

#footer_emmi {
  margin-top: 0;
  padding-top: 0;
}

.main-area::after {
  content: "";
  height: 0px !important;
}

#em260827PUMA {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 460;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #000;
  --color-bg: #f0eeea;
  --color-lead: #242424;
  --color-label: #2d0f0f;
  --color-title: #fff;
  --font-base: "toppan-bunkyu-gothic-pr6n", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-display: "vincente", "Times New Roman", Times, serif;
  --font-credit: "pragmatica", "Helvetica Neue", Arial, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-wipe: cubic-bezier(0.215, 0.61, 0.355, 1);
  --duration-fade: 1.2s;
  --duration-wipe: 1.2s;
  --header-offset: 0px;
}

@media (min-width: 1401px) {
  #em260827PUMA {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #em260827PUMA {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #em260827PUMA {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#em260827PUMA * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: "palt";
}

#em260827PUMA img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#em260827PUMA picture {
  display: block;
}

#em260827PUMA button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

#em260827PUMA a {
  display: block;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  #em260827PUMA .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #em260827PUMA .is-hidden--mobile {
    display: none !important;
  }
}

#em260827PUMA {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.05em;

}

#em260827PUMA .ani-fade {
  opacity: 0;
  transition: opacity var(--duration-fade) var(--ease-base);
}

#em260827PUMA .ani-fade.is-active {
  opacity: 1;
}

#em260827PUMA .ani-wipe {
  position: relative;
  overflow: hidden;
}

#em260827PUMA .ani-wipe::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: var(--color-bg);
  transition: translate var(--duration-wipe) var(--ease-wipe);
}

#em260827PUMA .ani-wipe.is-active::before {
  translate: 100% 0;
}
#em260827PUMA .ani-wipe img{
    width: 100%;
    opacity: 0;
    transform: translateX(40px);
    transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}
#em260827PUMA .ani-wipe.is-active img {
    opacity: 1;
    transform: translateX(0);
}
@media (prefers-reduced-motion: reduce) {
  #em260827PUMA .ani-fade {
    opacity: 1;
    transition: none;
  }

  #em260827PUMA .ani-wipe::before {
    content: none;
  }
}

#em260827PUMA .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #em260827PUMA .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }

  #em260827PUMA .lp-layout {
    display: grid;
    align-items: start;
  }

  #em260827PUMA .lp-layout--col-2 {
    grid-template-columns: 1fr 1fr;
  }
}

#em260827PUMA .lp-layout__primary {
  overflow-x: clip;
    padding-bottom: calc(160 * var(--formula));
}

#em260827PUMA .lp-layout__sub {
  display: none;
}

@media (min-width: 768px) {
  #em260827PUMA .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: 0;
    height: 100dvh;
    /* padding-top: var(--header-offset); */
    overflow: hidden;
  }
}

#em260827PUMA .lp-cover__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#em260827PUMA .lp-cover__title {
  position: relative;
  z-index: 1;
  width: calc(477 * var(--formula_pc));
}

#em260827PUMA .lp-cover__catch {
  margin-top: calc(4 * var(--formula_pc));
  margin-left: calc(137 * var(--formula_pc));
  color: var(--color-title);
  font-family: var(--font-display);
  font-size: calc(52 * var(--formula_pc));
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0 calc(10 * var(--formula_pc)) rgba(0, 0, 0, 0.3);
}

#em260827PUMA .lp-mv,
#em260827PUMA .lp-velour,
#em260827PUMA .lp-sheer,
#em260827PUMA .lp-speedcat,
#em260827PUMA .lp-knit,
#em260827PUMA .lp-cta {
  display: flow-root;
}

#em260827PUMA .lp-mv {
  position: relative;
  width: 100%;
  background-color: var(--color-bg);
}

#em260827PUMA .lp-mv__logo {
  position: absolute;
  top: calc(312 * var(--formula));
  left: calc(118 * var(--formula));
  width: calc(508 * var(--formula));
}

#em260827PUMA .lp-mv__catch {
  position: absolute;
  top: calc(535 * var(--formula));
  left: calc(263 * var(--formula));
  color: var(--color-title);
  font-family: var(--font-display);
  font-size: calc(56 * var(--formula));
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0 calc(10 * var(--formula)) rgba(0, 0, 0, 0.3);
}

#em260827PUMA .lp-intro {
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--formula));
  margin-top: calc(88 * var(--formula));
  margin-left: calc(60 * var(--formula));
  width: calc(630 * var(--formula));
  color: var(--color-lead);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

#em260827PUMA .lp-intro__en {
  font-family: var(--font-credit);
  font-size: calc(25 * var(--formula));
  line-height: 0;
}

#em260827PUMA .lp-shot {
  background-color: var(--color-bg);
}

#em260827PUMA .lp-shot--01 {
  margin-top: calc(127 * var(--formula));
  margin-left: calc(105 * var(--formula));
  width: calc(540 * var(--formula));
}

#em260827PUMA .lp-shot--03 {
  margin-top: calc(122 * var(--formula));
  margin-left: calc(35 * var(--formula));
  width: calc(555 * var(--formula));
}

#em260827PUMA .lp-shot--04 {
  margin-top: calc(20 * var(--formula));
  margin-left: calc(35 * var(--formula));
  width: calc(555 * var(--formula));
}

#em260827PUMA .lp-shot--05 {
  margin-top: calc(156 * var(--formula));
  margin-left: calc(15 * var(--formula));
  width: calc(720 * var(--formula));
}

#em260827PUMA .lp-shot--07 {
  margin-top: calc(80 * var(--formula));
  width: calc(660 * var(--formula));
}

#em260827PUMA .lp-shot--08 {
  margin-top: calc(162 * var(--formula));
  width: 100%;
}

#em260827PUMA .lp-shot--09 {
  margin-top: calc(100 * var(--formula));
  margin-left: calc(68 * var(--formula));
  width: calc(615 * var(--formula));
}

#em260827PUMA .lp-shot--11 {
  margin-top: calc(160 * var(--formula));
  margin-left: calc(90 * var(--formula));
  width: calc(660 * var(--formula));
}

#em260827PUMA .lp-shot--12 {
  margin-top: calc(20 * var(--formula));
  margin-left: calc(90 * var(--formula));
  width: calc(660 * var(--formula));
}

#em260827PUMA .lp-credit {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--formula));
  font-family: var(--font-credit);
  font-weight: 300;
  font-size: calc(22 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#em260827PUMA .lp-credit__row {
  display: flex;
  gap: calc(18 * var(--formula));
}

#em260827PUMA .lp-credit--01 {
  align-items: center;
  margin-top: calc(40 * var(--formula));
  margin-left: calc(280 * var(--formula));
  width: calc(190 * var(--formula));
}

#em260827PUMA .lp-credit--02 {
  align-items: center;
  margin-top: calc(40 * var(--formula));
  margin-left: calc(179 * var(--formula));
  width: calc(393 * var(--formula));
}

#em260827PUMA .lp-credit--03 {
  align-items: flex-start;
  margin-top: calc(40 * var(--formula));
  margin-left: calc(40 * var(--formula));
  width: calc(408 * var(--formula));
}

#em260827PUMA .lp-credit--04 {
  align-items: center;
  margin-top: calc(40 * var(--formula));
  margin-left: calc(167 * var(--formula));
  width: calc(416 * var(--formula));
}

#em260827PUMA .lp-credit--05 {
  align-items: flex-start;
  margin-top: calc(40 * var(--formula));
  margin-left: calc(90 * var(--formula));
  width: calc(431 * var(--formula));
}

#em260827PUMA .lp-velour__photo {
  position: relative;
  margin-top: calc(142 * var(--formula));
  width: 100%;
  background-color: var(--color-bg);
}

#em260827PUMA .lp-velour__label {
  position: absolute;
  top: calc(25 * var(--formula));
  left: calc(10 * var(--formula));
  writing-mode: vertical-rl;
  color: var(--color-title);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: calc(68 * var(--formula));
  line-height: 1.059;
letter-spacing: -0.01em;
  white-space: nowrap;
}

#em260827PUMA .lp-sheer__group {
  position: relative;
  margin-top: calc(120 * var(--formula));
  margin-left: calc(154 * var(--formula));
  width: calc(581 * var(--formula));
}

#em260827PUMA .lp-sheer__photo {
  margin-left: calc(71 * var(--formula));
  width: calc(510 * var(--formula));
  background-color: var(--color-bg);
}

#em260827PUMA .lp-sheer__label {
  position: absolute;
  writing-mode: vertical-rl;
  color: var(--color-label);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: calc(68 * var(--formula));
  line-height: 1.059;
letter-spacing: -0.005em;
  white-space: nowrap;
}


#em260827PUMA .lp-sheer__label--sheer {
  top: 0;
  left: 0;
}

#em260827PUMA .lp-sheer__label--jersey {
  top: calc(476 * var(--formula));
  left: 0;
}

#em260827PUMA .lp-collab {
  position: relative;
  margin-top: calc(20 * var(--formula));
  margin-left: calc(68 * var(--formula));
  width: calc(615 * var(--formula));
}

#em260827PUMA .lp-collab__photo {
  width: 100%;
  background-color: var(--color-bg);
}

#em260827PUMA .lp-collab__label {
  position: absolute;
  writing-mode: vertical-rl;
  color: var(--color-title);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: calc(68 * var(--formula));
  line-height: 1.059;
  letter-spacing: 0;
  white-space: nowrap;
}

#em260827PUMA .lp-collab__label--brand {
  top: calc(25 * var(--formula));
  left: calc(10 * var(--formula));
  text-orientation: sideways;
}

#em260827PUMA .lp-collab__multiply {
  font-size: calc(102 * var(--formula));
  line-height: 0.706;
      position: relative;
    left: calc(-13 * var(--formula));
}

#em260827PUMA .lp-collab__label--item {
  top: calc(597 * var(--formula));
  left: calc(534 * var(--formula));
}

#em260827PUMA .lp-pan {
  margin-top: calc(122 * var(--formula));
  width: 100%;
  overflow-x: clip;
  background-color: var(--color-bg);
}

#em260827PUMA .lp-pan__track {
  width: calc(1500 * var(--formula));
  will-change: transform;
}

#em260827PUMA .lp-cta__group {
  position: relative;
  margin-top: calc(162 * var(--formula));
  margin-left: calc(90 * var(--formula));
  width: calc(570 * var(--formula));
  background-color: var(--color-bg);
}

#em260827PUMA .lp-cta__text {
  position: absolute;
  top: calc(22 * var(--formula));
  left: calc(35 * var(--formula));
  color: var(--color-title);
  font-family: var(--font-display);
  font-size: calc(122 * var(--formula));
  line-height: 1;
  letter-spacing: -0.015em;
  white-space: nowrap;
}