@charset "UTF-8";

.kougu-ph .kougu1{
 transform-origin:100%,100%;
-webkit-animation:kougu1 3.0s infinite linear alternate;
animation:kougu1 3.0s infinite linear alternate;
}
@-webkit-keyframes kougu1  {
0% {-webkit-transform:translate(0,0) rotate(-10deg);}
15% {-webkit-transform:translate(0,0) rotate(0deg);}
50% {-webkit-transform:translate(0,0) rotate(0);}
100% {-webkit-transform:translate(0,0)rotate(-35deg);}
}

.kougu-ph .kougu2{
   
-webkit-animation:kougu2 3.0s infinite linear alternate;
animation:kougu2 3.0s infinite linear alternate;
}
@-webkit-keyframes kougu2  {
0% {-webkit-transform:translate(0,0) rotate(10deg);}
15% {-webkit-transform:translate(0,0) rotate(0deg);}
50% {-webkit-transform:translate(0,0) rotate(0);}
100% {-webkit-transform:translate(0,0)rotate(35deg);}
}

.doa-ph .doa2{
   -webkit-animation:doa2 4.5s infinite linear alternate;
animation:doa2 4.5s infinite linear alternate; 
}
@-webkit-keyframes doa2 {
0% {-webkit-transform:translate(0, 0) rotate(0deg);}
15% {-webkit-transform:translate(0, 0) rotate(0deg);}
35% {-webkit-transform:translate(-20px, 0) rotate(0deg);}
50% {-webkit-transform:translate(-20px, 0px) rotate(0);}
65% {-webkit-transform:translate(-20px, 0px) rotate(0);}
85% {-webkit-transform:translate(0, 0) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(0deg);}
}

.doa-ph .doa3{
   -webkit-animation:doa3 4.5s infinite linear alternate;
animation:doa3 4.5s infinite linear alternate; 
}
@-webkit-keyframes doa3 {
0% {-webkit-transform:translate(0, 0) rotate(0deg);}
15% {-webkit-transform:translate(0, 0) rotate(0deg);}
35% {-webkit-transform:translate(20px, 0) rotate(0deg);}
50% {-webkit-transform:translate(20px, 0px) rotate(0);}
65% {-webkit-transform:translate(20px, 0px) rotate(0);}
85% {-webkit-transform:translate(0, 0) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(0deg);}
}


.haguruma-ph .haguruma1{
    transform-origin:50%,50%;
   -webkit-animation:haguruma1 4.5s infinite linear;
   animation:haguruma1 4.5s infinite linear; 
}
@-webkit-keyframes haguruma1 {
0% {-webkit-transform:translate(0, 0) rotate(0deg);}
100% {-webkit-transform:translate(0%, 0%)rotate(360deg);}
}
.haguruma-ph .haguruma2{
    transform-origin:50%,50%;
   -webkit-animation:haguruma2 4.5s infinite linear;
   animation:haguruma2 4.5s infinite linear; 
}
@-webkit-keyframes haguruma2 {
0% {-webkit-transform:translate(0, 0) rotate(0deg);}
100% {-webkit-transform:translate(0%, 0%)rotate(360deg);}
}