@charset "utf-8";
.fade-up {
  -webkit-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  -ms-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-name: fade-up;
  animation-name: fade-up;
  visibility: visible !important;
}
@-webkit-keyframes fade-up {
0% { opacity: 0; -webkit-transform: translateY(100px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fade-up {
0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fade_2 {
  opacity: 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.fade_2_2 {
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.fade_23 {
  -webkit-transition: all 1.8s;
  -moz-transition: all 1.8s;
  -o-transition: all 1.8s;
  -ms-transition: all 1.8s;
  transition: all 1.8s;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
}
.fade_on {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.anime {
  opacity: 0;
  transition: all .4s cubic-bezier(.15, .9, .25, 1.53);
  transform: scale(.1);
  
}
.status_sns_images .anime {
  transform-origin: center bottom;
}
.status_sopt_images .anime.map_pin_02 {
  transform-origin: 41% -50px;
}

.anime.balloon_01.is-show {
  transition-delay: .6s;
}
.anime.balloon_02.is-show{
  transition-delay: .8s;
}
.anime.balloon_03.is-show {
  transition-delay: .9s;
}
.anime.map_pin_01.is-show {
  transition-delay: 1.0s;
}
.anime.map_pin_02.is-show {
  transition-delay: 1.3s;
}

.anime.is-show {
  transition-property: opacity, transform;
  opacity: 1;
  transform: scale(1);
  transform: translateY(0);
}

@media screen and (max-width: 768px) {
  .anime.map_pin_01.is-show {
    transition-delay: 0.6s;
  }
  .anime.map_pin_02.is-show {
    transition-delay: 0.9s;
  }
}