@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////////////////
default settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#em251127BLACKFRIDAY {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 448;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

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

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

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

#em251127BLACKFRIDAY img {
  display: block;
  width: 100%;
  height: auto;
}

#em251127BLACKFRIDAY h2,
#em251127BLACKFRIDAY h3,
#em251127BLACKFRIDAY p,
#em251127BLACKFRIDAY li {
  margin-block: calc((1em - 1lh) / 2);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

#em251127BLACKFRIDAY .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
common settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#Contents .main-area {
  overflow-x: visible;
}

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

#em251127BLACKFRIDAY {
  --yu-gochic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --acumin: "acumin-variable", sans-serif;
  --font-medium: 500;
  --font-variable: "slnt" 0, "wdth" 50, "wght" 400;
  --black: #000000;
  position: relative;
  display: flex;
  overflow-x: clip;
  background: #ffffff;
}

@media (max-width: 767px) {
  #em251127BLACKFRIDAY {
    flex-direction: column;
  }
}
#em251127BLACKFRIDAY .section-settings {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#em251127BLACKFRIDAY [class*="__txt-cont"] {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  margin: calc(-242 * var(--formula)) 0 0 calc(-2 * var(--formula));
  pointer-events: none;
}

#em251127BLACKFRIDAY [class*="__img-cont"] {
  position: relative;
  display: grid;
}

#em251127BLACKFRIDAY [class*="-model-"] {
  position: relative;
  grid-area: 1/1;
  z-index: 1;
}

#em251127BLACKFRIDAY [class*="-txt-"] {
  position: relative;
  grid-area: 1/1;
}

#em251127BLACKFRIDAY [class*="-text-"] {
  position: relative;
  grid-area: 1/1;
  z-index: 5;
  pointer-events: none;
}

#em251127BLACKFRIDAY [class*="__credit"] {
  display: flex;
  gap: calc(15 * var(--formula));
  font-family: var(--acumin);
  color: var(--black);
  font-size: calc(28 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0;
  text-align: left;
  font-variation-settings: var(--font-variable);
  align-self: baseline;
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#em251127BLACKFRIDAY .animate-item {
  transition: all 1.5s ease-out;
}

#em251127BLACKFRIDAY.is-visible {
  opacity: 1;
}

#em251127BLACKFRIDAY .slide-up {
  opacity: 0;
  transform: translateY(calc(40 * var(--formula)));
}

#em251127BLACKFRIDAY .slide-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

#em251127BLACKFRIDAY .mv-text-01 {
  opacity: 0;
  animation-duration: 4.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}
@media (max-width: 767px) {
  #em251127BLACKFRIDAY .mv-text-01 {
    animation-iteration-count: infinite;
  }
}

#em251127BLACKFRIDAY .mv-txt-cont .mv-text-01:nth-child(1) {
  animation-name: bf-seq-1;
}

#em251127BLACKFRIDAY .mv-txt-cont .mv-text-01:nth-child(2) {
  animation-name: bf-seq-2;
}

#em251127BLACKFRIDAY .mv-txt-cont .mv-text-01:nth-child(3) {
  animation-name: bf-seq-3;
}

@keyframes bf-seq-1 {
  0%,
  9.9% {
    opacity: 0;
  }
  10%,
  59.9% {
    opacity: 1;
  }
  60%,
  67.9% {
    opacity: 0;
  }
  68%,
  75.9% {
    opacity: 1;
  }
  76%,
  83.9% {
    opacity: 0;
  }
  84%,
  100% {
    opacity: 1;
  }
}

@keyframes bf-seq-2 {
  0%,
  19.9% {
    opacity: 0;
  }
  20%,
  59.9% {
    opacity: 1;
  }
  60%,
  67.9% {
    opacity: 0;
  }
  68%,
  75.9% {
    opacity: 1;
  }
  76%,
  83.9% {
    opacity: 0;
  }
  84%,
  100% {
    opacity: 1;
  }
}

@keyframes bf-seq-3 {
  0%,
  29.9% {
    opacity: 0;
  }
  30%,
  59.9% {
    opacity: 1;
  }
  60%,
  67.9% {
    opacity: 0;
  }
  68%,
  75.9% {
    opacity: 1;
  }
  76%,
  83.9% {
    opacity: 0;
  }
  84%,
  100% {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  @keyframes bf-seq-1 {
    0%,
    9.9% {
      opacity: 0;
    }

    10%,
    59.9% {
      opacity: 1;
    }

    60%,
    67.9% {
      opacity: 0;
    }

    68%,
    75.9% {
      opacity: 1;
    }

    76%,
    83.9% {
      opacity: 0;
    }

    84%,
    91.9% {
      opacity: 1;
    }

    92%,
    100% {
      opacity: 0;
    }
  }

  @keyframes bf-seq-2 {
    0%,
    19.9% {
      opacity: 0;
    }

    20%,
    59.9% {
      opacity: 1;
    }

    60%,
    67.9% {
      opacity: 0;
    }

    68%,
    75.9% {
      opacity: 1;
    }

    76%,
    83.9% {
      opacity: 0;
    }

    84%,
    91.9% {
      opacity: 1;
    }

    92%,
    100% {
      opacity: 0;
    }
  }

  @keyframes bf-seq-3 {
    0%,
    29.9% {
      opacity: 0;
    }

    30%,
    59.9% {
      opacity: 1;
    }

    60%,
    67.9% {
      opacity: 0;
    }

    68%,
    75.9% {
      opacity: 1;
    }

    76%,
    83.9% {
      opacity: 0;
    }

    84%,
    91.9% {
      opacity: 1;
    }

    92%,
    100% {
      opacity: 0;
    }
  }
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
layout settings 
//////////////////////////////////////////////////////////////////////////////////////////
*/

#em251127BLACKFRIDAY .lp-left-area {
  position: sticky;
  top: 0;
  height: 100vh;
  flex: 1;
  overflow: clip;
}
@media (max-width: 767px) {
  #em251127BLACKFRIDAY .lp-left-area {
    position: relative;
    height: auto;
    overflow: visible;
  }
}

#em251127BLACKFRIDAY .mv-cont {
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

#em251127BLACKFRIDAY .mv-txt-cont {
  display: flex;
  flex-direction: column;
  gap: calc(28 * var(--formula));
  align-items: center;
  justify-content: center;
  margin: calc(-5 * var(--formula)) 0 0 calc(5 * var(--formula));
  pointer-events: none;
}
@media (max-width: 767px) {
  #em251127BLACKFRIDAY .mv-txt-cont {
    margin: calc(2 * var(--formula)) 0 0 calc(5 * var(--formula));
    gap: calc(16 * var(--formula));
  }
}

#em251127BLACKFRIDAY .lp-mv {
  grid-area: 1/1;
}

#em251127BLACKFRIDAY .lp-main-area {
  flex: 1;
  position: relative;
  display: grid;
  justify-items: center;
}

#em251127BLACKFRIDAY .section-cont {
  width: calc(448 * var(--formula_pc));
}
@media (max-width: 767px) {
  #em251127BLACKFRIDAY .section-cont {
    width: 100%;
  }
}

#em251127BLACKFRIDAY .section1 {
  margin: calc(123 * var(--formula)) 0 calc(143 * var(--formula)) 0;
}

@media (max-width: 767px) {
  #em251127BLACKFRIDAY .section1 {
    margin: calc(128 * var(--formula)) 0 calc(143 * var(--formula)) 0;
  }
}

#em251127BLACKFRIDAY .section1__txt {
  font-family: var(--yu-gochic);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: var(--font-medium);
  margin: 0 0 calc(128 * var(--formula)) 0;
  width: calc(670 * var(--formula));
}

#em251127BLACKFRIDAY .section1__txt-cont {
  gap: calc(39 * var(--formula));
}

#em251127BLACKFRIDAY .section1-text-02 {
  margin: 0 0 0 calc(5 * var(--formula));
}

#em251127BLACKFRIDAY .section1-model-01 {
  z-index: 1;
}

#em251127BLACKFRIDAY .section1__img-cont2 {
  margin: calc(-320 * var(--formula)) 0 calc(140 * var(--formula)) 0;
  z-index: 5;
  background: #ffffff;
}

#em251127BLACKFRIDAY .section1-text-03 {
  align-content: center;
  justify-self: end;
  margin: calc(-326 * var(--formula)) calc(40 * var(--formula)) 0 0;
}

#em251127BLACKFRIDAY .section1__credit1 {
  margin: calc(38 * var(--formula)) 0 calc(145 * var(--formula))
    calc(40 * var(--formula));
}

#em251127BLACKFRIDAY .splide {
  position: relative;
  overflow: hidden;
  width: calc(750 * var(--formula));
}

#em251127BLACKFRIDAY .section1-text-04 {
  position: absolute;
  top: calc(366 * var(--formula));
  right: calc(-35 * var(--formula));
  transform: translate(-50%, -50%);
}

#em251127BLACKFRIDAY .splide__slide {
  width: calc(580 * var(--formula));
}

#em251127BLACKFRIDAY .section1__credit2 {
  margin: calc(39 * var(--formula)) 0 0 0;
}

#em251127BLACKFRIDAY .section2__txt-cont {
  gap: calc(38 * var(--formula));
  margin: calc(1 * var(--formula)) calc(-3 * var(--formula)) 0 0;
}

#em251127BLACKFRIDAY .section2-text-03 {
  justify-self: center;
  margin: calc(40 * var(--formula)) 0 0 0;
}

#em251127BLACKFRIDAY .section2__credit1 {
  margin: calc(38 * var(--formula)) 0 calc(144 * var(--formula))
    calc(40 * var(--formula));
  gap: calc(16 * var(--formula));
}

#em251127BLACKFRIDAY .section2__img-cont3 {
  align-self: flex-start;
}

#em251127BLACKFRIDAY .section2__img-cont4 {
  margin: calc(139 * var(--formula)) 0 0 0;
  align-self: end;
}

#em251127BLACKFRIDAY .section2-text-04 {
  justify-self: end;
  margin: calc(180 * var(--formula)) calc(70 * var(--formula)) 0 0;
}

#em251127BLACKFRIDAY .section2__credit2 {
  margin: calc(40 * var(--formula)) 0 calc(142 * var(--formula)) 0;
  gap: calc(17 * var(--formula));
}

#em251127BLACKFRIDAY .section2__img-cont5 {
  margin: calc(140 * var(--formula)) 0 calc(140 * var(--formula)) 0;
}

#em251127BLACKFRIDAY .section2-text-05 {
  justify-self: center;
  margin: calc(40 * var(--formula)) 0 0 0;
}

#em251127BLACKFRIDAY .section2__credit3 {
  margin: calc(40 * var(--formula)) 0 0 0;
}

#em251127BLACKFRIDAY .lp-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: calc(212 * var(--formula)) 0 calc(199 * var(--formula)) 0;
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
img settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#em251127BLACKFRIDAY .mv-text-01__frame {
  width: calc(405 * (100vw / 1400));
}
@media (max-width: 767px) {
  #em251127BLACKFRIDAY .mv-text-01__frame {
    width: calc(460 * var(--formula));
  }
}

#em251127BLACKFRIDAY .lp-mv__frame,
#em251127BLACKFRIDAY .lp-mv__frame picture {
  width: 100%;
  height: 100%;
  display: block;
}
#em251127BLACKFRIDAY .lp-mv__frame img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  #em251127BLACKFRIDAY .lp-mv__frame {
    width: calc(750 * var(--formula));
    height: auto;
  }
}

#em251127BLACKFRIDAY .section1-text-01__frame {
  width: calc(520 * var(--formula));
}

#em251127BLACKFRIDAY .section1-text-02__frame {
  width: calc(104 * var(--formula));
}

#em251127BLACKFRIDAY .section1-model-01__frame {
  width: calc(750 * var(--formula));
}

#em251127BLACKFRIDAY .section1-text-03__frame {
  width: calc(137 * var(--formula));
}

#em251127BLACKFRIDAY .section1-model-02__frame {
  width: calc(610 * var(--formula));
}

#em251127BLACKFRIDAY .section1-model-03__frame {
  width: calc(750 * var(--formula));
}

#em251127BLACKFRIDAY .section1-text-04__frame {
  width: calc(151 * var(--formula));
}

#em251127BLACKFRIDAY .section2-text-01__frame {
  width: calc(575 * var(--formula));
}

#em251127BLACKFRIDAY .section2-text-02__frame {
  width: calc(76 * var(--formula));
}

#em251127BLACKFRIDAY .section2-model-01__frame {
  width: calc(750 * var(--formula));
}

#em251127BLACKFRIDAY .section2-text-03__frame {
  width: calc(206 * var(--formula));
}

#em251127BLACKFRIDAY .section2-model-02__frame {
  width: calc(750 * var(--formula));
}

#em251127BLACKFRIDAY .section2-model-03__frame {
  width: calc(510 * var(--formula));
}

#em251127BLACKFRIDAY .section2-text-04__frame {
  width: calc(109 * var(--formula));
}

#em251127BLACKFRIDAY .section2-model-04__frame {
  width: calc(660 * var(--formula));
}

#em251127BLACKFRIDAY .section2-text-05__frame {
  width: calc(137 * var(--formula));
}

#em251127BLACKFRIDAY .section2-model-05__frame {
  width: calc(750 * var(--formula));
}

#em251127BLACKFRIDAY .checkallitems__frame {
  width: calc(294 * var(--formula));
}