@charset "shift_jis";

/*------------------------------------------------------------

各種アニメーション

------------------------------------------------------------*/

/*回転エフェクト*/
.spin{
	-webkit-animation: spin 60s linear infinite;
	-moz-animation: spin 60s linear infinite;
	-ms-animation: spin 60s linear infinite;
	-o-animation: spin 60s linear infinite;
	animation: spin 60s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


/*横スクロールエフェクト*/
.scroll{
	-webkit-animation: scroll 10s ease .5s infinite;
	-moz-animation: scroll 10s ease .5s infinite;
	-ms-animation: scroll 10s ease .5s infinite;
	-o-animation: scroll 10s ease .5s infinite;
	animation: scroll 10s ease .5s infinite;
}

@-webkit-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:320px 0;}
}
@-moz-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:320px 0;}
}
@-ms-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:320px 0;}
}
@-o-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:320px 0;}
}
@keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:320px 0;}
}

/*点滅*/
.blink{
	-webkit-animation:blink 2s ease-in-out infinite alternate;
	-moz-animation:blink 2s ease-in-out infinite alternate;
	animation:blink 2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes blink{
	0% {opacity:1;}
	100% {opacity:0;}
}
@keyframes blink{
	0% {opacity:1;}
	100% {opacity:0;}
}