:root {
  --easing: cubic-bezier(.2, 1, .65, 1);
}

@media not print {
  .anmarea.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anmarea.is-animated [class*=anm-] {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anmlist-fadeInUp > * {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  .anmlist-fadeInUp.is-animated > * {
    -webkit-animation: fadeInUp 1.2s var(--easing) both;
            animation: fadeInUp 1.2s var(--easing) both;
  }
  .anmlist-fadeInLeft > * {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  .anmlist-fadeInLeft.is-animated > * {
    -webkit-animation: fadeInLeft 1.2s var(--easing) both;
            animation: fadeInLeft 1.2s var(--easing) both;
  }
  .anmlist-fadeInRight > * {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  .anmlist-fadeInRight.is-animated > * {
    -webkit-animation: fadeInRight 1.2s var(--easing) both;
            animation: fadeInRight 1.2s var(--easing) both;
  }
  .anm-fadeIn {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-animation: fadeIn 1.2s var(--easing) both paused;
            animation: fadeIn 1.2s var(--easing) both paused;
  }
  .anm-fadeIn.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anm-fadeInUp {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-animation: fadeInUp 1.2s var(--easing) both paused;
            animation: fadeInUp 1.2s var(--easing) both paused;
  }
  .anm-fadeInUp.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anm-fadeInDown {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-animation: fadeInDown 1.2s var(--easing) both paused;
            animation: fadeInDown 1.2s var(--easing) both paused;
  }
  .anm-fadeInDown.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anm-fadeInLeft {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-animation: fadeInLeft 1.2s var(--easing) both paused;
            animation: fadeInLeft 1.2s var(--easing) both paused;
  }
  .anm-fadeInLeft.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anm-fadeInRight {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-animation: fadeInRight 1.2s var(--easing) both paused;
            animation: fadeInRight 1.2s var(--easing) both paused;
  }
  .anm-fadeInRight.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anm-balloon {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  .anm-balloon.is-animated {
    -webkit-animation: balloon 0.8s ease-in-out both;
            animation: balloon 0.8s ease-in-out both;
  }
  .anm-mask {
    -webkit-animation: mask 1.2s var(--easing) both paused;
            animation: mask 1.2s var(--easing) both paused;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .anm-mask.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anm-maskDown {
    -webkit-animation: maskDown 1.2s var(--easing) both paused;
            animation: maskDown 1.2s var(--easing) both paused;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .anm-maskDown.is-animated {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .anmlist-fadeIn .spot {
    opacity: 0;
    -webkit-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
  }
  .anmlist-fadeIn.is-animated .spot {
    opacity: 1;
  }
}
.c-floatDown {
  -webkit-animation: floatDown 4s infinite;
          animation: floatDown 4s infinite;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  --floatPos: 10px;
}
@media screen and (max-width: 767px) {
  .c-floatDown {
    --floatPos: 7px;
  }
}
.c-floatDown.is-animated {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.c-floatUp {
  -webkit-animation: floatUp 4s infinite;
          animation: floatUp 4s infinite;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  --floatPos: -10px;
}
@media screen and (max-width: 767px) {
  .c-floatUp {
    --floatPos: -7px;
  }
}
.c-floatUp.is-animated {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes fadeIn {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
  }
}

@keyframes fadeIn {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes balloon {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: scale(0.9) translateY(40px) rotateZ(-3deg);
            transform: scale(0.9) translateY(40px) rotateZ(-3deg);
  }
  40% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1.1) translateY(-20px) rotateZ(-2deg);
            transform: scale(1.1) translateY(-20px) rotateZ(-2deg);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1) translateY(0) rotateZ(0);
            transform: scale(1) translateY(0) rotateZ(0);
  }
}
@keyframes balloon {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: scale(0.9) translateY(40px) rotateZ(-3deg);
            transform: scale(0.9) translateY(40px) rotateZ(-3deg);
  }
  40% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1.1) translateY(-20px) rotateZ(-2deg);
            transform: scale(1.1) translateY(-20px) rotateZ(-2deg);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1) translateY(0) rotateZ(0);
            transform: scale(1) translateY(0) rotateZ(0);
  }
}
@-webkit-keyframes mask {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes mask {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@-webkit-keyframes maskDown {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes maskDown {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@-webkit-keyframes popup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  45% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes popup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  45% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fadePopup {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  20% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  45% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadePopup {
  0% {
    -webkit-filter: opacity(0);
            filter: opacity(0);
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  20% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  45% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes floatDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(var(--floatPos));
            transform: translateY(var(--floatPos));
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes floatDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(var(--floatPos));
            transform: translateY(var(--floatPos));
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes floatUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(var(--floatPos));
            transform: translateY(var(--floatPos));
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes floatUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(var(--floatPos));
            transform: translateY(var(--floatPos));
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}