@charset "utf-8";

/*========= body背景色の変化CSS ===============*/

.fv-gradient {
	width: 100%;
	height: 100vh;
	background: linear-gradient(90deg, #d43f8d, #0250c5, #d43f8d);
	/*グラデーションを定義*/
	background-size: 200% 200%;
	/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}

.event-gradient {
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #0250c5, #d43f8d, #0250c5);
	/*グラデーションを定義*/
	background-size: 200% 200%;
	/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}

.move-gradient {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #500D1F, #000D1F, #500D1F);
	/*グラデーションを定義*/
	background-size: 200% 200%;
	/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}

.move-gradient2 {
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #0250c5, #d43f8d, #0250c5);
	/*グラデーションを定義*/
	background-size: 200% 200%;
	/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}

.footer-gradient{
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #d43f8d, #0250c5, #d43f8d);
	/*グラデーションを定義*/
	background-size: 200% 200%;
	/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}

@keyframes bggradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}