@charset "UTF-8";
/* ふりこアニメーション定義 */
@keyframes idle {
  0% {
    transform: translateX(1vw);
    opacity: 1; }
  50% {
    transform: translateX(0);
    opacity: 0; }
  100% {
    transform: translateX(1vw);
    opacity: 1; } }
@keyframes fluffy {
  0% {
    transform: translateY(0);
    opacity: 1;
    /* 元の位置 */ }
  100% {
    transform: translateY(-20px);
    opacity: 1;
    /* 上に20px移動 */ } }
@keyframes slideIn {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0%); }
  40%,
    100% {
    opacity: 1; } }
@keyframes slideInL {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    transform: translateX(0%); }
  40%,
    100% {
    opacity: 1; } }
@keyframes slideInT {
  from {
    transform: translateY(-110%);
    opacity: 1; }
  to {
    transform: translateY(0%);
    opacity: 1; } }
@keyframes slideInBound {
  0% {
    transform: translateY(110%);
    opacity: 1; }
  50% {
    transform: translateY(0%); }
  65% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); }
  20%,100% {
    opacity: 1; } }
/* スライドアニメーション定義 */
@keyframes slide-skew {
  0% {
    transform: translate(9.4vw, 1.6vw);
    opacity: 0; }
  100% {
    transform: translate(0, 0); }
  20%,
    100% {
    opacity: 1;
    visibility: visible; } }