/*anime*/
.anim.zoom-rep {
  display: block;
  transform-origin: center center;
  animation: zoom-rep 1s ease-out infinite 0.5s;
  transform-origin: center bottom;
}

@keyframes zoom-rep {
  0%  {
    transform: scale(1, 1) translate(0, 0);
  }
  30% {
    transform: scale(1.05, 1.05) translate(0, 0);
  }
  50% {
    transform: scale(0.8, 0.8) translate(0, 0);
  }
  70% {
    transform: scale(1.1, 1.1) translate(0, 0);
  }
  100% {
    transform: scale(1, 1) translate(0, 0);
  }
}

.anim.poyo0 {
  display: block;
  transform-origin: center center;
  animation: poyo0 1.2s ease-out infinite 0.5s;
  transform-origin: center bottom;
}

@keyframes poyo0 {
   0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 0);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 0px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 0);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
}

.anim.poyo1 {
  animation: poyo1 3s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
  opacity: 1;
}

@keyframes poyo1 {
  0%, 25%, 35%, 45%, 100% {
    transform: scale(1);
  }
  30%, 40% {
    transform: scale(0.8);
  }
}

.anim.poyo2 {
  display: block;
  transform-origin: center bottom;
  animation: poyo2 1.2s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo2 {
  0%, 70%, 100% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.93, 1.04);
  }
  20% {
    transform: scale(1.15, 0.97);
  }
  30% {
    transform: scale(0.9, 1.01);
  }
  40% {
    transform: scale(1, 1);
  }
}

.anim.poyo3 {
  display: block;
  transform-origin: center bottom;
  animation: poyo3 0.8s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo3 {
  0% {
    transform: skew(0deg, 0deg);
  }
  8% {
    transform: skew(7deg, 7deg);
  }
  16% {
    transform: skew(-5deg, -5deg);
  }
  24% {
    transform: skew(3deg, 3deg);
  }
  32% {
    transform: skew(-2deg, -2deg);
  }
  40% {
    transform: skew(1deg, 1deg);
  }
  50% {
    transform: skew(-0.5deg, -0.5deg);
  }
  70% {
    transform: skew(0.3deg, 0.3deg);
  }
  90% {
    transform: skew(-0.15deg, -0.15deg);
  }
  100% {
    transform: skew(0deg, 0deg);
  }
}

.anim.poyo4 {
  display: block;
  transform-origin: center center;
  animation: poyo4 2s ease-out infinite 0.5s;
}

@keyframes poyo4 {
  0%, 70%, 100% {
    transform: scale(1);
  }
  4% {
    transform: scale(1.08, 0.92);
  }
  10% {
    transform: scale(0.92, 1.08);
  }
  14% {
    transform: scale(1.04, 0.98);
  }
  18% {
    transform: scale(0.98, 1.02);
  }
  30% {
    transform: scale(1);
  }
}

.anim.poyo5 {
  display: block;
  transform-origin: center center;
  animation: poyo5 1.2s ease-out infinite 0.5s;
}

@keyframes poyo5 {
  0%, 70%, 100% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.08, 0.92);
  }
  20% {
    transform: scale(0.92, 1.08);
  }
  30% {
    transform: scale(1.04, 0.98);
  }
  40% {
    transform: scale(0.98, 1.02);
  }
  50% {
    transform: scale(1);
  }
}

.anim.poyo6 {
  display: block;
  transform-origin: center bottom;
  animation: poyo6 2s  cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo6 {
  0%, 100% {
    transform: scale(1, 1) translateY(0);
  }

  15% {
    transform: scale(0.92, 1.08) translateY(2px);
  }

  30% {
    transform: scale(1.12, 0.88) translateY(-3px);
  }

  45% {
    transform: scale(0.96, 1.06) translateY(1px);
  }

  60% {
    transform: scale(1.05, 0.96) translateY(-1px);
  }

  75% {
    transform: scale(0.98, 1.02) translateY(0);
  }

  90% {
    transform: scale(1.01, 0.99) translateY(0);
  }
}

.anim.poyo7 {
  display: block;
  transform-origin: center bottom;
  animation: poyo7 2s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo7 {
  0%{
    transform: scale(1, 1) translateY(0px);
  }
  20% {
    transform: scale(1.02, 0.98) translateY(10px);
  }
  40% {
    transform: scale(1, 1) translateY(0px);
  }
  100% {
    transform: scale(1, 1) translateY(0px);
  }
}

.float-shadow {
  position: absolute;
  width: 100px;
  aspect-ratio: 100 / 18;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  filter: blur(7px);
  animation: float-shadow 2.5s ease-in-out infinite;
}

.float {
  animation: float 2.5s ease-in-out infinite;
}

@keyframes float-shadow {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.8;
  }

  50% {
    transform: scale(0.4);
    opacity: 0.1;
  }
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}

.anim.kira1 {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.anim.kira1::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -120%;
  width: 50%;
  height: 140%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,1),
    transparent
  );
  transform: rotate(25deg);
  animation: lensShine 3.5s ease-out infinite 1s;
}

@keyframes lensShine {
  0%,70%,100% {
    left: -120%;
    opacity: 0;
  }

  5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  25% {
    left: 150%;
    opacity: .8;
  }

  30% {
    opacity: 0;
  }
}
.anim.kira2 {
  position: relative;
  display: inline-block;
  line-height: 0;
}

.anim.kira2 > img {
  display: block;
  width: 100%;
  height: auto;
}

.anim.kira2 .kira2_light {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;

  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;

  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;

  mask-position: center;
  -webkit-mask-position: center;

  pointer-events: none;

  /* 白い部分をくり抜く指定 */
  -webkit-mask-mode: luminance;
  mask-mode: luminance;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  /* transform: translateX(-120%); */
  /* animation: kira2_light 3.5s ease-out infinite 1s; */
}



.background_content{
  width: 100%;
  height: 140%;
  position: absolute;
  left:0;
  top:-20%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,237,159,0) 10%,
    /* rgba(255,255,255,0) 10%, */
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,0) 80%,
    transparent 100%
  );

  
  transform: translateX(-120%);
  animation: kira2_light 3.8s ease-out infinite 1.2s;

}

.background_content2{
  width: 100%;
  height: 140%;
  position: absolute;
  left:0;
  top:-20%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.5) 10%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,0.5) 80%,
    transparent 100%
  );
  transform: translateX(-120%);
  animation: kira2_light 3s ease-out infinite 1s;

}

@keyframes kira2_light {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  35% {
    transform: translateX(120%);
    opacity: .9;
  }

  45% {
    transform: translateX(120%);
    opacity: 0;
  }

  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

@keyframes lensShine {
  0%,70%,100% {
    left: -120%;
    opacity: 0;
  }

  5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  25% {
    left: 150%;
    opacity: .8;
  }

  30% {
    opacity: 0;
  }
}

.fwfw {
  animation: fwfw 2s ease-in-out infinite alternate;
  display: inline-block;
  transition: 1.3s ease-in-out;
  display: block;
}
 
@keyframes fwfw {
  0% {
    transform:translate(0, 0) scale(1);
  }
  50% {
    transform:translate(0, -5%) scale(1.1);
  }
  100% {
    transform:translate(0, 0) scale(1);
  }
}

.fwfw2 {
  animation: fwfw2 2s ease-in-out infinite alternate;
  display: inline-block;
  display: block;
}
 
@keyframes fwfw2 {
  0% {
    transform:translate(0, 0) rotate(-1deg);
  }
  50% {
    transform:translate(0, 10%) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(1deg);
  }
}

.updown {
  animation: updown 3s ease-in-out infinite 1s;
  display: inline-block;
  display: block;
}

.updown2 {
  animation: updown2 3s ease-in-out infinite  1s;
  display: inline-block;
  display: block;
}

@keyframes updown2 {
  0%{
    transform:translate(0, 0);
  }
  60% {
    transform:translate(0, 7%);
  }
  80% {
    transform:translate(0, 0);
  }
  100% {
    transform:translate(0, 0);
  }
}
 
@keyframes updown {
  0%{
    transform:translate(0, 0);
  }
  30% {
    transform:translate(0, 20%);
  }
  60% {
    transform:translate(0, 0);
  }
  100% {
    transform:translate(0, 0);
  }
}

.shivering1 {
  animation: shivering1 1s linear infinite;
}

/* shivering1 */
@keyframes shivering1 {
  0%, 5% {
    transform: rotateZ(0);
  }

  12% {
    transform: rotateZ(-18deg);
  }

  20% {
    transform: rotateZ(12deg);
  }

  28% {
    transform: rotateZ(-9deg);
  }

  36% {
    transform: rotateZ(6deg);
  }

  44% {
    transform: rotateZ(-3deg);
  }

  52% {
    transform: rotateZ(1deg);
  }

  58%, 100% {
    transform: rotateZ(0);
  }
}

/* shivering2 */
.shivering2 {
  animation: shivering2 1s linear infinite;
}
@keyframes shivering2 {
  0%, 5% {
    transform: rotateZ(0);
  }

  12% {
    transform: rotateZ(18deg);
  }

  20% {
    transform: rotateZ(-12deg);
  }

  28% {
    transform: rotateZ(9deg);
  }

  36% {
    transform: rotateZ(-6deg);
  }

  44% {
    transform: rotateZ(3deg);
  }

  52% {
    transform: rotateZ(-1deg);
  }

  58%, 100% {
    transform: rotateZ(0);
  }
}


.lp-box .p2_1 {
  left: 0%;
  top: -35.5%;
  /* width: 20.5%; */
  width: 100%;
}
.p2_1 .walk {
  position: relative;
  /* width: 164px; */
  transform: translate3d(-164px, 0, 0);
  will-change: transform;
}

.gif3_3{
  width: 164px;
  aspect-ratio: 164 / 159;
}

.gif3_3 img {
  display: none;
}

.gif3_3 img:first-child {
  display: block;
}

.walk {
  position: relative;
  will-change: transform;
}

.walk {
  animation: walk_move 10s linear infinite;
}

@keyframes walk_move {
  0% {
    transform: translateX(-20%) scale(1);
  }
  30% {
    transform: translateX(200px) scale(1);
  }
  50% {
    transform: translateX(375px) scale(1.2);
  }
  60% {
    transform: translateX(475px) scale(1);
  }
  100% {
    transform: translateX(850px) scale(1);
  }
}

/* .p2_1 .walk{
  transform-origin: center bottom;
  text-align: left;
}



.anim.walk {
  animation: walk_move 7s linear infinite;
}
@keyframes walk_move {

  0% {
    transform: translateX(-20%) scale(1);
  }
  30% {
    transform: translateX(200px) scale(1);
  }
  50% {
    transform: translateX(375px) scale(1.2);
  }
  70% {
    transform: translateX(575px) scale(1);
  }
  100% {
    transform: translateX(850px) scale(1);
  }
} */

.lp-box div{
  position: relative;
}
.lp-box p>span,
.lp-box div>span{
  display: block;
}

.lp-box .init {
  will-change: transform, opacity;
  opacity: 0;
}

.lp-box .init.js_blur {
  transition:all 0.5s cubic-bezier(0.45, 0, 0.55, 1);
  filter: blur(5px);
}

.lp-box .init.js_blur.animated {
  opacity: 1;
  filter: blur(0px);
}

.lp-box .init.js_fade {
  transition: opacity 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}
.lp-box .init.js_fade.animated {
  opacity: 1;
}

.lp-box .init.js_fade2 {
  transition: opacity 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.lp-box .init.js_fade2.animated {
  opacity: 1;
}

.lp-box .init.js_scale_out {
  transform:   scale(1.2);
  transition: transform  0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s;
}

.lp-box .init.js_scale_in {
  transform:   scale(0.8);
  transition: transform  0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s;
}

.lp-box .init.js_scale_in2 {
  transform:  scale(0.1,0.1) rotate(0deg) translate(10%, 20px);
  transition: transform  0.6s cubic-bezier(0.25, 1.2, 0.5, 1), opacity 0.3s;
}

.lp-box .init.js_scale_in3 {
  transform: scale(0.5) rotate(0deg);
  transform-origin: center bottom;
  transition: transform .35s cubic-bezier(.34,1.56,.64,1), opacity .2s;
} 

.lp-box .init.js_scale_out.animated,
.lp-box .init.js_scale_in2.animated,
.lp-box .init.js_scale_in3.animated,
.lp-box .init.js_scale_in.animated {
  transform: translate(0,0) scale(1)  rotate(0deg);
  opacity: 1;
}

.lp-box .init.js_scale_up {
  transform: translate(0px, 40px) scale(0.8);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.3s;
}

.lp-box .init.js_scale_up.animated {
  transform: translate(0,0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_up2 {
  transform: translateX(-50px) scale(0.5);
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), opacity 1s;
}
.lp-box .init.js_scale_up2.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_up3 {
  transform: scale(0.8);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.6s;
}
.lp-box .init.js_scale_up3.animated {
  transform: scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_down {
  transform: translateY(20px) scale(1.05);
  transition: transform 1s cubic-bezier(0.45, 0, 0.55, 1), opacity 1s;
}

.lp-box .init.js_scale_down.animated {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_down2 {
  transform: scale(1.3);
  transition: transform 1s cubic-bezier(0.45, 0, 0.55, 1), opacity 1s;
}

.lp-box .init.js_scale_down2.animated {
  transform: scale(1);
  opacity: 1;
}

.lp-box .init.js_move_right {
  transform: translate(-80% , 10px) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.2, 1) , opacity 0s;
}

.lp-box .init.js_move_right.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_right_up {
  transform: translate(-30% , 40%) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.22, 1.5, 0.36, 1) , opacity 0.2s;
}

.lp-box .init.js_move_right_up.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_right_down {
  transform: translate(-30% , -40%) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.22, 1.5, 0.36, 1) , opacity 0.2s;
}

.lp-box .init.js_move_right_down.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_left_up {
  transform: translate(30% , 40%) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.22, 1.5, 0.36, 1) , opacity 0.2s;
}

.lp-box .init.js_move_left_up.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_left_down {
  transform: translate(30% , -40%) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.22, 1.5, 0.36, 1) , opacity 0.2s;
}

.lp-box .init.js_move_left_down.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_left {
  transform: translate(80% , 10px) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.2, 1) , opacity 0.2s;
}

.lp-box .init.js_move_left.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_right_down,
.lp-box .init.js_scale_left_down,
.lp-box .init.js_scale_right_up,
.lp-box .init.js_scale_left_up {
  transform-origin: right bottom;
  transform: scale(0.2) translate(50%, 5%);
  transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity .3s;
}

.lp-box .init.js_scale_left_up2 {
  transform-origin: right bottom;
  transform: scale(0.3) translate(20%, 5%);
  transition: transform .7s cubic-bezier(.18, 1.4, .3, 1), opacity .5s;
}

.lp-box .init.js_scale_right_up2 {
  transform-origin: right bottom;
  transform: scale(0.3) translate(20%, 5%);
  transition: transform .7s cubic-bezier(.18, 1.4, .3, 1), opacity .5s;
}

.lp-box .init.js_scale_right_down{
  transform-origin: left top;
  transform: scale(0.2) translate(-50%, 5%);
}

.lp-box .init.js_scale_left_down{
  transform-origin: right top;
  transform: scale(0.2) translate(50%, -10%);
}

.lp-box .init.js_scale_right_up{
  transform-origin: left bottom;
  transform: scale(0.2) translate(-50%, 5%);
}

.lp-box .init.js_scale_left_up2.animated,
.lp-box .init.js_scale_right_up2.animated,
.lp-box .init.js_scale_right_down.animated,
.lp-box .init.js_scale_left_down.animated,
.lp-box .init.js_scale_right_up.animated,
.lp-box .init.js_scale_left_up.animated {
  transform: translate(0%, 0%) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_right2 {
  transform: translateX(-100px);
  transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s;
}

.lp-box .init.js_move_right2.animated {
  transform: translateX(0);
  opacity: 1;
}

.lp-box .init.js_move_down {
  transform: translateY(-100px);
  transition: transform 0.35s cubic-bezier(0.45, 0, 0.55, 1), opacity 0.35s;
}

.lp-box .init.js_move_down.animated {
  transform: translateY(0);
  opacity: 1;
}

.lp-box .init.js_move_up1 {
  transform: translateY(200px) scale(0.9);
  transition: transform 0.3s cubic-bezier(0.34, 1.1, 0.64, 1), opacity 0.2s;
}

.lp-box .init.js_move_up1.animated {
  transform: translateY(0%) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_up2 {
  transform: translateY(50px) scale(0.5);
  transition:
  transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
  opacity 0.3s;
}

.lp-box .init.js_move_up2.animated {
  transform: translateY(0%) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_up2.animated {
  filter: blur(0px);
  transform: translateY(0);
  opacity: 1;
}

.lp-box .init.js_move_up3 {
  transform: translateY(40px);
  transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.lp-box .init.js_move_up3.animated {
  transform: translateY(0);
  opacity: 1;
}

.lp-box .init.js_move_up4 {
  opacity: 0;
  transform: translateY(50px) scale(0.8);
  transition: all 0.5s cubic-bezier(0.16, 1.3, 0.3, 1);
}

.lp-box .init.js_move_up4.animated {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_rotate {
  transform:  rotate(13deg);
  transition: transform 0.5s cubic-bezier(0.34, 1.1, 0.64, 1), opacity 0.3s;
}

.lp-box .init.js_rotate.animated {
  transform: rotate(0deg);
  opacity: 1;
}

.lp-box .init.js_rotate2.animated {
  animation: kurukuru_left 0.7s ease-out forwards;
}

.lp-box .init.js_scale4 {
  transform:  scale(2);
  transform-origin: center center;
  transition: all 3s cubic-bezier(0.34, 1.1, 0.64, 1) ;
  opacity: 0.8;
  filter: blur(0px);
}

.lp-box .init.js_scale4.animated {
  transform: scale(1.3);
  filter: blur(100px);
  opacity: 0;
}

.p3_7 .goko {
  opacity: 0;
  animation: goko 1.5s ease-out forwards 1.3s;
}

@keyframes goko {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  20% {
    opacity: 1;
    transform: scale(1.15);
  }

  70% {
    opacity: 1;
    transform: scale(1.3);
  }

  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}


.lp-box .init.js_jump {
  transform: translateY(120%);
}

.lp-box .init.js_jump.animated {
  opacity: 1;
  animation: jump 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes jump {

  0% {
    transform: translateY(120%) rotate(-8deg);
  }

  35% {
    transform: translateY(-25%) rotate(3deg);
  }

  50% {
    transform: translateY(-10%) rotate(-2deg);
  }

  68% {
    transform: translateY(8%) rotate(1deg);
  }

  80% {
    transform: translateY(-4%) rotate(-1deg);
  }

  92% {
    transform: translateY(2%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes kurukuru_left {
  0% {
    transform: translate(-100px, -50px) rotateY(0);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0) rotateY(360deg);
    opacity: 1;
  }
}

.lp-box .init.js_rotate3.animated {
  animation: kurukuru_right 0.7s ease-out forwards;
}

@keyframes kurukuru_right {
  0% {
    transform: translate(100px, -50px) rotateY(0);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0) rotateY(360deg);
    opacity: 1;
  }
}


[data-delay="0.1"] { transition-delay: 0.1s !important; animation-delay: 0.1s !important;}
[data-delay="0.2"] { transition-delay: 0.2s !important; animation-delay: 0.2s !important;}
[data-delay="0.3"] { transition-delay: 0.3s !important; animation-delay: 0.3s !important;}
[data-delay="0.4"] { transition-delay: 0.4s !important; animation-delay: 0.4s !important;}
[data-delay="0.5"] { transition-delay: 0.5s !important; animation-delay: 0.5s !important;}
[data-delay="0.6"] { transition-delay: 0.6s !important; animation-delay: 0.6s !important;}
[data-delay="0.8"] { transition-delay: 0.8s !important; animation-delay: 0.8s !important;}
[data-delay="1"] { transition-delay: 1s !important; animation-delay: 1s !important;}
[data-delay="1.5"] { transition-delay: 1.5s !important; animation-delay: 1.5s !important;}
[data-delay="1.7"] { transition-delay: 1.7s !important; animation-delay: 1.7s !important;}
[data-delay="2"] { transition-delay: 2s !important; animation-delay: 2s !important;}

.lp-box .stretch {
  clip-path: inset(0 100% 0 0);
}

.lp-box .stretch.animated {
  animation: revealRight 0.8s ease forwards;
}

@keyframes revealRight {
  to {
    clip-path: inset(0 0 0 0);
  }
}

.lp-box .js_trigger.wiggle {
  animation: wiggle 0.8s steps(2) infinite;
  animation-play-state: paused; /* 初期は止める */
  animation-delay: 1.3s; 
  display: block;
}

.lp-box .js_trigger.wiggle.animated {
  animation-play-state: running; /* 再生 */
}

@keyframes wiggle {
  0%   { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}

.lp-box .scale {
  transform: scale(1.3);
  opacity: 0;
  transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s,opacity 0.7s ease 0.5s;
}

.lp-box .scale.animated {
  transform: scale(1);
  opacity: 1;
}
.lp-box .item .js_trigger.scale {
  transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1) 0s, opacity 0.7s ease 0s;
}

@keyframes scaleBack {
  0% {
    transform: scale(1.3);
    opacity: 0;
  }
  90% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.headline-l {display: none;}
.headline-l.align-l {display: block;}

.lp-box img {
  opacity: 1;
  width: 100%;
  max-width: none;
  height: auto;
  image-rendering: auto;
}

img[data-image] {opacity: 0;}

.lp-box a{
  display: block;
  transition: opacity 0.19s ease;
  color: #000;
}

.lp-box a:hover{
  opacity: 0.4;
} 

.lp-box a.h-op{
  opacity: 1;
}
.lp-box a.h-op::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.19s ease;
}
.lp-box a.h-op:hover::after{
  opacity: 0.5;
}

.lp-box div.lp-ab,
.lp-box .lp-ab{
  position: absolute;
}

.lp-box {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  color: #684f5b;
  font-weight: 500;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif;
 }

.lp-box .bg1{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  z-index: 0;
}

.lp-box .pos1{
  position: relative;
  aspect-ratio: 800 / 1271;
}

.lp-box .p1_main {
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 800 / 1721;
}

.lp-box .p1_base {
  left: 0;
  top: 0;
  filter: drop-shadow(0px 0px 0px white);
  animation: flame 2s ease-in-out infinite;
  overflow: hidden;
  aspect-ratio: 800 / 650
}

.lp-box .p1_logo {
  left: 0;
  top: 42.45%;
  z-index: 2;
}

.lp-box .p1_logo_white {
  left: 0;
  top: 45.5%;
  width: 100%;
  aspect-ratio: 800 / 454;
  z-index: 2;
}

@keyframes flame {
  0% {
    filter: drop-shadow(0px 0px 0px white);
  }

  40% {
    filter: drop-shadow(0px 0px 16px white);
  }

  60% {
    filter: drop-shadow(0px 0px 10px white);
  }

  85% {
    filter: drop-shadow(0px -5px 40px white);
  }

  100% {
    filter: drop-shadow(0px 0px 0px white);
  }
}

.lp-box .p1_1 {
  top: 0.1%;
  left: 18.5%;
  width: auto;
  z-index: 4;
}

.lp-box .p1_2 {
  top: 11.3%;
  left: 1.99%;
  z-index: 3;
}

.lp-box .p1_3 {
  top: 11.3%;
  right: 1.1%;
  z-index: 3;
}

.lp-box .p1_4 {
  top: 87.8%;
  left: 28.3%;
  z-index: 3;
}

.lp-box .p1_5 {
  top: 80.2%;
  right: -0.5%;
  z-index: 3;
}

.lp-box .p1_5_1 {
  top: -2%;
  left: 49.5%;
  z-index: 2;
}

.lp-box .p1_6 {
  top: 69.1%;
  left: 4.8%;
  z-index: 3;
  width: 26%;
  z-index: 2;
}

.lp-box .p1_7 {
  top: 69.1%;
  left: 69%;
  z-index: 2;
  width: 26%;
}


.anim_01.init{
  transform: translate(0px, 50px) scale(0.8);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s;
}

.animated .anim_01.init{
  transform: translate(0,0) scale(1);
  opacity: 1;
}
.anim {
  animation-play-state: paused;
}

.animated .anim {
  animation-play-state: running;
}

.anim.sanba {
  animation: sanba 1.2s ease-in-out infinite;
}

@keyframes sanba {
  0% {
    transform: translate(0, 0);
  }

  15% {
    transform: translate(-12px, -8px);
  }

  25% {
    transform: translate(0, 0);
  }

  40% {
    transform: translate(12px, -8px);
  }

  50% {
    transform: translate(0, 0);
  }

  65% {
    transform: translate(-6px, -4px);
  }

  75% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

.anim.filp {
  transform-origin: center center;
  animation: filp 1.2s ease-in-out infinite 0.2s;
}

@keyframes filp {
  0% {
    transform: rotateY(0);
  }

  25% {
    transform: rotateY(180deg);
  }

  50% {
    transform: rotateY(180deg);
  }

  75% {
    transform: rotateY(360deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

.anim.furi0 {
  transform-origin: center bottom;
  animation: furi0 0.8s steps(2, end) infinite;
}

.anim.furi1 {
  transform-origin: center bottom;
  animation: furi1 0.8s steps(2, end) infinite;
}

.anim.furi2 {
  transform-origin: center bottom;
  animation: furi2 0.8s steps(2, end) infinite 0.5s;
}

.anim.furi3 {
  transform-origin: center bottom;
  animation:furi3 0.8s steps(2, end) infinite 1s;
}

@keyframes furi0 {
  0%, 49.999% {
    transform: rotate(-2deg);
  }
  50%, 100% {
    transform: rotate(3deg);
  }
}


@keyframes furi1 {
  0%, 49.999% {
    transform: rotate(-4deg);
  }
  50%, 100% {
    transform: rotate(6deg);
  }
}

@keyframes furi2 {
  0%, 49.999% {
    transform: rotate(4deg);
  }
  50%, 100% {
    transform: rotate(-2deg);
  }
}

@keyframes furi3 {
  0%, 49.999% {
    transform: rotate(15deg);
  }
  50%, 100% {
    transform: rotate(-15deg);
  }
}

@keyframes heartSwingR {
  0%, 49.999% {
    transform: rotate(3deg);
  }
  50%, 100% {
    transform: rotate(-15deg);
  }
}

.anim.furi4 {
  transform-origin: center bottom;
  animation: furi4 1.5s steps(2, end) infinite;
}

@keyframes furi4 {
  0%, 49.999% {
    transform: rotate(-4deg);
  }
  50%, 100% {
    transform: rotate(4deg);
  }
}

.anim.furi5 {
  transform-origin: center bottom;
  animation: furi5 0.8s steps(2, end) infinite 0.5s;
}

@keyframes furi5 {
  0%, 49.999% {
    transform: rotate(-5deg);
  }
  50%, 100% {
    transform: rotate(5deg);
  }
}

.anim.furi6 {
  transform-origin: center bottom;
  animation: furi6 0.8s steps(2, end) infinite 0.5s;
}

@keyframes furi6 {
  0%, 49.999% {
    transform: rotate(5deg);
  }
  50%, 100% {
    transform: rotate(-5deg);
  }
}

.anim.heart_l {
  transform-origin: center bottom;
  animation: heartSwingL 0.7s steps(2, end) infinite 0.5s;
}

.anim.heart_r {
  transform-origin: center bottom;
  animation: heartSwingR 0.7s steps(2, end) infinite 0.5s;
}

@keyframes heartSwingL {
  0%, 49.999% {
    transform: rotate(-3deg);
  }
  50%, 100% {
    transform: rotate(15deg);
  }
}

.anim.step1 {
  transform: translateX(-100%);
  animation: slideIn 10s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  opacity: 0;
}

@keyframes slideIn {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  10% {
    transform: translateX(-100%);
    opacity: 1;
  }

  20% {
    transform: translateX(0);
    opacity: 1;
  }

  30% {
    transform: translateX(0);
    opacity: 1;
  }

  40% {
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    transform: translateX(-100);
    opacity: 0;
  }
}

.anim.step2 {
  transform-origin: center bottom;
  animation: step2 3s steps(2, end) infinite;
}

@keyframes step2 {
  0%, 49.999% {
    transform: translate(0,0);
  }

  50%, 100% {
    transform: translate(20px,10px);
  }
}

.lp-box .anim.mogura1,
.lp-box .anim.mogura2 {
  animation: mogura 2s ease-in-out infinite;
  animation-play-state: paused;
}

.lp-box .animated .anim.mogura1,
.lp-box .animated .anim.mogura2 {
  animation-play-state: running;
}

.lp-box .anim.mogura2 {
  animation-delay: 1s;
}

@keyframes mogura {
  0% {
    transform: translateY(100%) rotate(5deg);
  }

  8% {
    transform: translateY(-8px) rotate(-5deg) scale(1.04);
  }

  16% {
    transform: translateY(0) rotate(3deg) scale(1);
  }

  28% {
    transform: translateY(-5px) rotate(-2deg);
  }

  38% {
    transform: translateY(0) rotate(0);
  }

  48% {
    transform: translateY(100%) rotate(5deg);
  }

  100% {
    transform: translateY(100%) rotate(5deg);
  }
}

.p3_2 img{
  opacity: 0;
}

.p3_2.animated .show_up {
  animation: show_up 1.5s ease-out both;
}

.p3_2.animated .show_down {
  animation: show_down 1s ease-in both;
}

@keyframes show_up {

  0% {
    opacity: 0;
    transform: translateY(50%) translateX(-5px) rotate(-0.5deg);
  }

  5% {
    opacity: 0.15;
    transform: translateY(48%) translateX(5px) rotate(0.5deg);
  }

  10% {
    opacity: 0.3;
    transform: translateY(45%) translateX(-6px) rotate(-0.6deg);
  }

  15% {
    opacity: 0.45;
    transform: translateY(42%) translateX(5px) rotate(0.5deg);
  }

  20% {
    opacity: 0.6;
    transform: translateY(38%) translateX(-5px);
  }

  25% {
    opacity: 0.7;
    transform: translateY(34%) translateX(5px);
  }

  30% {
    opacity: 0.8;
    transform: translateY(30%) translateX(-6px);
  }

  35% {
    opacity: 0.85;
    transform: translateY(26%) translateX(5px);
  }

  40% {
    opacity: 0.9;
    transform: translateY(22%) translateX(-5px);
  }

  45% {
    opacity: 0.93;
    transform: translateY(18%) translateX(5px);
  }

  50% {
    opacity: 0.95;
    transform: translateY(15%) translateX(-5px);
  }

  55% {
    opacity: 0.97;
    transform: translateY(12%) translateX(5px);
  }

  60% {
    opacity: 0.98;
    transform: translateY(9%) translateX(-4px);
  }

  65% {
    opacity: 1;
    transform: translateY(7%) translateX(4px);
  }

  70% {
    transform: translateY(5%) translateX(-4px);
  }

  75% {
    transform: translateY(3%) translateX(3px);
  }

  80% {
    transform: translateY(2%) translateX(-3px);
  }

  85% {
    transform: translateY(1%) translateX(2px);
  }

  90% {
    transform: translateY(0) translateX(-2px);
  }

  95% {
    transform: translateY(0) translateX(1px);
  }

  100% {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}

@keyframes show_down {

  0% {
    opacity: 1;
    transform: translateY(0) translateX(0) rotate(0);
  }

  10% {
    opacity: 0.98;
    transform: translateY(5%) translateX(-4px) rotate(-0.5deg);
  }

  20% {
    opacity: 0.95;
    transform: translateY(10%) translateX(5px) rotate(0.5deg);
  }

  30% {
    opacity: 0.9;
    transform: translateY(16%) translateX(-5px) rotate(-0.5deg);
  }

  40% {
    opacity: 0.82;
    transform: translateY(22%) translateX(5px) rotate(0.5deg);
  }

  50% {
    opacity: 0.72;
    transform: translateY(29%) translateX(-5px);
  }

  60% {
    opacity: 0.6;
    transform: translateY(35%) translateX(4px);
  }

  70% {
    opacity: 0.45;
    transform: translateY(41%) translateX(-4px);
  }

  80% {
    opacity: 0.3;
    transform: translateY(46%) translateX(3px);
  }

  90% {
    opacity: 0.15;
    transform: translateY(49%) translateX(-2px);
  }

  100% {
    opacity: 0;
    transform: translateY(50%) translateX(0) rotate(0);
  }
}

.anim.bance {
  animation: bance 2.5s ease-in-out infinite;
}

@keyframes bance {
  /* 待機 */
  0%,
  100% {
    transform: translateY(0);
  }

  /* 1回目 */
  8% {
    transform: translateY(-6px);
  }

  16% {
    transform: translateY(0);
  }

  /* 2回目 */
  24% {
    transform: translateY(-5px);
  }

  32% {
    transform: translateY(0);
  }
}
/*要素*/
.pos12{aspect-ratio:800 / 1502;}
.pos14{aspect-ratio:800 / 1190;}
.pos13{aspect-ratio:800 / 904;}
.pos16{aspect-ratio:800 / 1533;}
.pos18{aspect-ratio:800 / 1665;}
.pos9{aspect-ratio:800 / 1230;}
.pos8{aspect-ratio:800 / 1217;}
.pos7{aspect-ratio:800 / 1263;}
.pos6{aspect-ratio:800 / 517;}
.pos3{aspect-ratio:800 / 1166;}
.pos2{aspect-ratio:800 / 340;}
.pos1{aspect-ratio:800 / 1271;}

.lp-box .p1_8 {
  top: 39%;
  left: 0%;
}

.lp-box .pos2 {
  position: relative;
  left: 0;
  z-index: 4;
  width: 100%;
}

.lp-box .pos3 {
  left: 0;
  top: 80.9%;
  width: 100%;
  aspect-ratio: 800 / 539;
}

.lp-box .p3_1 {
  left: 29.5%;
  top: 11.55%;
  width: 59.5%;
  aspect-ratio: 469 / 81;
}

.lp-box .p3_2 {
  left: 0;
  top: 17.5%;
  width: 100%;
  z-index: 2;
  display: flex;
}

.lp-box .p3_2 img{
  width: 100%;
}

.lp-box .p3_3 {
  left: 32.1%;
  top: 67%;
  width: calc((295 / 800) * 100%);
  z-index: 3;
}

.lp-box .p3_4 {
  left: 0;
  top: 65.2%;
  display: flex;
  width: 100%;
  padding-top: 0%;
  z-index: 2;
}

.lp-box .p3_5 {
  left: 0%;
  display: flex;
  top: 23%;
  width: auto;
  z-index: 3;
  transform: rotate(-14deg);
}

.lp-box .p3_5>span{
  display: block;
}

.lp-box .p3_6 {
  top: 24.5%;
  right: -2%;
  display: flex;
  z-index: 3;
  transform: rotate(10deg);
}

.lp-box .p3_7 {
  top: 3%;
  right: 0;
  display: block;
  width: 100%;
  z-index: 1;
}

.lp-box .p3_7 span{
  display: block;
  aspect-ratio: 	800 / 1068;
}

.lp-box .p4_1,
.lp-box .p4_2,
.lp-box .p4_3,
.lp-box .p4_4,
.lp-box .p4_5,
.lp-box .p4_6,
.lp-box .p4_7 {
  top:0;
}

.lp-box .pos4_bg{
  position: absolute;
  left:0;
  bottom:0;
}

.lp-box .pos4 {
  left: 0;
  top: 0;
  aspect-ratio: 800 / 640;
  width: 100%;
}

.lp-box .p4_1 {
  left: 41%;
  top: 0%;
  z-index: 3;
}

.lp-box .p4_2{
  left: 8.2%;
  top: 6.5%;
  z-index: 3;
}

.lp-box .p4_3 {
  left: 2.1%;
  top: 21%;
  z-index: 3;
}

.lp-box .p4_4 {
  right: 2.8%;
  top: 20.5%;
  width: calc((75 / 800) * 100%);
  z-index: 3;
}

.lp-box .p4_5 {
  left: -2.5%;
  top: 28.2%;
  z-index: 3;
}

.lp-box .p4_6 {
  right: -5.6%;
  top: 30.15%;
  z-index: 3;
}

.lp-box .p4_7 {
  right: 15.5%;
  top: 23.15%;
  z-index: 2;
}

.lp-box .p4_8 {
  left: 22%;
  top: 76%;
  z-index: 2;
}

.lp-box .p4_9 {
  left: 35.5%;
  top: 90%;
  z-index: 2;
}

.lp-box .pos5 {
  left: 0;
  top: 55.6%;
  aspect-ratio: 800 / 282;
  width: 100%;
}

.lp-box .p5_1 {
  left: 37.34%;
  top: 0%;
  z-index: 3;
}

.lp-box .p5_2 {
  left: 8.2%;
  top: 13.85%;
  z-index: 3;
}

.lp-box .p5_3 {
  left: 7.73%;
  top: 49.5%;
  z-index: 3;
}

.lp-box .p5_4 {
  right: 7.7%;
  top: 48.55%;
  z-index: 3;
}

.lp-box .p5_5 {
  left: -4.5%;
  top: 31.5%;
  z-index: 3;
}

.lp-box .p5_6 {
  right: -6.2%;
  top: 30.15%;
  z-index: 3;
}

.lp-box .p5_7 {
  right: 15.5%;
  top: 23.15%;
  z-index: 2;
}

.lp-box .p5_8 {
  left: 22%;
  top: 50%;
  z-index: 2;
}

.lp-box .p5_9 {
  left: 44.2%;
  top: 80.5%;
  z-index: 2;
}

.lp-box .pos6{

}

.lp-box .p6_1 {
  left: 9%;
  top: 27%;
}

.lp-box .p6_2 {
  right: 9%;
  top: 27%;
}

.lp-box .p6_3 {
  left: 25.5%;
  top: -22%;
}

.lp-box .p6_4 {
  left: 49.5%;
  top: -22%;
}

.lp-box .pos7 {
  left: 0;
  top: 0%;
  width: 100%;
  z-index: 3;
}

.lp-box .p7_0 {
  top: 38.9%;
  right: 5%;
}

.lp-box .p7_0 p {
  filter: drop-shadow(3px 3px 3px rgba(230, 209, 200, 1));
}

.lp-box .p7_1 {
    width: calc((412 / 800) * 100%);
    display: flex;
    align-items: center;
    top: 2.2%;
    left: 22%;
}


.lp-box .p7_1 p{
  display: flex;
  align-items: center;
}

.lp-box .p7_2 {
  left: 72.4%;
  top: 63.9%;
  z-index: 10;
}

.lp-box .p7_3 {
  left: 5.5%;
  top: 60.8%;
}

.lp-box .p7_4 {
  left: 5.8%;
  top: 83.5%;
}

.lp-box .p7_5 {
  left: 51.5%;
  top: 83.5%;
}

.lp-box .p7_6 {
  left: 0%;
  top: 19.95%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.05em;
}

.lp-box .p9_4,
.lp-box .p19_4,
.lp-box .p7_7,
.lp-box .p8_7 {
  position: absolute;
  top: 94%;
  width: 100%;
  left: 0%;
  font-size: 2.3rem;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.06em;
  text-align: center;
  text-shadow: 
    0 0 1px #ea8686,
    0 0 2px #ea8686,
    0 0 3px #ea8686,
    0 0 4px #ea8686,
    0 0 5px #ea8686,
    0 0 6px #ea8686,
    0 0 7px #ea8686,
    0 0 8px #ea8686,
    0 0 9px #ea8686,
    0 0 10px #ea8686,
    0 0 11px #ea8686,
    0 0 12px #ea8686,
    0 0 13px #ea8686,
    0 0 14px #ea8686,
    0 0 15px #ea8686,
    0 0 16px #ea8686,
    0 0 17px #ea8686,
    0 0 18px #ea8686,
    0 0 19px #ea8686,
    0 0 20px #ea8686;
}

.lp-box .p7_8 {
  left: 15%;
  top: 38.5%;
  width: auto;
  z-index: 2;
}

.lp-box .p7_9 {
  left: 7%;
  top: 49.5%;
  width: 87%;
  z-index: 2;
}

.lp-box .p8_0 {
  top: 34.6%;
  right: 5%;
  z-index: 3;
}

.lp-box .p8_0 p{
  filter: drop-shadow(3px 3px 3px rgba(230, 209, 200, 1));
}

.lp-box .p8_1 {
  width: calc((412 / 800) * 100%);
  display: flex;
  align-items: center;
  top: 10.6%;
  left: 22%;
}
.lp-box .p8_1 p{
  display: flex;
  align-items: center;
}

.lp-box .p8_2 {
  left: 5%;
  top: 60.9%;
  z-index: 10;
}

.lp-box .p8_3 {
  right: -2%;
  top: 56.5%;
}

.lp-box .p8_5 {
  left: 51.5%;
  top: 80.955%;
}

.lp-box .p8_4 {
  left: 6%;
  top: 80.955%;
}

.lp-box .p18_4_a {
  left: 17%;
  top: 18.955%;
}

.lp-box .p18_4_b {
    right: 16%;
    top: 15.955%;
}

.lp-box .p8_6 {
  left: 0%;
  top: 14.8%;
  width: 100%;
  text-align: center;
  font-weight: bold;  
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.05em;
}
.lp-box .p9_4,
.lp-box .p17_10,
.lp-box .p8_7 {
  position: absolute;
  top: 91.6%;
  left: 0%;
  width: 100%;
  font-size: 2.3rem;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.06em;
  text-align: center;
}

.lp-box .p8_8 {
  left: 17%;
  top: 36.5%;
  width: auto;
  z-index: 2;
  pointer-events: none;
}

.lp-box .p8_9 {
  left: 5%;
  top: 43%;
  width: auto;
  z-index: 1;
}

.lp-box .pos9{
  position: relative;
}

.lp-box .p9_0 {
  top: 49.8%;
  right: 4.5%;
}

.lp-box .p9_1 {
  top: 35.5%;
  left: 6.8%;
  z-index: 4;
}

.lp-box .p9_1 p{
  filter: drop-shadow(6px 6px 5px rgba(230, 209, 200, 1));
  z-index: 4;
}

.lp-box .p9_1_b {
  top: 35.5%;
  left: 50.8%;
  z-index: 4;
}

.lp-box .p9_1_b p{
  filter: drop-shadow(6px 6px 5px rgba(230, 209, 200, 1));
  z-index: 4;
}


.lp-box .p9_2 {
  top: 47.5%;
  right: 2.8%;
  z-index: 5;
}

.lp-box .p9_3 {
  top: 46.65%;
  right: -0.5%;
  z-index: 4;
}

.lp-box .p9_4 {
  position: absolute;
  top: 81.5%;
  left: 0%;
  text-align: center;
  z-index: 10;
}

.lp-box .p9_5 {
  top: 82.8%;
  left: 39.5%;
  z-index: 4;
}

.lp-box .p9_6 {
  top: 66%;
  left: 8.5%;
  z-index: 5;
}

.lp-box .p9_7 {
  top: 76.3%;
  left: 3.4%;
  z-index: 0;
}

.lp-box .p9_8 {
  top: 2.95%;
  left: 6.4%;
  z-index: 4;
}

.lp-box .p9_9 {
  left: 29%;
  top: 37.8%;
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.75;
  color: #684f5b;
  letter-spacing: 0em;
  z-index: 4;
}

.lp-box .p9_10 {
  left: 73.5%;
  top: 37.8%;
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.75;
  color: #684f5b;
  letter-spacing: 0em;
  z-index: 4;
}

.lp-box .p9_11 {
  top: 53.8%;
  left: 7.8%;
  z-index: 4;
}

.lp-box .p9_12 {
  top: 53.8%;
  left: 67.8%;
  z-index: 4;
}

.lp-box .p9_13 {
  top: 87.5%;
  left: 6%;
  z-index: 4;
}

.lp-box .p9_14 {
  top: 87.5%;
  left: 51.5%;
  z-index: 4;
}



.lp-box .lp-group3>img{
  position: relative;
  z-index: 2;
}

.lp-box .pos10 {
  position: relative;
  aspect-ratio: 800 / 1283;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}

.lp-box .p10_1 {
  top: 3.8%;
  left: 7%;
  z-index: 2;
}

.lp-box .p10_1_1 {
  top: 6.4%;
  left: 25%;
  z-index: 3;
}

.lp-box .p10_1_1 h2,
.lp-box .p10_1_1 p{
  display: flex;
}

.lp-box .p10_2 {
  top: 14.5%;
  left: 0%;
  z-index: 2;
}

.lp-box .p10_3 {
  top: 67.8%;
  left: -1.1%;
  z-index: 2;
}

.lp-box .p10_4 {
  top: 68.7%;
  right: -1.5%;
  z-index: 2;
}

.lp-box .p10_5 {
  top: 68.3%;
  left: 2.5%;
  z-index: 2;
}

.lp-box .pos11 {
  aspect-ratio: 800 / 936;
  left: 0;
  top: 57.1%;
  width: 100%;
  z-index: 3;
}

.lp-box .p11_0 {
  top: 0%;
  left: 6.5%;
  z-index: 1;
}

.lp-box .p11_1 {
  top: -27.8%;
  left: 9.5%;
  z-index: 3;
}

.lp-box .p11_2 {
  top: -26.65%;
  right: 8%;
  z-index: 3;
}

.lp-box .p11_3a {
  top: -17.5%;
  left: 9.5%;
  z-index: 0;
}

.lp-box .p11_3b {
  top: -18%;
  right: 8.5%;
  z-index: 0;
}

.lp-box .p11_4 {
  bottom: 30.5%;
  right: 23.9%;
  z-index: 3;
  overflow: hidden;
}

.lp-box .p11_5,
.lp-box .p11_6 {
  font-size: 2.55rem; 
  width: 100%;
  line-height: 1.4;
  text-align: center;
  z-index: 3;
}

.lp-box .p11_5 em{
  margin:0 -0.2em;
  display: inline-block;
}

.lp-box .p11_5{
  left:0;
  top: 2.5%;
  letter-spacing: 0em;
}

.lp-box .p11_6 {
  left: 0;
  top: 15.88%;
}

.lp-box .p11_5 .ttl,
.lp-box .p11_6 .ttl{
  display: inline-block;
  letter-spacing: 0.05em;
  margin-bottom: 0.2em;
}

.lp-box .p11_9 {
  left: 0;
  top: 33.8%;
  width: 77%;
  font-size: 1.9rem;
  text-align: left;
  left: 11.5%;
  z-index: 3;
}

.lp-box .p11_7 {
  top: 25.5%;
  width: 77%;
  font-size: 1.9rem;
  text-align: left;
  left: 11.5%;
  z-index: 3;
}

.lp-box .p11_7 li{
  position: relative;
  padding: 0 0.1em;
  margin-bottom: 0.45em;
}

.lp-box .p11_7 li.sold::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 3px;
  transform: translateY(-50%);
  background: #684f5b;
  width: 100%;  
}

.lp-box .p11_7 em{
  margin:0 -0.2em;
  display: inline-block;
}

.lp-box .p11_7 small{
  font-size: 1.4rem;
  margin:0 -0.4em;
  display: inline-block;
}
.lp-box .p11_7 span{
  font-size: 1.4rem;
}

.lp-box .p11_8 {
  left: 12%;
  top: 28.1%;
  z-index: 3;
}

.lp-box .p11_8_1 {
  font-size: 1.45rem;
  left: 3.5%;
  top: 11%;
  width: 19%;
  aspect-ratio: 199 / 43;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lp-box .p11_8_2 {
  left: 0%;
  top: 16%;
  font-size: 2.15rem;
  width: 100%;
}

.lp-box .p11_8_3{
  left: 0%;
  width: 100%;
  text-align: center;
  font-size: 2.15rem;
  letter-spacing: -0.05em;
  top: 66%;
}

.lp-box .p11_8_2 small{
  font-size: 1.4rem;
  margin:0 -0.4em;
}

.lp-box .p11_8_3 em{
  margin:0 -0.4em;
}

.lp-box .p11_8_sold {
  left: 0;
  top: 28.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 800 / 101;
  line-height: 1.5;
  width: 100%;
  font-size: 1.95rem;
}

.lp-box .p11_9 {
  left: 0;
  top: 34.2%;
  width: 100%;
  font-size: 1.95rem;
  line-height: 1.45;
  z-index: 17;
  text-align: center;
}

.lp-box .p11_9 .ttl{
  display: block;
  text-align: center;
  font-size: 2.55rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.4em;
}

.lp-box .p12_1 {
  left: 6.9%;
  top: 4.2%;
}

.lp-box .p12_1_1 {
  left: 23.5%;
  top: 6.8%;
}

.lp-box .p12_1_1 p{
  display: flex;
}

.lp-box .p12_2 {
  left: 4.6%;
  top: 25.5%;
  z-index: 1;
}

.lp-box .p12_3 {
  right: 15.7%;
  top: 24.5%;
  z-index: 0;
}

.lp-box .p12_4 {
  left: 17.7%;
  top: 47.3%;
  z-index: 2;
}

.lp-box .p12_5 {
  right: 3.7%;
  top: 79.2%;
  z-index: 3;
}

.lp-box .p12_6 {
  left: -1.6%;
  top: 29.5%;
  z-index: 2;
}

.lp-box .p12_7 {
  right: -1.3%;
  top: 64.8%;
  z-index: 2;
}

.lp-box .p13_0 {
  left: 6.7%;
  top: 52%;
  z-index: 1;
}

.lp-box .p13_1 {
  left: 40%;
  top: 3%;
}

.lp-box .p13_1>h3{
  display: flex;
}

.lp-box .p13_3a {
  left: 5%;
  top: 21%;
  z-index: 1;
}

.lp-box .p13_3b {
  left: 18%;
  top: 12.5%;
}

.lp-box .p13_3c {
  left: 72%;
  top: 12%;
}

.lp-box .p13_3d {
  left: 79%;
  top: 28.2%;
}

.lp-box .p13_3e {
  left: 81%;
  top: 32%;
  z-index: 2;
}

.lp-box .p13_2 {
  left: 6%;
  top: 16.5%;
}

.lp-box .p13_3 {
  right: 7.5%;
  top: 29.5%;
}

.lp-box .p13_4 {
  left: 11%;
  top: 33.2%;
  z-index: 5;
}

.lp-box .p13_5 {
  left: 12.5%;
  top: 6.2%;
}

.lp-box .p13_6 {
  width: 100%;
  top: 66.7%;
  left: 0;
  width: 100%;
  font-size: 1.8rem;
  letter-spacing: -0.01em;
  line-height: 1.75;
  z-index: 2;
}

.lp-box .p13_6 em{
  margin: 0 -0.3em;
  display: inline-block;
}

.lp-box .p14_1 {
  left: 41.5%;
  top: 2.4%;
}

.lp-box .p14_2 {
  left: 32.5%;
  top: 31.99%;
}

.lp-box .p14_1 h3,
.lp-box .p14_2 h3{
  display: flex;
  justify-content: center;
  align-items: center;
}

.lp-box .pos14 a{
  left: 6.5%;
}

.lp-box .p14_3 {
  top: 9.95%;
}

.lp-box .p14_4 {
  top: 17.8%;
}

.lp-box .p14_5 {
  top: 39.9%;
}

.lp-box .p14_6 {
  top: 48.1%;
}

.lp-box .p14_7 {
  top: 56%;
}

.lp-box .pos15 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  aspect-ratio: 800 / 418;
}

.lp-box .pos15 {
  position: relative;
}

.lp-box .p15_1 {
  left: 5.5%;
  top: 7%;
  z-index: 4;
}

.lp-box .p15_2 {
  left: 0;
  bottom: 0;
  z-index: 3;
}

.lp-box .p15_3 {
  left: 3%;
  top: -2%;
  z-index: 3;
}

.lp-box .p15_4 {
  left: 3%;
  top: 25%;
  z-index: 2;
}

.lp-box .p15_6 {
  right: 2%;
  top: 3.2%;
}

.lp-box .p15_7 {
  left: 71.5%;
  top: 60.5%;
  z-index: 2;
}

.lp-box .pos16 {
  position: relative;
  z-index: 10;
  aspect-ratio: 800 / 1531;
}

.lp-box .p16_0_a {
  top: 17.8%;
  left: 4.5%;
}

.lp-box .p16_0_b {
  top: 16.8%;
  right: 4.5%;
}

.lp-box .p16_1 {
  top: -15%;
  left: 16.5%;
}

.lp-box .p16_2 {
  top: 3.8%;
  left: 6.55%;
  width: calc((692 / 800) * 100%);
}

.lp-box .p16_2_1 {
  top: 30.3%;
  left: 20%;
  z-index: 3;
  width: 72.5%;
}

.lp-box .p16_3 {
  left: 41.34%;
  top: 19.5%;
  z-index: 3;
}

.lp-box .p16_4 {
  left: 8.2%;
  top: 22.2%;
  z-index: 3;
}

.lp-box .p16_5 {
  left: -4%;
  top: 29.2%;
  z-index: 4;
}

.lp-box .p16_6 {
  right: -0.5%;
  top: 29%;
  z-index: 4;
}

.lp-box .p16_7 {
  left: 15.3%;
  top: 29%;
  z-index: 3;
}

.lp-box .p16_8 {
  top: 47.65%;
  left: 33.5%;
  z-index: 3;
}

.lp-box .p16_9 {
  top: 51.7%;
  left: 21.69%;
  z-index: 2;
}

.lp-box .p16_10 {
  top: 62.1%;
  left: 41.3%;
}

.lp-box .p16_11 {
  top: 64.88%;
  left: 8.3%;
}

.lp-box .p16_12 {
  top: 79.7%;
  left: 41%;
}

.lp-box .p16_13 {
  top: 82.5%;
  left: 8.3%;
}

.lp-box .p17_1_1 {
  left: 26%;
  top: 4.15%;
  width: calc((387 / 800) * 100%);
}

.lp-box .p17_2 {
  left: 4%;
  top: 5.1%;
}

.lp-box .p17_3 {
  left: 55%;
  top: 50.1%;
  filter: drop-shadow(6px 6px 5px rgba(34, 84, 107, 0.2));
}

.lp-box .p17_4 {
  left: 0%;
  top: 47.5%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.05em;
}

.lp-box .p17_5 {
  left: -5%;
  top: 66.5%;
}

.lp-box .p17_6 {
  right: -5%;
  top: 66.8%;
}

.lp-box .p17_7 {
  right: 0%;
  top: 67.8%;
  
}

.lp-box .p17_8 {
  left: 6%;
  top: 89%;
}

.lp-box .p17_9 {
  left: 51.5%;
  top: 89%;
}

.lp-box .p17_10 {
  top: 95.2%;
}

.lp-box .pos18 {
  position: absolute;
  aspect-ratio: 800 / 903;
  left: 0;
  top: 0;
  width: 100%;
}

.lp-box .p18_1 {
  aspect-ratio: 100 / 36;
  display: flex;
  align-items: center;
  top: 3.4%;
  left: 25%;
}

.lp-box .p18_1 p{
  display: flex;
  align-items: center;
}

.lp-box .p18_2 {
  left: 6.5%;
  top: 39%;
}

.lp-box .p18_3{
  right: 7.5%;
  top: 37%;
}

.lp-box .p18_4 {
  left: 14.55%;
  top: 17%;
}

.lp-box .p18_5 {
  left: 6.3%;
  top: 84%;
}

.lp-box .p18_6 {
  left: 0%;
  top: 98.5%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.05em;
}

.lp-box .pos19 {
  aspect-ratio: 800 / 722;
  left: 0;
  width: 100%;
  top: 32.3%;
}

.lp-box .p19_0 {
  top: 8.5%;
  left: 7.2%;
}

.lp-box .p19_1 {
  top: 26.2%;
  right: 6%;
}

.lp-box .p19_1 p{
  filter: drop-shadow(6px 6px 5px rgba(230, 209, 200, 1));
}

.lp-box .p19_2 {
  top: 34%;
  left: 4%;
  z-index: 2;
}

.lp-box .p19_3 {
  top: -4%;
  left: -15%;
}

.lp-box .p19_5 {
  top: 78.9%;
  left: 6.2%;
}

.lp-box .p19_4 {
    top: 68%;
    left: 7%;
    text-align: left;
}

.lp-box .p19_6 {
  top: 56%;
  left: 49%;
}

.lp-box .p19_7 {
  top: 69.5%;
  left: 63.5%;
}

.lp-box .p19_9 {
  top: -19%;
  right: 18.2%;
}

.lp-box .p19_9_1 {
  top: -0.5%;
  right: 22%;
  width: 14%;
}
.lp-box .p19_10 {
  top: -14%;
  right: 0.5%;
}

.lp-box .p19_10_1 {
  top: 4%;
  right: 6%;
  width: 14%;
}

.lp-box .p19_20_1 {
  top: -0.5%;
  right: 12%;
}


.lp-box .p19_11 {
  bottom: 1.5%;
  left: 4.3%;
}

#voice1,
#voice2,
#voice3{
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  display: none; 
}

.audio_button{
  cursor: pointer;
}

.audio_button img{
  transition: all 0.2s ease;
}

.audio_button:hover img{
  transform: scale(0.99);
}

.lp-box .lp-group1{
  position: relative;
  z-index: 3;
  margin-top: 0;
}

.lp-box .lp-group1 .bg1{
  left:0;
  top:0;
}

.lp-box .lp-group3{
  position: relative;
  z-index: 2;
} 

.lp-box .p1_1{width:calc((528 / 800) * 100%);}
.lp-box .p1_2{width:calc((82 / 800) * 100%);}
.lp-box .p1_3{width:calc((82 / 800) * 100%);}
.lp-box .p1_4{width:calc((357 / 800) * 100%);}
.lp-box .p1_5{width:calc((795 / 800) * 100%);}
.lp-box .p1_5_1{width:calc((179 / 800) * 100%);}

.lp-box .p3_3{width:calc((295 / 800) * 100%);}
.lp-box .p3_5{width:calc((331 / 800) * 100%);}
.lp-box .p3_6{width:calc((300 / 800) * 100%);}
.lp-box .p6_1{width:calc((75 / 800) * 100%);}
.lp-box .p6_2{width:calc((72 / 800) * 100%);}
.lp-box .p6_3{width:calc((188 / 800) * 100%);}
.lp-box .p6_4{width:calc((207 / 800) * 100%);}
.lp-box .p7_0{width:calc((172 / 800) * 100%);}
.lp-box .p7_1{width:calc((412 / 800) * 100%);}
.lp-box .p7_2{width:calc((189 / 800) * 100%);}
.lp-box .p7_3{width:calc((172 / 800) * 100%);}
.lp-box .p7_4{width:calc((348 / 800) * 100%);}
.lp-box .p7_5{width:calc((348 / 800) * 100%);}
.lp-box .p7_8{width:calc((553 / 800) * 100%);}
.lp-box .p7_9{width:calc((698 / 800) * 100%);}
.lp-box .p8_0{width:calc((172 / 800) * 100%);}
.lp-box .p8_2{width:calc((194 / 800) * 100%);}
.lp-box .p8_3{width:calc((274 / 800) * 100%);}
.lp-box .p8_4{width:calc((348 / 800) * 100%);}
.lp-box .p8_5{width:calc((348 / 800) * 100%);}
.lp-box .p8_8{width:calc((523 / 800) * 100%);}
.lp-box .p8_9{width:calc((683 / 800) * 100%);}
.lp-box .p16_2{width:calc((692 / 800) * 100%);}
.lp-box .p16_2_1{width:calc((504 / 800) * 100%);}
.lp-box .p16_0_a{width:calc((67 / 800) * 100%);}
.lp-box .p16_0_b{width:calc((66 / 800) * 100%);}
.lp-box .p16_3{width:calc((141 / 800) * 100%);}
.lp-box .p16_4{width:calc((667 / 800) * 100%);}
.lp-box .p16_5{width:calc((198 / 800) * 100%);}
.lp-box .p16_6{width:calc((198 / 800) * 100%);}
.lp-box .p16_7{width:calc((551 / 800) * 100%);}
.lp-box .p16_9{width:calc((456 / 800) * 100%);}
.lp-box .p16_10{width:calc((141 / 800) * 100%);}
.lp-box .p16_11{width:calc((672 / 800) * 100%);}
.lp-box .p16_12{width:calc((141 / 800) * 100%);}
.lp-box .p16_13{width:calc((672 / 800) * 100%);}
.lp-box .p18_1 p{width:100%;}
.lp-box .p18_1{width:calc((396 / 800) * 100%);}
.lp-box .p18_2{width:calc((78 / 800) * 100%);}
.lp-box .p18_3{width:calc((69 / 800) * 100%);}
.lp-box .p18_4_a{width:calc((291 / 800) * 100%);}
.lp-box .p18_4_b{width:calc((293 / 800) * 100%);}
.lp-box .p18_5{width:calc((692 / 800) * 100%);}
.lp-box .p19_0{width:calc((679 / 800) * 100%);}
.lp-box .p19_1{width:calc((199 / 800) * 100%);}
.lp-box .p19_3{width:calc((639 / 800) * 100%);}
.lp-box .p19_5{width:calc((445 / 800) * 100%);}
.lp-box .p19_6{width:calc((370 / 800) * 100%);}
.lp-box .p19_11{width:calc((450 / 800) * 100%);}
.lp-box .p19_9{width:calc((178 / 800) * 100%);}
.lp-box .p19_10{width:calc((174 / 800) * 100%);}
.lp-box .p9_0{width:calc((706 / 800) * 100%);}
.lp-box .p9_1{width:calc((164 / 800) * 100%);}
.lp-box .p9_1_b{width:calc((164 / 800) * 100%);}
.lp-box .p9_3{width:calc((660 / 800) * 100%);}
.lp-box .p9_8{width:calc((712 / 800) * 100%);}
.lp-box .p9_11{width:calc((200 / 800) * 100%);}
.lp-box .p9_12{width:calc((199 / 800) * 100%);}
.lp-box .p9_13{width:calc((339 / 800) * 100%);}
.lp-box .p9_14{width:calc((338 / 800) * 100%);}
.lp-box .p10_1_1{width:calc((485 / 800) * 100%);}
.lp-box .p10_1{width:calc((692 / 800) * 100%);}
.lp-box .p10_5{width:calc((761 / 800) * 100%);}
.lp-box .p10_3{width:calc((167 / 800) * 100%);}
.lp-box .p10_4{width:calc((165 / 800) * 100%);}
.lp-box .p11_0{width:calc((693 / 800) * 100%);}
.lp-box .p11_1{width:calc((131 / 800) * 100%);}
.lp-box .p11_2{width:calc((123 / 800) * 100%);}
.lp-box .p11_3a{width:calc((205 / 800) * 100%);}
.lp-box .p11_3b{width:calc((183 / 800) * 100%);}
.lp-box .p11_4{width:calc((353 / 800) * 100%);}
.lp-box .p12_1{width:calc((692 / 800) * 100%);}
.lp-box .p12_1_1{width:calc((510 / 800) * 100%);}
.lp-box .p12_2{width:calc((741 / 800) * 100%);}
.lp-box .p12_3{width:calc((147 / 800) * 100%);}
.lp-box .p12_4{width:calc((118 / 800) * 100%);}
.lp-box .p12_5{width:calc((121 / 800) * 100%);}
.lp-box .p12_6{width:calc((309 / 800) * 100%);}
.lp-box .p12_7{width:calc((303 / 800) * 100%);}
.lp-box .p13_0{width:calc((692 / 800) * 100%);}
.lp-box .p13_1{width:calc((158 / 800) * 100%);}
.lp-box .p13_3a{width:calc((118 / 800) * 100%);}
.lp-box .p13_3b{width:calc((90 / 800) * 100%);}
.lp-box .p13_3c{width:calc((138 / 800) * 100%);}
.lp-box .p13_3d{width:calc((122 / 800) * 100%);}
.lp-box .p13_4{width:calc((664 / 800) * 100%);}
.lp-box .p13_5{width:calc((587 / 800) * 100%);}

.lp-box .p14_1{width:calc((132 / 800) * 100%);}
.lp-box .p14_2{width:calc((279 / 800) * 100%);}
.lp-box .p14_3{width:calc((700 / 800) * 100%);}
.lp-box .p14_4{width:calc((700 / 800) * 100%);}
.lp-box .p14_5{width:calc((700 / 800) * 100%);}
.lp-box .p14_6{width:calc((700 / 800) * 100%);}
.lp-box .p14_7{width:calc((700 / 800) * 100%);}
.lp-box .p15_1{width:calc((709 / 800) * 100%);}
.lp-box .p15_3{width:calc((148 / 800) * 100%);}
.lp-box .p15_4{width:calc((96 / 800) * 100%);}
.lp-box .p15_6{width:calc((171 / 800) * 100%);}

@media screen and (max-device-width: 767px){

.anim.walk {
  animation: walk_move 5s linear infinite;
}

.gif3_3{
  width: 20.5%;
}

@keyframes walk_move {
  0% {
    transform: translateX(-20vw) scale(1);
  }
  30% {
    transform: translateX(25vw) scale(1);
  }
  50% {
    transform: translateX(46.875vw) scale(1.2);
  }
  70% {
    transform: translateX(71.875vw) scale(1);
  }
  100% {
    transform: translateX(106.25vw) scale(1);
  }
}

  .lp-box span:hover,
  .lp-box a:hover{  
    opacity: 1;
  }

  .lp-box img {
    height: auto !important;
    vertical-align: middle;
  }
  
  .lp-box{
    width: calc(100% + 26px);
    margin-left: -13px;
    --sh1: 1px 1px 2px rgba(71, 74, 76, 0.89); 
  }

  .lp-box a.h-op::after{
    display: none;
  }

  .lp-box .p7_6,
  .lp-box .p9_9 {
    font-size: 2.32vw;
  }

  .lp-box .p8_4{
    font-size: 2.96vw;
  }

  .lp-box .p7_1 {
    top: 1.8%;
  }

  .lp-box .p9_9,
  .lp-box .p9_10,
  .lp-box .p13_6,
  .lp-box .p17_4,
  .lp-box .p18_6,
  .lp-box .p7_6,
  .lp-box .p8_6{
    font-size: 2.32vw;
  }

  .lp-box .p7_7,
  .lp-box .p17_10,
  .lp-box .p8_7 {
    font-size: 2.96vw;
  }

  .lp-box .p9_4 {
    font-size: 2.6vw;
  }

  .lp-box .p11_5,
  .lp-box .p11_6 {
    font-size: 3.30vw;
  }

  .lp-box .p11_7 {
    font-size: 2.5vw;
  }

  .lp-box .p11_7 span,
  .lp-box .p11_7 small {
    font-size: 1.75vw;
  }

  .lp-box .p11_8_1 {
    font-size: 1.8vw;
  }

  .lp-box .p11_8_2 {
    font-size: 2.7vw;
  }

  .lp-box .p11_8_3 {
    font-size: 2.7vw;
  }

  .lp-box .p11_8_2 small {
    font-size: 1.8vw;
  }

  .lp-box .p11_8_sold {
    font-size: 2.5vw;
  }

  .lp-box .p11_9 {
    font-size: 2.5vw;
  }

  .lp-box .p11_9 .ttl {
    font-size: 3.2vw;
  }

  .lp-box .p13_6 {
    font-size: 2.25vw;
  }

  .lp-box .p11_7 li.sold::after{
    height: 2px;
  }

  .lp-box .p19_4,
  .lp-box .p17_10,
  .lp-box .p7_7,
  .lp-box .p8_7,
  .lp-box .p8_4,
  .lp-box .p9_4 {
    font-size: 2.96vw;
    text-shadow: 
    0 0 1px #ea8686,
    0 0 2px #ea8686,
    0 0 3px #ea8686,
    0 0 4px #ea8686,
    0 0 5px #ea8686,
    0 0 6px #ea8686,
    0 0 7px #ea8686,
    0 0 8px #ea8686,
    0 0 9px #ea8686,
    0 0 10px #ea8686;
  }

  .lp-box .p13_5 {
    aspect-ratio: auto;
    height: 45vw;
  }

}