@charset "UTF-8";
@keyframes fadeIn {
  from {
    visibility: 0;
    opacity: 0;
  }
  to {
    visibility: 1;
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    -webkit-visibility: 0;
    -webkit-opacity: 0;
  }
  to {
    -webkit-visibility: 1;
    -webkit-opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    visibility: 1;
    opacity: 1;
  }
  to {
    visibility: 0;
    opacity: 0;
  }
}

@keyframes moveBackground {
    0% {
        background-position: 0 0; /* 開始位置 */
    }
    100% {
        background-position: 0 100%; /* 画像幅分だけ移動 (例: 1956px) */
    }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes poyopoyo {
  0%, 2%, 4%, 6% {
    transform: scale(1.0);
  }
  1%, 3% {
    transform: scale(0.98);
  }
}