/* ===== スマホkeyframes ===== */

@keyframes yura {
  0%   { transform: translateY(0) rotate(0deg); }
  50%  { transform: translateY(-6px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes floatIn {
  from {
    transform: translateY(12px) scale(0.98);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(1deg);
  }
  50% {
    transform: rotate(-1deg);
  }
  75% {
    transform: rotate(0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}




@keyframes boxAnime {
    to {
        box-shadow: 0px 0px 10px #545454;
        opacity: 1;
    }
}

@keyframes containerAnime {
    to {
        filter: brightness(.5) blur(2px);
    }
}