.header-hanabi {
  position: relative; }
  .header-hanabi > div {
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
    .header-hanabi > div img {
      width: 100%; }

.hanabi01 {
  width: 16.25vw;
  height: 16.25vw;
  right: 3.75vw;
  top: 5vw;
  -webkit-animation: hanabi_slow 3s linear infinite;
          animation: hanabi_slow 3s linear infinite; }

.hanabi02 {
  width: 6.2vw;
  height: 6.5vw;
  left: 6.75vw;
  top: 11.25vw;
  -webkit-animation: hanabi 2s linear infinite;
          animation: hanabi 2s linear infinite; }

.hanabi03 {
  width: 7.2vw;
  height: 7.1vw;
  left: 26vw;
  top: 2.5vw;
  -webkit-animation: hanabi 2s linear 2.5s infinite;
          animation: hanabi 2s linear 2.5s infinite; }

.hanabi04 {
  width: 6.3vw;
  height: 6.3vw;
  left: 0.75vw;
  top: 22.75vw;
  -webkit-animation: hanabi 3s linear 0.5s infinite;
          animation: hanabi 3s linear 0.5s infinite; }

.hanabi05 {
  width: 4.1vw;
  height: 4vw;
  right: 22.25vw;
  top: 9vw;
  -webkit-animation: hanabi_raise_a 4s linear infinite;
          animation: hanabi_raise_a 4s linear infinite; }

.hanabi06 {
  width: 8.75vw;
  height: 8.75vw;
  right: 37vw;
  top: -2.25vw;
  -webkit-animation: hanabi 2.5s linear infinite;
          animation: hanabi 2.5s linear infinite; }

.hanabi07 {
  width: 6.8vw;
  height: 7vw;
  left: 1vw;
  top: 2.25vw;
  -webkit-animation: hanabi_raise_b 4.5s linear infinite;
          animation: hanabi_raise_b 4.5s linear infinite; }

@media only screen and (max-width: 414px) {
  .hanabi01 {
    top: 45px;
    width: 20vw;
    height: 20vw; }
  .hanabi02 {
    left: 22.5vw;
    top: 45px; }
  .hanabi04 {
    width: 10vw;
    height: 10vw;
    top: 75px; }
  .hanabi06 {
    width: 12vw;
    height: 12vw;
    top: 10px;
    right: 30%; } }

@-webkit-keyframes hanabi {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@keyframes hanabi {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@-webkit-keyframes hanabi_slow {
  0%, 30% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes hanabi_slow {
  0%, 30% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes hanabi_raise_a {
  0%, 50% {
    opacity: 0;
    top: 15vw;
    -webkit-transform: scale(0);
            transform: scale(0); }
  70% {
    opacity: 1;
    top: 9vw;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    top: 8.5vw;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes hanabi_raise_a {
  0%, 50% {
    opacity: 0;
    top: 15vw;
    -webkit-transform: scale(0);
            transform: scale(0); }
  70% {
    opacity: 1;
    top: 9vw;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    top: 8.5vw;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes hanabi_raise_b {
  0%, 50% {
    opacity: 0;
    top: 10vw;
    -webkit-transform: scale(0);
            transform: scale(0); }
  70% {
    opacity: 1;
    top: 2.25vw;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    top: 2vw;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes hanabi_raise_b {
  0%, 50% {
    opacity: 0;
    top: 10vw;
    -webkit-transform: scale(0);
            transform: scale(0); }
  70% {
    opacity: 1;
    top: 2.25vw;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    top: 2vw;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

.header-park {
  position: relative; }
  .header-park > div {
    position: absolute;
    z-index: 2; }
    .header-park > div > div {
      position: absolute; }
    .header-park > div img {
      width: 100%; }
  @media only screen and (max-width: 1440px) {
    .header-park {
      display: none; } }

.park-carousel {
  left: calc((100vw - 1920px) / 2 + 10px);
  top: 634px; }
  .park-carousel .carousel01 {
    width: 92px;
    height: 85px; }
  .park-carousel .carousel02 {
    width: 23px;
    height: 19px;
    top: 54px;
    left: 15px;
    -webkit-animation: carouselOne 3.5s linear infinite;
            animation: carouselOne 3.5s linear infinite; }
  .park-carousel .carousel03 {
    width: 19px;
    height: 17px;
    top: 42px;
    left: 4px;
    -webkit-animation: carouselTwo 2.5s linear infinite;
            animation: carouselTwo 2.5s linear infinite; }
  .park-carousel .carousel04 {
    width: 19px;
    height: 17px;
    top: 56px;
    left: 55px;
    -webkit-animation: carouselTwo 3s linear infinite;
            animation: carouselTwo 3s linear infinite; }
  .park-carousel .carousel05 {
    width: 25px;
    height: 20px;
    top: 48px;
    left: 64px;
    -webkit-animation: carouselOne 4s linear infinite;
            animation: carouselOne 4s linear infinite; }

.park-ship {
  left: calc((100vw - 1600px) / 2  - 10px);
  top: 586px; }
  .park-ship .ship01 {
    width: 180px;
    height: 137px; }
  .park-ship .ship02 {
    width: 152px;
    height: 111px;
    top: 10px;
    left: 26px;
    -webkit-transform-origin: 51% 0%;
            transform-origin: 51% 0%;
    -webkit-animation: ship 6s linear infinite;
            animation: ship 6s linear infinite; }

.park-wheel {
  left: calc((100vw - 900px) / 2);
  top: 436px; }
  .park-wheel .wheel01 {
    width: 280px;
    height: 157px;
    top: 132px; }
  .park-wheel .wheel02 {
    width: 276px;
    height: 276px;
    left: 6px;
    -webkit-animation: wheel 35s linear infinite;
            animation: wheel 35s linear infinite; }

.park-roller {
  top: 520px;
  right: calc((100vw - 960px) / 2); }
  .park-roller .roller {
    width: 180px;
    height: 180px;
    -webkit-animation: roller 5s linear infinite;
            animation: roller 5s linear infinite; }

.park-round {
  top: 662px;
  right: calc((100vw - 1368px) / 2 + 10px); }
  .park-round .round01 {
    width: 78px;
    height: 23px;
    top: 50px;
    left: 12px; }
  .park-round .round02 {
    width: 91px;
    height: 54px;
    -webkit-transform-origin: 51% 100%;
            transform-origin: 51% 100%;
    -webkit-animation: round 3s linear infinite;
            animation: round 3s linear infinite; }

.park-drop {
  right: calc((100vw - 1600px) / 2);
  top: 524px; }
  .park-drop .drop01 {
    width: 41px;
    height: 199px; }
  .park-drop .drop02 {
    width: 23px;
    height: 7px;
    top: 166px;
    left: 9px;
    -webkit-animation: drop 40s linear infinite;
            animation: drop 40s linear infinite; }

@-webkit-keyframes carouselOne {
  0%, 100% {
    margin-top: 0; }
  25% {
    margin-top: 9px; }
  75% {
    margin-top: -6px; } }

@keyframes carouselOne {
  0%, 100% {
    margin-top: 0; }
  25% {
    margin-top: 9px; }
  75% {
    margin-top: -6px; } }

@-webkit-keyframes carouselTwo {
  0%, 100% {
    margin-top: 0; }
  25% {
    margin-top: -2px; }
  70% {
    margin-top: 7px; } }

@keyframes carouselTwo {
  0%, 100% {
    margin-top: 0; }
  25% {
    margin-top: -2px; }
  70% {
    margin-top: 7px; } }

@-webkit-keyframes ship {
  0%, 100% {
    -webkit-transform: rotate(-74deg);
            transform: rotate(-74deg); }
  50% {
    -webkit-transform: rotate(76deg);
            transform: rotate(76deg); }
  52% {
    -webkit-transform: rotate(74deg);
            transform: rotate(74deg); }
  98% {
    -webkit-transform: rotate(-76deg);
            transform: rotate(-76deg); } }

@keyframes ship {
  0%, 100% {
    -webkit-transform: rotate(-74deg);
            transform: rotate(-74deg); }
  50% {
    -webkit-transform: rotate(76deg);
            transform: rotate(76deg); }
  52% {
    -webkit-transform: rotate(74deg);
            transform: rotate(74deg); }
  98% {
    -webkit-transform: rotate(-76deg);
            transform: rotate(-76deg); } }

@-webkit-keyframes wheel {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes wheel {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg); }
  50% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  75% {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg); }
  50% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  75% {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes round {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); } }

@keyframes round {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); } }

@-webkit-keyframes drop {
  0%, 16%, 82%, 100% {
    top: 166px; }
  60% {
    top: 9px; }
  60.5%, 70% {
    top: 10px; }
  72% {
    top: 162px; }
  72.5%, 78% {
    top: 160px; } }

@keyframes drop {
  0%, 16%, 82%, 100% {
    top: 166px; }
  60% {
    top: 9px; }
  60.5%, 70% {
    top: 10px; }
  72% {
    top: 162px; }
  72.5%, 78% {
    top: 160px; } }

/*# sourceMappingURL=animation.css.map */