@charset "utf-8";

.online-store-btn{
  position: absolute;
  top: 42%;
  right: 19%;
  z-index: 1;
  animation: fluffy1 2s ease infinite;
}

@keyframes fluffy1 {
  0% {
      transform: translateY(0); }
  5% {
      transform: translateY(0); }
  10% {
      transform: translateY(0); }
  20% {
      transform: translateY(-10px); }
  25% {
      transform: translateY(0); }
  30% {
      transform: translateY(-10px); }
  50% {
      transform: translateY(0); }
  100% {
      transform: translateY(0); } 
}

.mv-bg-anime{
  opacity: 0;
  animation-name: mv-bg-anime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes mv-bg-anime {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
.mv-anime {
  animation-name: mv-anime;
  animation-duration: .6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: .7s;
  opacity: 0;
}

@keyframes mv-anime {
  0% {
      transform: scale(0.8);
      opacity: 0;
  }
  50% {
      transform: scale(1.2);
      opacity: 0.7;
  }
  100% {
      transform: scale(1);
      opacity: 1;
  }
}