@charset "utf-8";





/*SCROLL*/
.scroll_on0 { animation:scroll_on0 0.5s ease-in-out forwards; }
@keyframes scroll_on0 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.scroll_off0 { animation:scroll_off0 0.5s ease-in-out forwards; }
@keyframes scroll_off0 {
	0% { opacity:1; }
	100% { opacity:0; }
}
.scroll_on1 { animation:scroll_on1 0.5s ease-in-out forwards; }
@keyframes scroll_on1 {
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}
.scroll_off1 { animation:scroll_off1 0.5s ease-in-out forwards; }
@keyframes scroll_off1 {
	0% { opacity:1; transform:translateY(0px); }
	100% { opacity:0; transform:translateY(30px); }
}





/*FIX*/
.fix_on .fix_back a img { animation:fix_on0 0.5s ease-in-out forwards; }
@keyframes fix_on0 {
	0% { opacity:0; transform:translateY(15px); }
	100% { opacity:1; transform:translateY(0px); }
}
.fix_off .fix_back a img { animation:fix_off0 0.5s ease-in-out forwards; }
@keyframes fix_off0 {
	0% { opacity:1; transform:translateY(0px); }
	100% { opacity:0; transform:translateY(15px); }
}





/*CHARACTER*/
.character_img0 { animation:character_img0 1.5s ease-in-out infinite; }
.character_img1 { animation:character_img1 1.5s ease-in-out infinite; }
@media (max-width:599px){
	.character_img0 { animation:character_img0_sp 1.5s ease-in-out infinite; }
	.character_img1 { animation:character_img1_sp 1.5s ease-in-out infinite; }
}
@keyframes character_img0 {
	0% { transform:translateY(10px); }
	50% { transform:translateY(-10px); }
	100% { transform:translateY(10px); }
}
@keyframes character_img0_sp {
	0% { transform:translateY(5px); }
	50% { transform:translateY(-5px); }
	100% { transform:translateY(5px); }
}
@keyframes character_img1 {
	0% { transform:translateY(-10px); }
	50% { transform:translateY(10px); }
	100% { transform:translateY(-10px); }
}
@keyframes character_img1_sp {
	0% { transform:translateY(-5px); }
	50% { transform:translateY(5px); }
	100% { transform:translateY(-5px); }
}