@-webkit-keyframes anim-appear {
  0% {
    opacity: 0;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@keyframes anim-appear {
  0% {
    opacity: 0;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@-webkit-keyframes anim-hide {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(0.5em);
            filter: blur(0.5em);
  }
}
@keyframes anim-hide {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(0.5em);
            filter: blur(0.5em);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  @-webkit-keyframes anim-appear {
    0% {
      opacity: 0;
      -webkit-filter: blur(0.5px);
              filter: blur(0.5px);
    }
    100% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
  }
  @keyframes anim-appear {
    0% {
      opacity: 0;
      -webkit-filter: blur(0.5px);
              filter: blur(0.5px);
    }
    100% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
  }
  @-webkit-keyframes anim-hide {
    0% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
    100% {
      opacity: 0;
      -webkit-filter: blur(0.5em);
              filter: blur(0.5em);
    }
  }
  @keyframes anim-hide {
    0% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
    100% {
      opacity: 0;
      -webkit-filter: blur(0.5em);
              filter: blur(0.5em);
    }
  }
}
@-webkit-keyframes anim-showgrassup {
  0% {
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes anim-showgrassup {
  0% {
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes anim-showgrassdown {
  0% {
    -webkit-transform: translateY(40%);
            transform: translateY(40%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes anim-showgrassdown {
  0% {
    -webkit-transform: translateY(40%);
            transform: translateY(40%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes anim-star-drop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
}
@keyframes anim-star-drop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes anim-star-swing {
  0% {
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  60% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes anim-star-swing {
  0% {
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  60% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes anim-new {
  from {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes anim-new {
  from {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes anim-empty {}
@keyframes anim-empty {}
@-webkit-keyframes anim-brightness {
  from {
    -webkit-filter: brightness(0em);
            filter: brightness(0em);
  }
  50% {
    -webkit-filter: brightness(2.2em);
            filter: brightness(2.2em);
  }
  to {
    -webkit-filter: brightness(1em);
            filter: brightness(1em);
  }
}
@keyframes anim-brightness {
  from {
    -webkit-filter: brightness(0em);
            filter: brightness(0em);
  }
  50% {
    -webkit-filter: brightness(2.2em);
            filter: brightness(2.2em);
  }
  to {
    -webkit-filter: brightness(1em);
            filter: brightness(1em);
  }
}
@-webkit-keyframes anim-menuHover {
  0% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  20% {
    -webkit-filter: brightness(1.01);
            filter: brightness(1.01);
    -webkit-transform: rotate(-2.5deg);
            transform: rotate(-2.5deg);
  }
  40% {
    -webkit-filter: brightness(1.02);
            filter: brightness(1.02);
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  60% {
    -webkit-filter: brightness(1.03);
            filter: brightness(1.03);
    -webkit-transform: rotate(-1.4deg);
            transform: rotate(-1.4deg);
  }
  80% {
    -webkit-filter: brightness(1.04);
            filter: brightness(1.04);
    -webkit-transform: rotate(0.6deg);
            transform: rotate(0.6deg);
  }
  100% {
    -webkit-filter: brightness(1.05);
            filter: brightness(1.05);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes anim-menuHover {
  0% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  20% {
    -webkit-filter: brightness(1.01);
            filter: brightness(1.01);
    -webkit-transform: rotate(-2.5deg);
            transform: rotate(-2.5deg);
  }
  40% {
    -webkit-filter: brightness(1.02);
            filter: brightness(1.02);
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  60% {
    -webkit-filter: brightness(1.03);
            filter: brightness(1.03);
    -webkit-transform: rotate(-1.4deg);
            transform: rotate(-1.4deg);
  }
  80% {
    -webkit-filter: brightness(1.04);
            filter: brightness(1.04);
    -webkit-transform: rotate(0.6deg);
            transform: rotate(0.6deg);
  }
  100% {
    -webkit-filter: brightness(1.05);
            filter: brightness(1.05);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes animation-bctop {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1792px;
  }
}
@keyframes animation-bctop {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1792px;
  }
}
@-webkit-keyframes animation-chara02 {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 2660px;
  }
}
@keyframes animation-chara02 {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 2660px;
  }
}
@-webkit-keyframes animation-chara03 {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1433px;
  }
}
@keyframes animation-chara03 {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1433px;
  }
}