@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.animate-item {
  transition: all 1s ease-out;
}

/* 1. フェードイン */
.fade-in {
  opacity: 0;
}
.is-visible.fade-in {
  opacity: 1;
}
.stagger-item {
  opacity: 0;
  transform: translateY(calc(30 * var(--formula)));
}

/* 2. スタガー */
.is-visible .stagger-item {
  animation: fadeInSlideUp 1s ease-out forwards;
  animation-delay: calc(var(--i, 0) * 0.5s);
}

@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(calc(30 * var(--formula)));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 3. スライドダウン */
.slide-down {
  opacity: 0;
  transform: translateY(calc(-60 * var(--formula)));
}
.is-visible.slide-down {
  opacity: 1;
  transform: translateY(0);
}

/* 4. スライドライト */
.slide-right {
  opacity: 0;
  transform: translateX(calc(-30 * var(--formula)));
}
.is-visible.slide-right {
  opacity: 1;
  transform: translateX(0);
}

/* 5. スライドレフト */
.slide-left {
  opacity: 0;
  transform: translateX(calc(30 * var(--formula)));
}
.is-visible.slide-left {
  opacity: 1;
  transform: translateX(0);
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
default settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#Contents .main-area {
  overflow-x: visible;
}
#footer_emmi {
  margin-top: 0;
  padding-top: 0;
}

#em251225otoshidama {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 490;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

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

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

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

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

#em251225otoshidama h2,
#em251225otoshidama h3,
#em251225otoshidama p,
#em251225otoshidama li {
  margin-block: calc((1em - 1lh) / 2);
}

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

/* 
//////////////////////////////////////////////////////////////////////////////////////////
common settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#em251225otoshidama {
  --yu-gochic: "yu-gothic-pr6n”, ”游ゴシック体", YuGothic, "游ゴシック",
    "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-credit: "pragmatica", sans-serif;
  --font-light: 300;
  --font-book: 400;
  --font-medium: 500;
  --orange: #ffcc80;
  --light-orange: #f7dfbb;
  --bg-color: #f0eeea;
  --black: #000000;
  --white: #ffffff;
  position: relative;
  width: 100%;
  display: flex;
  background: var(--bg-color);
}
#em251225otoshidama .sec-set {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(490 * var(--formula_pc));
}

#em251225otoshidama [class*="__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);
}

#em251225otoshidama [class*="__credit"] {
  font-family: var(--font-credit);
  color: var(--black);
  font-size: calc(22 * var(--formula));
  line-height: 1.9;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: var(--font-light);
  display: flex;
  flex-direction: column;
  gap: calc(19.5 * var(--formula));
}

#em251225otoshidama [class*="__credit"] li {
  display: flex;
  gap: calc(15 * var(--formula));
}

#em251225otoshidama [class*="__item-price"] {
  font-family: var(--font-credit);
  color: var(--black);
  font-size: calc(25 * var(--formula));
  letter-spacing: 0em;
  text-align: center;
  font-weight: var(--font-light);
  position: relative;
  display: inline-block;
}

#em251225otoshidama [class*="__item-price"]::after {
  content: "";
  left: 0;
  bottom: calc(-6 * var(--formula));
  width: 100%;
  height: max(3px, calc(3 * var(--formula)));
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  position: absolute;
}
#em251225otoshidama [class*="__feature-cont"] {
  display: flex;
  align-items: center;
  gap: calc(14 * var(--formula));
}

#em251225otoshidama [class*="__feature-cont-txt--en"] {
  font-family: var(--font-credit);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0em;
  text-align: center;
  font-weight: var(--font-light);
}
#em251225otoshidama [class*="__feature-cont-txt--jp"] {
  font-family: var(--yu-gochic);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 2.18;
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: var(--font-medium);
}

#em251225otoshidama [class*="-model-"] {
  background: var(--white);
}
#em251225otoshidama .lp-mv-area {
  flex: 1;
  position: sticky;
  top: 0;
  height: 100vh;
}

#em251225otoshidama .lp-mv-model-01 {
  width: 100%;
  height: 100%;
}

#em251225otoshidama .lp-mv-model-01 img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

#em251225otoshidama .lp-mv-text-01 {
  width: calc(433 * (100vw / 1400));
  position: absolute;
  top: 5%;
  left: 0.5%;
  z-index: 5;
  pointer-events: none;
}
#em251225otoshidama .lp-mv-text-02 {
  width: calc(386 * (100vw / 1400));
  position: absolute;
  top: 5.2%;
  left: 3.5%;
  z-index: 5;
  pointer-events: none;
}

#em251225otoshidama .lp-main-area {
  width: calc(700 * var(--formula_pc));
  position: relative;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  overflow-x: clip;
  flex: 1;
}

#em251225otoshidama .sec-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

#em251225otoshidama .sec1 {
  margin: calc(79 * var(--formula)) 0 calc(87 * var(--formula)) 0;
}

#em251225otoshidama .sec1__blank {
  margin: calc(-44 * var(--formula)) 0 0 0;
}

#em251225otoshidama .sec1__txt1 {
  background-color: var(--orange);
  color: var(--white);
  line-height: 1;
  padding: calc(7 * var(--formula)) calc(20 * var(--formula))
    calc(6 * var(--formula)) calc(20 * var(--formula));
  font-weight: bold;
}

#em251225otoshidama .sec1__txt2 {
  margin: calc(33 * var(--formula)) 0 0 0;
}
#em251225otoshidama .sec1__txt3 {
  margin: calc(36 * var(--formula)) 0 0 0;
}

#em251225otoshidama .sec1__txt4 {
  margin: calc(37 * var(--formula)) 0 0 0;
}

#em251225otoshidama .sec1__img-cont {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr auto;
  grid-column-gap: 0;
  grid-row-gap: calc(19 * var(--formula));
  justify-items: center;
  margin: calc(127 * var(--formula)) 0 calc(49 * var(--formula)) 0;
}

#em251225otoshidama .sec1-img-01 {
  width: calc(200 * var(--formula));
  grid-area: 1 / 1 / 2 / 2;
}

#em251225otoshidama .sec1-img-02 {
  width: calc(200 * var(--formula));
  grid-area: 1 / 2 / 2 / 3;
}

#em251225otoshidama .sec1-img-03 {
  width: calc(200 * var(--formula));
  grid-area: 1 / 3 / 2 / 4;
}

#em251225otoshidama .sec1-text-01 {
  width: calc(111 * var(--formula));
  grid-area: 2 / 1 / 3 / 2;
}

#em251225otoshidama .sec1-text-02 {
  width: calc(111 * var(--formula));
  grid-area: 2 / 2 / 3 / 3;
}

#em251225otoshidama .sec1-text-03 {
  width: calc(111 * var(--formula));
  grid-area: 2 / 3 / 3 / 4;
}

#em251225otoshidama .sec1-text-04 {
  width: calc(408 * var(--formula));
}

#em251225otoshidama .sec1-text-05 {
  width: calc(280 * var(--formula));
}

#em251225otoshidama .sec1__item-price {
  margin: calc(24 * var(--formula)) 0 calc(33 * var(--formula))
    calc(-2 * var(--formula));
}

#em251225otoshidama .sec1__feature-cont-txt--en2 {
  margin: 0 calc(2 * var(--formula)) 0 0;
}
#em251225otoshidama .sec1__feature-cont-txt--jp1 {
  margin: 0 0 0 calc(-10 * var(--formula));
  letter-spacing: -0.05em;
}
#em251225otoshidama .sec1__feature-cont-txt--jp2 {
  margin: calc(1 * var(--formula)) 0 0 calc(-6 * var(--formula));
  letter-spacing: -0.05em;
}
#em251225otoshidama .sec1__feature-cont-txt--jp3 {
  letter-spacing: -0.05em;
  margin: calc(2 * var(--formula)) 0 0 0;
}

#em251225otoshidama .sec1 .obj-check-01 {
  margin: calc(-2 * var(--formula)) 0 0 0;
}

#em251225otoshidama .obj-check-01 {
  width: calc(21 * var(--formula));
}

#em251225otoshidama .obj-slash-01 {
  width: calc(14 * var(--formula));
  margin: 0 calc(4 * var(--formula)) 0 0;
}

#em251225otoshidama .sec2-model-01 {
  width: calc(700 * var(--formula));
  align-self: start;
}

#em251225otoshidama .sec2__credit {
  align-items: start;
  align-self: start;
  margin: calc(42 * var(--formula)) 0 calc(107 * var(--formula))
    calc(40 * var(--formula));
}

#em251225otoshidama .sec2-model-02 {
  width: calc(564 * var(--formula));
  z-index: 5;
}

#em251225otoshidama .sec2-model-03 {
  width: calc(750 * var(--formula));
  margin: calc(-92 * var(--formula)) 0 0 0;
  z-index: 1;
}

#em251225otoshidama .sec2__img-cont {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1fr auto;
  grid-row-gap: calc(20 * var(--formula));
  justify-items: center;
  margin: calc(159 * var(--formula)) 0 calc(49 * var(--formula)) 0;
  position: relative;
}

#em251225otoshidama .sec2-img-01 {
  width: calc(200 * var(--formula));
  grid-area: 1 / 1 / 2 / 2;
  position: relative;
  left: calc(30 * var(--formula));
  top: calc(1 * var(--formula));
}

#em251225otoshidama .sec2-img-02 {
  width: calc(200 * var(--formula));
  grid-area: 1 / 2 / 2 / 3;
  position: relative;
  left: calc(10 * var(--formula));
  top: calc(1 * var(--formula));
}

#em251225otoshidama .sec2__img-03-cont {
  grid-area: 1 / 3 / 2 / 4;
  position: relative;
  right: calc(10 * var(--formula));
  top: calc(1 * var(--formula));
}

#em251225otoshidama .sec2-img-03 {
  width: calc(200 * var(--formula));
}

#em251225otoshidama .sec2-img-04 {
  width: calc(200 * var(--formula));
  grid-area: 1 / 4 / 2 / 5;
  position: relative;
  right: calc(30 * var(--formula));
  top: calc(1 * var(--formula));
}

#em251225otoshidama .sec2-text-01 {
  width: calc(111 * var(--formula));
  grid-area: 2 / 1 / 3 / 2;
  position: relative;
  left: calc(30 * var(--formula));
}

#em251225otoshidama .sec2-text-02 {
  width: calc(111 * var(--formula));
  grid-area: 2 / 2 / 3 / 3;
  position: relative;
  left: calc(10 * var(--formula));
}

#em251225otoshidama .sec2-text-03 {
  width: calc(111 * var(--formula));
  grid-area: 2 / 3 / 3 / 4;
  position: relative;
  right: calc(10 * var(--formula));
}

#em251225otoshidama .sec2-text-04 {
  width: calc(111 * var(--formula));
  grid-area: 2 / 4 / 3 / 5;
  position: relative;
  right: calc(30 * var(--formula));
}

#em251225otoshidama .sec2-text-05 {
  width: calc(354 * var(--formula));
}

#em251225otoshidama .sec2-obj-01 {
  width: calc(144 * var(--formula));
  position: absolute;
  z-index: 5;
  right: calc(-12 * var(--formula));
  bottom: calc(41 * var(--formula));
  pointer-events: none;
}

#em251225otoshidama .sec2__item-price {
  margin: calc(25 * var(--formula)) 0 calc(32 * var(--formula))
    calc(-1 * var(--formula));
}

#em251225otoshidama .sec2__feature-cont {
  gap: calc(2 * var(--formula));
  margin: 0 0 0 calc(4 * var(--formula));
}

#em251225otoshidama .sec3 {
  margin: calc(84 * var(--formula)) 0 0 0;
}

#em251225otoshidama #sec3-slide {
  width: calc(750 * var(--formula));
}

#em251225otoshidama .splide__slide {
  width: calc(500 * var(--formula));
  background: var(--white);
}

#em251225otoshidama .sec3__img-cont {
  position: relative;
}

#em251225otoshidama .sec3-model-03 {
  width: calc(580 * var(--formula));
  z-index: 1;
  position: relative;
  margin: calc(101 * var(--formula)) 0 0 0;
}

#em251225otoshidama .sec3__img-cont::after {
  content: "";
  position: absolute;
  width: calc(300 * var(--formula));
  height: calc(870 * var(--formula));
  right: calc(-15 * var(--formula));
  top: calc(115 * var(--formula));
  background: var(--light-orange);
}

#em251225otoshidama .sec3-obj-01 {
  width: calc(180 * var(--formula));
  position: absolute;
  top: calc(126 * var(--formula));
  z-index: 5;
  left: calc(20 * var(--formula));
  pointer-events: none;
}

#em251225otoshidama .sec3__credit {
  margin: calc(41 * var(--formula)) 0 calc(159 * var(--formula)) 0;
  align-items: center;
}

#em251225otoshidama .sec3__credit li:nth-child(1) {
  letter-spacing: 0.04em;
}

#em251225otoshidama .sec4-model-01 {
  width: calc(560 * var(--formula));
  align-self: end;
  z-index: 5;
}

#em251225otoshidama .sec4-model-02 {
  width: calc(700 * var(--formula));
  align-self: start;
  margin: calc(-60 * var(--formula)) 0 0 0;
  z-index: 1;
}

#em251225otoshidama .sec4__credit {
  align-self: start;
  align-items: start;
  margin: calc(42 * var(--formula)) 0 calc(128 * var(--formula))
    calc(41 * var(--formula));
}

#em251225otoshidama .sec4__credit li:nth-child(2) {
  letter-spacing: 0.04em;
}

#em251225otoshidama .sec5-model-01 {
  width: calc(564 * var(--formula));
  z-index: 5;
}

#em251225otoshidama .sec5-model-02 {
  width: calc(750 * var(--formula));
  margin: calc(-271 * var(--formula)) 0 0 0;
  z-index: 1;
}

#em251225otoshidama .sec5__credit {
  margin: calc(41 * var(--formula)) 0 calc(151 * var(--formula)) 0;
  letter-spacing: 0.04em;
}

#em251225otoshidama .sec6 {
  margin: 0 0 calc(176 * var(--formula)) 0;
  width: 100%;
}

#em251225otoshidama .sec6__txt {
  position: relative;
  background: var(--orange);
  width: 100%;
  display: block;
  color: var(--white);
  padding: calc(37 * var(--formula)) 0 calc(34 * var(--formula)) 0;
  display: flex;
  flex-direction: column;
  gap: calc(38 * var(--formula));
}

#em251225otoshidama .sec6__txt time {
  font-weight: bold;
}
#em251225otoshidama .sec6__txt::before,
#em251225otoshidama .sec6__txt::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: max(1px, calc(1 * var(--formula)));
  background: var(--white);
}

#em251225otoshidama .sec6__txt::before {
  top: calc(5 * var(--formula));
}
#em251225otoshidama .sec6__txt::after {
  bottom: calc(5 * var(--formula));
}

#em251225otoshidama .sec6-link-btn-01 {
  width: calc(544 * var(--formula));
  margin: calc(140 * var(--formula)) 0 calc(99 * var(--formula)) 0;
}

#em251225otoshidama .sec6__credit {
  align-items: center;
  gap: calc(26 * var(--formula));
}
@media (max-width: 767px) {
  #em251225otoshidama {
    flex-direction: column;
  }
  #em251225otoshidama .lp-mv-area {
    position: relative;
    width: 100%;
    height: unset;
  }
  #em251225otoshidama .lp-mv-text-01 {
    width: calc(462 * var(--formula));
    top: calc(52 * var(--formula));
    left: calc(5 * var(--formula));
  }
  #em251225otoshidama .lp-mv-text-02 {
    width: calc(415 * var(--formula));
    top: calc(52 * var(--formula));
    left: calc(27 * var(--formula));
  }
  #em251225otoshidama .lp-mv-model-01 {
    width: calc(750 * var(--formula));
    z-index: 1;
    position: relative;
  }
  #em251225otoshidama .lp-mv-model-01 img {
    height: unset;
  }
  #em251225otoshidama .sec-set {
    width: 100%;
  }
  #em251225otoshidama .lp-main-area {
    width: 100%;
  }
  #em251225otoshidama .sec-cont {
    width: 100%;
  }
}