@charset "utf-8";

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#loading {
	/*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	/* ダークグレーのグラデーション: #282828をベースに、中心をわずかに明るく(透明感対策) */
	background: radial-gradient(circle, #333 0%, #282828 100%);
	opacity: 1;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Loadingアニメーション設定 */
.loader {
	border: 8px solid #f3f3f3;
	/* Light grey */
	/* ブランドカラーの緑（明るめ）に変更 */
	border-top: 8px solid #9abf55;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}