@charset "UTF-8";
/* 文字がぬるりと現れる */
.matrix span,
.matrix img {
  display: block;
}

.matrix span {
  overflow: hidden;
  opacity: 0;
}

.matrix img {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.matrix.is-animated span {
  opacity: 1;
}

.matrix.is-animated img {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* ポップアップ */
.popup {
  opacity: 0;
}

.popup.is-animated {
  animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes popup {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}
/* ふわふわ揺れる */
.fuwafuwa {
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  margin-top: 15px;
}

@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(7deg);
  }
}
.fuwafuwa1 {
  animation: fuwafuwa1 3s ease-in-out infinite alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  margin-top: 15px;
}

@keyframes fuwafuwa1 {
  0% {
    transform: translate(0, 0) rotate(-10deg);
  }
  40% {
    transform: translate(0, -10px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(10deg);
  }
}
.fuwafuwa2 {
  animation: fuwafuwa2 3s ease-in-out infinite alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  margin-top: 15px;
}

@keyframes fuwafuwa2 {
  0% {
    transform: translate(0, 0) rotate(14deg);
  }
  50% {
    transform: translate(0, -14px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(-14deg);
  }
}
.fuwafuwa3 {
  animation: fuwafuwa3 3s ease-in-out infinite alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  margin-top: 15px;
}

@keyframes fuwafuwa3 {
  0% {
    transform: translate(0, 0) rotate(20deg);
  }
  50% {
    transform: translate(0, 10px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(-20deg);
  }
}
/* ぽよぽよ収縮する */
.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
/* フェードアップ */
.fadeup {
  opacity: 0;
}

.fadeup.is-animated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* フェードイン */
.fade_in {
  opacity: 0;
}

.fade_in.is-animated {
  animation: fade_in 3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ズームイン */
.zoomin {
  opacity: 0;
}

.zoomin.is-animated {
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}/*# sourceMappingURL=anime.css.map */