/*fadein*/
.fadein {
	opacity: 0;
	transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transition: .8s;
	transition-delay:.3s;
}
.fadeinup {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transition-delay:.3s;
}


.fuwa01{
    animation: fuwa01 3s infinite ease-in-out;
}
@keyframes fuwa01 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
}

.fuwa02{
    animation: fuwa02 3s infinite ease-in-out;
}
@keyframes fuwa02 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}


.guru01{
	animation: guru01 60s infinite ease-in-out;
}
@keyframes guru01 {
    0%, 100% {
        transform: rotate(0);
    }
    50% {
       transform: rotate(360deg);
    }
}
.guru02{
	animation: guru02 60s infinite ease-in-out;
}
@keyframes guru02 {
    0%, 100% {
        transform: rotate(0);
    }
    50% {
       transform: rotate(-360deg);
    }
}

.purun {
  animation: purun 0.8s linear 2s 1;
}
@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.2, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.2) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}


.puyon {
  animation: puyon 0.8s linear 2s 1;
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}


.pururun {
    animation: pururun 10s linear 0s infinite;
}
@keyframes pururun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  1%  { transform: scale(1.0, 1.0) translate(10%, 0%) skew(-10deg, 0deg); }
  6%  { transform: scale(1.0, 1.0) translate(20%, 0%) skew(-20deg, 0deg); }
  7%  { transform: scale(1.0, 1.0) translate(-15%, 0%) skew(15deg, 0deg); }
  8%  { transform: scale(1.0, 1.0) translate(15%, 0%) skew(-15deg, 0deg); }
  8%  { transform: scale(1.0, 1.0) translate(5%, 0%) skew(-5deg, 0deg); }
  9%  { transform: scale(1.0, 1.0) translate(-5%, 0%) skew(5deg, 0deg); }
  10% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}