@charset "utf-8";

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes swing1 {
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  40% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }

  60% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  80% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing1 {
  20% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  40% {
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }

  60% {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  80% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing1 {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@keyframes title {
  0% {
    opacity: 0;
    filter: blur(50px) brightness(5);
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    filter: blur(0) brightness(1);
    transform: scale(1);
  }
}
@keyframes show_btn {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

/* 浮動 */
@keyframes float {
  0% {
    transform: translateY(-1.8%);
  }
  100% {
    transform: translateY(0);
  }
}

/* 鳥類飛行動畫 */
@keyframes bird_fly {
  0% {
    transform: translateY(-5%) rotate(-5deg);
  }
  100% {
    transform: translateY(5%) rotate(5deg);
  }
}

/*飄飄*/
@keyframes fly1 {
  0% {
    transform: translateY(10%);
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(10%);
  }
}

@keyframes fly2 {
  0% {
    transform: translateY(-7%);
  }

  50% {
    transform: translateY(3%);
  }

  100% {
    transform: translateY(-7%);
  }
}

@keyframes fly3 {
  0% {
    transform: translateY(12%);
  }

  50% {
    transform: translateY(-2%);
  }

  100% {
    transform: translateY(12%);
  }
}

/*星星*/
@keyframes kirakira00 {
  0% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  100% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

/*LV1_大標*/
@keyframes logo_in_309 {
  0% {
    filter: blur(50px) brightness(20);
    opacity: 0;
  }

  100% {
    filter: blur(0px) brightness(1);
    opacity: 1;
  }
}

/*攻擊按鈕*/
@keyframes bounceInlight350 {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
    filter: drop-shadow(0 0 1rem #fff);
  }

  50% {
    transform: translate(-50%, -50%) scale(1);
    filter: drop-shadow(0 0 2rem #fff);
  }

  100% {
    transform: translate(-50%, -50%) scale(0.9);
    filter: drop-shadow(0 0 1rem #fff);
  }
}

@keyframes arrowAni_325 {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(7%);
  }
}

/*動雲*/
@keyframes move-clouds-back {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 10000px 0;
  }
}

/*攻擊文字*/
@keyframes up_350 {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-279%);
  }
}

/*飄羽毛*/
@keyframes sway {
  0% {
    transform: rotateZ(-15deg) rotateX(55deg);
  }

  50% {
    transform: rotateZ(20deg) rotateX(60deg);
    animation-timing-function: ease-in-out;
  }

  100% {
    transform: rotateZ(-15deg) rotateX(55deg);
    animation-timing-function: cubic-bezier(0.99, 0, 0.89, 0.435);
  }
}

@keyframes fall {
  0% {
    /*-webkit-filter: drop-shadow(0px 60px 40px rgba(0, 0, 0, 0));*/
  }

  100% {
    top: 120%;
    /*-webkit-filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.6));*/
  }
}