/* カスタム CSS をここに入力してください */

/*ビヨンビヨン

===================================*/
.expand  {
    animation-name: expand;
    animation-duration: 0.6s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}
 
@keyframes expand {
    from { transform: scale(1.03, 1.03); }
    to   { transform: scale(0.95, 0.95); }
}


/*ブルブル*/
.buruburu {
animation-name:buruburu;
animation-duration: 0.8s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}


@-webkit-keyframes buruburu {
    0% {-webkit-transform:translate(0, 0) rotate(0deg);}
	  10% {-webkit-transform:translate(0, 0) rotate(-3deg);}
    20% {-webkit-transform:translate(0, -1px) rotate(0deg);}
    30% {-webkit-transform:translate(0, 0)rotate(3deg);}
	   40% {-webkit-transform:translate(0, 0) rotate(0deg);}
	  50% {-webkit-transform:translate(0, 0) rotate(-3deg);}
    60% {-webkit-transform:translate(0, -1px) rotate(0deg);}
    70% {-webkit-transform:translate(0, 0)rotate(3deg);}
	  80% {-webkit-transform:translate(0, 0)rotate(0deg);}
	  90% {-webkit-transform:translate(0, 0) rotate(0deg);}
		  100% {-webkit-transform:translate(0, 0) rotate(0deg);}
}

@keyframes buruburu {
    0% {-webkit-transform:translate(0, 0) rotate(0deg);}
	  10% {-webkit-transform:translate(0, 0) rotate(-3deg);}
    20% {-webkit-transform:translate(0, -1px) rotate(0deg);}
    30% {-webkit-transform:translate(0, 0)rotate(3deg);}
	   40% {-webkit-transform:translate(0, 0) rotate(0deg);}
	  50% {-webkit-transform:translate(0, 0) rotate(-3deg);}
    60% {-webkit-transform:translate(0, -1px) rotate(0deg);}
    70% {-webkit-transform:translate(0, 0)rotate(3deg);}
	  80% {-webkit-transform:translate(0, 0)rotate(0deg);}
	  90% {-webkit-transform:translate(0, 0) rotate(0deg);}
		  100% {-webkit-transform:translate(0, 0) rotate(0deg);}
}