/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 17 2025 | 05:18:54 */
/* #loading のフェードアウト用CSS */
#loading {
	/* 1秒かけて opacity を変化させる */
	transition: opacity 1s ease-in-out; 
}

/* JSでこのクラスが付与されたらフェードアウトする */
.fade-out {
	opacity: 0 !important;
}

/* #loadingOut のフェードイン用CSS */
#loadingOut {
	/* 初期状態: JSで display: none; opacity: 0; にする */
	/* ここも1秒かけて opacity を変化させる */
	transition: opacity 1s ease-in-out;
}

.loading__svg {
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	z-index: 99999;
}

.loading__svg svg {
	width: 363px;
	height: 144px;
}

body:not(.home) .loading__svg {
	display: none;
}


/* スマホ - sp
-------------------------------------------------- */
@media ( max-width: 480px ) {
	.loading__svg svg {
		width: 250px;
		height: 100px;
	}
}