@import url("https://use.typekit.net/mxq5frb.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@keyframes poyon {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes popZoom {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popup {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes bgRotate {
  from {
    background-position: center center;
    transform: rotate(0deg);
  }
  to {
    background-position: center center;
    transform: rotate(360deg);
  }
}
#mv h1 {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
}
#mv h1.zoom-in {
  animation: zoomBounce 0.5s ease-out forwards;
  animation-delay: 0.2s;
}
@media screen and (max-width: 860px) {
  #mv h1 {
    transform: translate(-50%, 0%) scale(0);
  }
}
#mv .anime01,
#mv .anime02,
#mv .anime03 {
  opacity: 0;
  transform: scale(3);
}
#mv .anime01.zoom-in,
#mv .anime02.zoom-in,
#mv .anime03.zoom-in {
  animation: zoomOut 0.5s ease-out forwards;
}
@media screen and (max-width: 860px) {
  #mv .anime01,
  #mv .anime02,
  #mv .anime03 {
    transform: scale(0.8);
  }
}
#mv .ill {
  opacity: 0;
  transform: translateY(50%);
  transition: transform 0.5s ease, opacity 0.5s ease;
}
#mv .ill.show {
  opacity: 1;
  transform: translateY(0);
}
#mv .ill.ill_l {
  transition-delay: 0.25s;
}
#mv .ill.ill_r {
  transition-delay: 0.5s;
}

@keyframes zoomBounce {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.4);
  }
  70% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes zoomBounce2 {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0);
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) scale(1.4);
  }
  70% {
    transform: translateX(-50%) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@keyframes zoomBounce3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.4);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut2 {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(3);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
#menu .menu_cont h3 {
  opacity: 0;
  transform: translateX(-50%) scale(0.8);
}
#menu .menu_cont h3.zoom-in {
  animation: zoomOut2 0.5s ease-out forwards;
}
@media screen and (max-width: 860px) {
  #menu .menu_cont h3 {
    transform: translateX(-50%) scale(0.8);
  }
}

.ill.zoom, #taxi .zoom {
  opacity: 0;
  transform: scale(0.8);
  animation-delay: 0.5s;
}
.ill.zoom.zoom-in, #taxi .zoom.zoom-in {
  animation: zoomBounce3 0.5s ease-out forwards;
}
@media screen and (max-width: 860px) {
  .ill.zoom, #taxi .zoom {
    transform: translateX(-50%) scale(0.8);
  }
}

.purupuru.sway {
  animation: sway 0.5s ease-in-out infinite;
}

@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#menu .menu_cont .bg.active {
  animation: zoomOut 0.5s ease-out forwards;
  animation-delay: 1s;
}/*# sourceMappingURL=anime.css.map */