/* ===== Opening Loader ================================== */
#site-loader{
	position:fixed;
	inset:0;
	z-index:99999;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;          /* ← 白背景は常に 100% 不透明 */
	opacity:1;                /* フェードインさせない */
}

/* ロゴ画像 ── 少し小さめ & 画像だけフェードイン */
#site-loader img{
  max-width:20vw;
  max-height:20vh;
  height:auto;
  width:auto;
  opacity:0;
  animation:logo-fade-in 1.2s ease-out forwards .15s;
}
@media (max-width: 767.98px) {
  #site-loader img {
    max-width: 35vw;   /* ここを大きめに */
    max-height: 35vh;  /* 必要なら同じか違う値に */
  }
}
/* 読込完了後に付与されるクラス（フェードアウト速度を短縮） */
#site-loader.is-fadeout{
	animation:loader-fade-out 1s ease forwards; /* 1.6s → 1s に短縮 */
}

/* === キーフレーム ============================= */
@keyframes logo-fade-in{
  to {opacity:1;}          /* 0 → 1 だけ */
}
@keyframes loader-fade-out{
	0%   {opacity:1; visibility:visible}
	100% {opacity:0; visibility:hidden}
}

/* ローディング中はスクロール禁止 */
html.is-loading{
	overflow:hidden;
}