@charset "UTF-8";
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  30% {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    animation-timing-function: ease-out;
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: ease-out;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomIn_star {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes popup {
  0% {
    transform: translateY(20px) scale(0.9);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}
/* アニメーション前状態 */
.lp_campaign .js-scroll-anim .fade-up {
  opacity: 0;
}
.lp_campaign .js-scroll-anim .pop-in-coin {
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 820ms cubic-bezier(0.375, 1.4, 0.58, 0.98);
  transform: translate3d(0, 22px, 0);
}
.lp_campaign .js-scroll-anim .pop-in-coin200 {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 600ms cubic-bezier(0.375, 1.2, 0.58, 0.98);
  transform: translateY(-28px);
}
.lp_campaign .js-scroll-anim .fade-scaleup {
  opacity: 0;
  transform: scale(0.88);
  transition: opacity 0.8s linear, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 600ms;
}
.lp_campaign .js-scroll-anim .zoomin {
  opacity: 0;
}
.lp_campaign .js-scroll-anim .zoominStar {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.8s cubic-bezier(0.68, -0.55, 0.085, 1.605), transform 0.8s cubic-bezier(0.68, -0.55, 0.085, 1.605);
}
.lp_campaign .js-scroll-anim .popup {
  opacity: 0;
}

/* アニメーション後状態 */
.lp_campaign .js-scroll-anim.is-animation .fade-up {
  animation-name: fadeInUp;
  animation-duration: 0.9s;
  animation-fill-mode: both;
}
.lp_campaign .js-scroll-anim.is-animation .fade-up.reward_inner_img_coin01 {
  animation-delay: 130ms;
}
.lp_campaign .js-scroll-anim.is-animation .fade-up.reward_inner_img_coin02 {
  animation-delay: 280ms;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay1 {
  transition-delay: 1.1s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay2 {
  transition-delay: 1.3s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay3 {
  transition-delay: 1.5s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay4 {
  transition-delay: 1.7s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay5 {
  transition-delay: 1.9s;
}
@media screen and (max-width: 767.9px) {
  .lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay1 {
    transition-delay: 0.89s;
  }
  .lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay2 {
    transition-delay: 1.08s;
  }
  .lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay3 {
    transition-delay: 1.27s;
  }
  .lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay4 {
    transition-delay: 1.46s;
  }
  .lp_campaign .js-scroll-anim.is-animation .pop-in-coin.delay5 {
    transition-delay: 1.65s;
  }
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin200 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin200.delay1 {
  transition-delay: 0.325s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin200.delay2 {
  transition-delay: 0.45s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin200.delay3 {
  transition-delay: 0.575s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin200.delay4 {
  transition-delay: 0.7s;
}
.lp_campaign .js-scroll-anim.is-animation .pop-in-coin200.delay5 {
  transition-delay: 0.825s;
}
.lp_campaign .js-scroll-anim.is-animation .fade-scaleup {
  opacity: 1;
  transform: none;
}
.lp_campaign .js-scroll-anim.is-animation .fade-scaleup.kv_img_inner_confetti02 {
  transition-delay: 700ms;
}
.lp_campaign .js-scroll-anim.is-animation .zoomin {
  animation: zoomIn 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
.lp_campaign .js-scroll-anim.is-animation .zoomin.reward_inner_img_text {
  animation-delay: 100ms;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar {
  opacity: 1;
  transform: scale(1);
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay1 {
  transition-delay: 1.75s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay2 {
  transition-delay: 1.95s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay3 {
  transition-delay: 2.15s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay4 {
  transition-delay: 2.35s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay5 {
  transition-delay: 2.55s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay6 {
  transition-delay: 2.75s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay_reward1 {
  transition-delay: 1.1s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay_reward2 {
  transition-delay: 1.25s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay_reward3 {
  transition-delay: 1.4s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay_reward4 {
  transition-delay: 1.55s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay_reward5 {
  transition-delay: 1.7s;
}
.lp_campaign .js-scroll-anim.is-animation .zoominStar.delay_reward6 {
  transition-delay: 1.85s;
}
.lp_campaign .js-scroll-anim.is-animation .popup {
  animation: popup 1s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
.lp_campaign .js-scroll-anim.is-animation .popup.reward_inner_img_confetti01 {
  animation: popup 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
  animation-delay: 800ms;
}
.lp_campaign .js-scroll-anim.is-animation .popup.reward_inner_img_confetti02 {
  animation: popup 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
  animation-delay: 950ms;
}/*# sourceMappingURL=cp_sps_animation.css.map */