/* ===== 2026.07 TOPリニューアル（ローディング・ヒーロー・ステートメント） ===== */

/* ---- ローディング ---- */
#loader{
	position:fixed;inset:0;z-index:1000;
	background:#EFEDE6;
	display:flex;align-items:center;justify-content:center;
	flex-direction:column;
	transition:transform .9s cubic-bezier(.77,0,.18,1);
}
#loader.lift{transform:translateY(-100%)}
#loader.skip{display:none}
#loader svg{width:280px;height:auto;overflow:visible}
#loader svg path{
	fill:#656496;
	fill-opacity:0;
	stroke:#656496;
	stroke-width:1.2;
	stroke-dasharray:3000;
	stroke-dashoffset:3000;
	animation:mk_draw 2.1s ease-in-out forwards, mk_inkfill .7s ease-out 1.9s forwards;
}
@keyframes mk_draw{to{stroke-dashoffset:0}}
@keyframes mk_inkfill{to{fill-opacity:1}}
#loader .load_label{
	margin-top:34px;
	font-size:10px;letter-spacing:.5em;text-indent:.5em;
	color:#9a99b8;
	font-family:"fira-sans",sans-serif;
}
#loader .pct{
	position:absolute;bottom:28px;right:36px;
	font-size:11px;letter-spacing:.2em;color:#9a99b8;
	font-variant-numeric:tabular-nums;
	font-family:"fira-sans",sans-serif;
}

/* ---- 和文書体 ---- */
.jp{font-family:"fot-tsukuaoldmin-pr6n","toppan-bunkyu-mincho-pr6n","Zen Old Mincho",serif;font-weight:400}

/* ---- ヒーロー ---- */
.hero2026{
	position:relative;height:100vh;min-height:640px;
	overflow:hidden;
}
.hero2026 .slides{position:absolute;inset:0}
.hero2026 .slide{
	position:absolute;inset:0;
	background-size:cover;background-position:center;
	opacity:0;transition:opacity 1.8s ease;
	transform:scale(1.06);
}
.hero2026 .slide.on{
	opacity:1;
	animation:mk_kenburns 7s ease-out forwards;
}
@keyframes mk_kenburns{from{transform:scale(1.06)}to{transform:scale(1.0)}}
.hero2026 .tanzaku{
	position:absolute;top:0;right:0;height:100%;
	width:clamp(110px,12vw,150px);
	background:#EFEDE6;
	display:flex;align-items:flex-start;justify-content:center;
	padding-top:11vh;
	z-index:3;
}
.hero2026 .tanzaku .title_v{
	writing-mode:vertical-rl;
	font-size:clamp(30px,3.2vw,44px);
	letter-spacing:.62em;
	line-height:1;
	color:#656496;
}
.hero2026 .tanzaku .romaji{
	position:absolute;bottom:5vh;
	writing-mode:vertical-rl;
	font-size:10px;letter-spacing:.42em;color:#9a99b8;
	font-family:"fira-sans",sans-serif;
}
.hero2026 .caption{
	position:absolute;left:36px;bottom:34px;z-index:3;
	color:#FBFAF7;
	text-shadow:0 1px 22px rgba(0,0,0,.45);
}
.hero2026 .caption .no{
	font-size:11px;letter-spacing:.3em;display:block;margin-bottom:8px;
	font-family:"fira-sans",sans-serif;
}
.hero2026 .caption .wtitle{font-size:16px;letter-spacing:.4em}
.hero2026 .scrollcue{
	position:absolute;left:38px;bottom:120px;z-index:3;
	writing-mode:vertical-rl;
	color:#FBFAF7;font-size:10px;letter-spacing:.4em;
	text-shadow:0 1px 18px rgba(0,0,0,.5);
	font-family:"fira-sans",sans-serif;
}
.hero2026 .scrollcue::after{
	content:"";display:block;width:1px;height:56px;
	background:#FBFAF7;margin:14px auto 0;
	animation:mk_cue 2s ease-in-out infinite;
	transform-origin:top;
}
@keyframes mk_cue{0%{transform:scaleY(0)}55%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* 旧TOPの固定背景画像は使わない（生成りの無地に） */
.wrapper.top_page::before{display:none !important}
.wrapper.top_page{background:#EFEDE6}
.top_gallery{background:#EFEDE6}

/* ---- ステートメント ---- */
.statement2026{
	padding:19vh 8vw 17vh;
	text-align:center;
	background:#EFEDE6;
}
.statement2026 p.jp{
	font-size:clamp(20px,2.6vw,33px);
	letter-spacing:.52em;text-indent:.52em;
	line-height:2.5;
	color:#656496;
	opacity:0;transform:translateY(26px);
	transition:opacity 1s ease,transform 1s ease;
}
.statement2026 p.show{opacity:1;transform:none}
.statement2026 .en{
	margin-top:7vh;
	font-size:11px;letter-spacing:.44em;color:#9a99b8;
	font-family:"fira-sans",sans-serif;
	opacity:0;transition:opacity 1.2s ease .5s;
}
.statement2026 .en.show{opacity:1}

/* ---- 作品グリッドのリビール ---- */
.top_gallery .flex .box{
	opacity:0;transform:translateY(30px);
	transition:opacity .9s ease,transform .9s ease;
}
.top_gallery .flex .box.show{opacity:1;transform:none}

@media (max-width:900px){
	.hero2026 .tanzaku{width:84px}
	.hero2026 .caption{left:20px;bottom:22px}
	.hero2026 .scrollcue{display:none}
}

/* ---- ヒーロー上のナビ ---- */
.hero2026 .heronav{
	position:absolute;top:0;left:0;
	right:clamp(110px,12vw,150px);
	display:flex;justify-content:center;
	padding:30px 36px;z-index:4;
}
.hero2026 .heronav ul{display:flex;gap:40px;list-style:none;margin:0;padding:0}
.hero2026 .heronav a{
	color:#FBFAF7;text-decoration:none;
	font-size:11px;letter-spacing:.34em;
	font-family:"fira-sans",sans-serif;
	text-shadow:0 1px 16px rgba(0,0,0,.45);
}
@media (max-width:900px){
	.hero2026 .heronav ul{gap:22px}
	.hero2026 .heronav a{font-size:10px;letter-spacing:.2em}
}

/* ---- コンセプトをメインとギャラリーの中央に ---- */
.statement2026{padding:16vh 8vw}
.top_page .top_gallery .inner{padding:110px 30px 160px}
.top_page .top_gallery .inner h2{margin-bottom:90px}

/* ---- SP時のみ句読点で改行 ---- */
.sp_only{display:none}
@media (max-width:899px){
	.sp_only{display:inline}
}