/* CSS keyFlame animations. */

.anim_errorX {
  position: relative;
  animation: errShakeX .2s ease-in .5s;
}

/* 横にブンブン */
@keyframes errShakeX {
 0%   {transform: translateX(-10px);}
 25%  {transform: translateX(10px);}
 50%  {transform: translateX(-30px);}
 75%  {transform: translateX(30px);}
 100% {transform: translateX(0);}
}

/* 縦にブンブン */
@keyframes errShakeY {
 0%   {transform: translateY(-10px);}
 25%  {transform: translateY(10px);}
 50%  {transform: translateY(-30px);}
 75%  {transform: translateY(30px);}
 100% {transform: translateY(0);}
}