/* CSSアニメーションの設定 */
.kaiten_rv {
  -webkit-animation: kaiten_rv 5s ease-in-out 0s infinite;
  animation: kaiten_rv 5s ease-in-out 0s infinite;
}

@-webkit-keyframes kaiten_rv {
  0%   { transform: translate(0%, 0%) rotate(0deg);}
  
  50%  { transform: translate(0%, 0%) rotate(360deg);}

  100% { transform: translate(0%, 0%) rotate(0deg);}
}

@keyframes kaiten_rv {
  0%   { transform: translate(0%, 0%) rotate(0deg);}
  
  50%  { transform: translate(0%, 0%) rotate(360deg);}

  100% { transform: translate(0%, 0%) rotate(0deg);}
}

.kaiten {
  -webkit-animation: kaiten 5s ease-in-out 0s infinite;
  animation: kaiten 5s ease-in-out 0s infinite;
}

@-webkit-keyframes kaiten {
  0%   { transform: translate(0%, 0%) rotate(0deg);}
  
  100%  { transform: translate(0%, 0%) rotate(360deg);}
}

@keyframes kaiten {
  0%   { transform: translate(0%, 0%) rotate(0deg);}
  
  100%  { transform: translate(0%, 0%) rotate(360deg);}
}

.nobikaiten {
  -webkit-animation: nobikaiten 5s ease 0s;
  animation: nobikaiten 5s ease 0s;
}
@-webkit-keyframes nobikaiten {
  0%   { transform:  scale(0, 0) rotate(0deg);}
  90% { transform: scale(1.1, 1.1) rotate(360deg);}
  100% { transform: scale(1, 1) rotate(360deg);}
}
@keyframes nobikaiten {
  0%   { transform:  scale(0, 0) rotate(0deg);}
  90% { transform: scale(1.1, 1.1) rotate(360deg);}
  100% { transform: scale(1, 1) rotate(360deg);}
}