@charset "utf-8";

.key-visual-meal {
	z-index: 1;
}

@media screen and (min-width: 769px) {
	.key-visual-meal div {
		animation: mealX 10s infinite linear;
	}
	
	.key-visual-meal img {
		animation: mealY 10s infinite linear;
	}
}

@keyframes mealX {
	80% { opacity: 1; transform: translateX(-10%); }
	90% { opacity: 0; transform: translateX(-10%); }
	91% { opacity: 0; transform: translateX(0%); }
	100% { opacity: 1; }
}

@keyframes mealY {
	80%, 90% { transform: translateY(6%); }
	91% { transform: translateY(0%); }
}