/* 唐傘お化け */
.yokai-animation01 {
	overflow-x: hidden;
	white-space: nowrap;
	padding-top: 20px;
}
.yokai-karakasa {
	--easeInOutExpo: cubic-bezier(0.87, 0, 0.13, 1);
	animation-name: yokai-karakasa_jump, yokai-karakasa_move;
	animation-duration: 0.25s, 10s;
	animation-timing-function: var(--easeInOutExpo), linear;
	animation-direction: alternate, normal;
	animation-iteration-count: infinite, infinite;
}
@keyframes yokai-karakasa_jump {
	0% {
		transform: translateY(-10%);
		scale: 1 0.9;
	}

	100% {
		transform: translateY(0);
		scale: 1 1;
	}
}
@keyframes yokai-karakasa_move {
	0% {
		translate: 100% 0;
	}

	100% {
		translate: -100% 0;
	}
}

/* 狐火 */
.yokai-animation02 {
	& .yokai-kitsune-bi {
		animation-name: yokai-kitsune-bi, yokai-kitsune-bi-move;
		animation-duration: 2s, 8s;
		animation-timing-function: ease-in-out, linear;
		animation-iteration-count: infinite, infinite;
		animation-direction: alternate, normal;
	}
}
@keyframes yokai-kitsune-bi {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes yokai-kitsune-bi-move {
	0% {
		translate: 0 100%;
	}
	100% {
		translate: 0 -100%;
	}
}

/* 提灯お化け */
.buruburu {
	animation: buruburu 0.1s infinite linear alternate;
}

@keyframes buruburu {
	0% {
		transform: translate(0, 0) rotate(-3deg);
	}
	50% {
		transform: translate(0, -1px) rotate(0deg);
	}
	100% {
		transform: translate(0, 0) rotate(3deg);
	}
}