@charset "UTF-8";
/* オープニング／ページ遷移 — ミニマル改修 2026-08-29
   旧: 茶色の木目パネルが左→右へスワイプして流れる（mens-jade由来の演出）
   新: 動かない深い木のブラウン一色に、店名ロゴと細い罫が静かに立ち上がって消える */

#loader_div2 {
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100vh;
	background-color: #3d2d20;
	background-image: radial-gradient(ellipse at 50% 46%, #55402f 0%, #3a2b1e 72%);
	z-index: 1500; overflow: hidden;
}

/* 旧・茶色ワイプ（:after）は廃止 */
#loader_div2:after {
	content: none;
	display: none;
	background: none;
	animation: none !important;
}

#loader_logo {
	position: fixed; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 15000;
	text-align: center;
	opacity: 0;
}
#loader_logo img {
	display: block; margin: 0 auto;
	filter: none;
}
/* 店名の下に引かれる細い罫 */
#loader_logo:after {
	content: "";
	display: block;
	width: 0; height: 1px;
	margin: 20px auto 0;
	background: #f0e8d8;
	opacity: 0;
}

/* 再生（window.onload で .winLoad が付与される） */
#loader_div2.winLoad { animation: hmkVeilOut .5s ease .78s forwards; }
#loader_div2.winLoad #loader_logo { animation: hmkLogoIn .62s cubic-bezier(.22,.61,.36,1) 0s forwards; }
#loader_div2.winLoad #loader_logo:after { animation: hmkRuleIn .6s cubic-bezier(.22,.61,.36,1) .24s forwards; }

@keyframes hmkLogoIn {
	from { opacity: 0; transform: translate(-50%, -44%); }
	to   { opacity: 1; transform: translate(-50%, -50%); }
}
@keyframes hmkRuleIn {
	from { width: 0;     opacity: 0; }
	to   { width: 132px; opacity: .55; }
}
@keyframes hmkVeilOut {
	to { opacity: 0; visibility: hidden; }
}

@media screen and (max-width: 768px) {
	#loader_logo:after { margin-top: 16px; }
}

/* 動きを減らす設定の利用者には演出を最小化 */
@media (prefers-reduced-motion: reduce) {
	#loader_div2.winLoad { animation: hmkVeilOut .28s linear .15s forwards; }
	#loader_div2.winLoad #loader_logo { animation: none; opacity: 1; }
	#loader_div2.winLoad #loader_logo:after { animation: none; width: 132px; opacity: .55; }
}