@charset "utf-8";

@keyframes nav_shine {
	0% {
		background: #9254de;
	}
	100% {
		background: var(--key-color);
	}
}
@keyframes cta_shine {
	0% {
		background: #fff2bb;
	}
	100% {
		background: var(--point-color);
	}
}
@keyframes btn_shine {
	0% {
		background: #ef5a74;
	}
	100% {
		background: var(--main-color);
	}
}
@keyframes btn_msg_float {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes leftIn {
	0% {
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes rightIn {
	0% {
		opacity: 0;
		transform: translateX(30px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes zoomOff {
	0% {
		opacity: 0;
		transform: scale(1.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes batsu_before {
	0% {
		opacity: 0;
		transform: rotate(45deg) scale(1.5);
	}
	100% {
		opacity: 1;
		transform: rotate(-45deg) scale(1);
	}
}
@keyframes batsu_after {
	0% {
		opacity: 0;
		transform: rotate(-45deg) scale(1.5);
	}
	100% {
		opacity: 1;
		transform: rotate(45deg) scale(1);
	}
}
@keyframes phSlide {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(100%);
	}
}