ゲストハウス（ポップ・元気）

だれに向けたページか

ひとり旅・友だち旅の20〜30代と、海外からの旅行者。安さだけでなく「町に近い宿」を探している人。 宿から町へ歩いていく楽しさを見せ、「ここに泊まって町を歩きたい」と思わせる。

色

文字

• 見出し：Mochiy Pop One（ぽってり丸い）
• 英字：Rubik 700
• 本文：Zen Kaku Gothic New 16px

ページの構成と演出

1. メインビジュアル（E07）：オレンジの戸の町家の写真を、太い線の角丸の枠に。右下に「空室をみる」の丸ボタン。その周りを「GUESTHOUSE MIKANYA ・ 1泊 〇,〇〇〇円から ・」の文字が円に沿って回る
2. みかんやについて（E07）：見出し「港町の、まんなかの宿。」を弧に沿って並べる
3. お部屋：相部屋・個室の2つ。料金
4. 宿から歩いて（C04）：PCでは縦にスクロールすると、宿→商店街→銭湯→港と横長のパノラマが流れる。下の道のりのバーに「0m → 150m → 400m → 900m」の距離が進む。スマホは指で横に送る
5. みんなのラウンジ：ラウンジの写真と、宿の決まり
6. 料金・アクセス
7. フッター

看板ねこ（G01）：切り抜いた茶トラのねこ「だいだい」が画面の右下からのぞく。区切りに入るたびに吹き出しのひとことが変わる（「ようこそ！」「相部屋は女性専用もあるよ」「銭湯は歩いて5分！」など）。 押すと引っこむ。スマホでは小さく、本文にかぶらない位置に置く。

動きの決まり

• JSや GSAP が無いとき：回る文字は止まる、パノラマは指で横に送る、ねこは右下で最初のひとことのまま。全部読める
• prefers-reduced-motion のときは、回る文字とねこの出入りも止まる
• 回る文字はゆっくり（1周20秒以上）

写真（codex）

外観／ラウンジ／相部屋／個室／ねこ（切り抜き）／商店街／銭湯／港、の8枚。人は後ろ姿だけ。

会員が本物に替えるもの

料金（〇,〇〇〇円）・距離・住所・電話・チェックインの時刻は見本の値。ねこのひとことも宿に合わせて書き替える。

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

• 見出しは Mochiy Pop One。弧に沿った見出しは1ページに1つまで
• 太い線（3px こげ茶）と、ずらした影（4px）で囲む
• 看板ねこは全ページの右下に。ひとことはページの中身に合わせる