温泉旅館（高級感）

だれに向けたページか

記念日や、自分へのごほうびの旅を探している30〜60代。値段より「どんな時間を過ごせるか」で選ぶ人。 文章で説明するより、宿で過ごす一日を体験させるページにする。

色

文字

• 見出し：Shippori Mincho B1。大見出しは縦書き（writing-mode: vertical-rl）
• 英字：Marcellus（字間を広く）
• 本文：Noto Sans JP 15〜16px・行の高さ 2.0

ページの構成と演出

1. メインビジュアル（演出①）：墨色の画面の中央に丸窓。窓の中に霧の宿。スクロールすると窓が広がって画面いっぱいの景色になり、縦書きの言葉が浮かぶ
2. ごあいさつ：縦書きの見出し＋短い文。写真が次の区切りにはみ出して重なる
3. 月白の一日（演出②）：画面を止めたまま、朝（霧の露天風呂）→昼（緑の谷の客室）→夜（灯籠の道）と景色と言葉が入れ替わる。右に「朝・昼・夜」の目盛り
4. お部屋（演出③）：縦にスクロールすると、客室3つが横に流れる（PCだけ。スマホは指で横に送る）
5. お食事：大きな写真の上に、文字の板が重なる
6. ご予約：夜の写真の上に、プラン2つと予約ボタン
7. アクセス・フッター

動きの決まり

• JSや GSAP が無いとき：丸窓は最初から全画面、一日の3場面は縦に並ぶ、客室は指で横に送れる。どれも全部読める
• prefers-reduced-motion のときは、上と同じ「動かない版」になる
• 画面全体を揺らす・回す動きはしない。動くのは写真の窓・文字・横の流れだけ

写真（codex）

宿の全景（霧の朝）／露天風呂／昼の客室／夜の玄関／客室3つ／会席料理、の8枚。人は写さない。

下層ページを作るときの決まり

• 大見出しは縦書き、英字は Marcellus の小さな添え字
• 区切りは「和紙色」と「墨色」の2色だけ。墨色は1ページに2回まで
• 演出は1ページに1つまで（下層は読ませるページなので）