/*------------------------------------------------------------------------------------------
 ぷるんぷるん */
.purun {
  animation: purun 0.9s linear 0s 1;
}
@keyframes purun {
  0% {transform: scale(1.0, 1.0) translate(0%, 0%);}
  15% {transform: scale(0.95, 0.95) translate(0%, 2%);}
  30% {transform: scale(1.05, 0.95) translate(0%, 2%);}
  50% {transform: scale(0.95, 1.05) translate(0%, -2%);}
  70% {transform: scale(1.05, 0.95) translate(0%, 2%);}
  100% {transform: scale(1.0, 1.0) translate(0%, 0%);}
}
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(1000px);
  } 
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animal_purun {
  animation: purun 1s infinite;
}


/*------------------------------------------------------------------------------------------
 ガクブル */
.gakuburu {
  /* display: inline-block; */
  animation: gakuburu .1s infinite;
}
@keyframes gakuburu {
  0% {transform: translate(0px, 0px) rotateZ(0deg)}
  25% {transform: translate(2px, 2px) rotateZ(1deg)}
  50% {transform: translate(0px, 2px) rotateZ(0deg)}
  75% {transform: translate(2px, 0px) rotateZ(-1deg)}
  100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

/*------------------------------------------------------------------------------------------
 ころころ */
.korokoro {
  animation: korokoro 2.5s linear 0s 1;
}
@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(10deg); }
  25%  { transform: translate(20%, 0%) rotate(20deg); }
  30%  { transform: translate(-10%, 0%) rotate(-10deg); }
  35%  { transform: translate(-15%, 0%) rotate(-15deg); }
  45%  { transform: translate(10%, 0%) rotate(10deg); }
  50%  { transform: translate(15%, 0%) rotate(15deg); }
  60%  { transform: translate(-5%, 0%) rotate(-5deg); }
  65%  { transform: translate(-7%, 0%) rotate(-7deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}
/*------------------------------------------------------------------------------------------
 ぽよん */
.poyon {
  animation: poyon 1.1s linear 0s 1;
}
@keyframes poyon {
  0%   { transform: scale(0.8, 1.2) translate(0%, -10%); }
  10%  { transform: scale(0.8, 1.2) translate(0%, -15%); }
  20%  { transform: scale(1.2, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

/*------------------------------------------------------------------------------------------
 ぴょーん */
 .poyooon {
  animation: poyooon 0.9s linear 0s 1;
}
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -100%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}