/* C×A 1案：メニューから下（2026-10-28 15時25分 松原さんの Figma「★」node 591:389 を反映）
   並び：メニュー（赤い面・見出しは縦で中央）→ ゆるい弧の境目 → Information（見出し → 写真2枚 → 店名・住所・営業時間 → お休みカレンダー）→ 求人 → フッター
   数字はサイトの決まり（資料56・58）に合わせた：
     白い面どうし 64＋64／赤い面との境目は両側 96／大きな見出し（36px）の下 40／要素の間 24／左右 24
     日本語の文字はすべて 行間 210%・字間 5%（A と同じ）。英字の見出し・カレンダーの数字・ボタンの文字はそのまま
   これより前の「境目に写真をかける」案（add-border.css）と、入口のドアの写真・一席と窓の求人写真はやめた */

/* ---- メニュー：見出しを縦・中央に（Concept・Information と同じ組み方） ---- */
html[data-variant="3"] .w-menu .m-title{flex-direction:column!important;align-items:center!important;gap:10px!important;font-size:36px!important;line-height:36px!important;margin-bottom:40px!important;text-align:center}
/* 赤い面の下：弧の高さ（36px）の分だけ足して、文字から弧のいちばん上まで 96 */
html[data-variant="3"] .w-menu .m-red{padding-bottom:calc(96px + 36px)!important}

/* ---- Information（もとの Access）---- */
html[data-variant="3"] .w-access{position:relative;overflow-x:clip;padding-top:60px!important;gap:24px!important}
/* 赤い面との境目のゆるい弧（Figma の楕円 740×357 と同じ比率：幅は画面の 190%、高さ 357px、赤い面に 36px くい込む） */
html[data-variant="3"] .w-access::before{content:'';position:absolute;z-index:0;left:-46%;width:190%;top:-36px;height:357px;border-radius:50%;background:#fdf6ef;pointer-events:none}
html[data-variant="3"] .w-access>*{position:relative;z-index:1}
/* 見出しの下 40（要素の間 24＋16） */
html[data-variant="3"] .w-access .a-title{margin-bottom:16px!important;align-items:center!important;text-align:center}
/* 写真2枚：左に大きい1枚、右に小さい1枚を 120px 下げて */
.info-photos{display:grid;grid-template-columns:192fr 136fr;column-gap:14px;align-items:start;width:100%;margin-bottom:72px}
.info-photos img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
/* 左は 3席のカウンター（11）。19時27分 松原さん：受付の写真などと迷ったが一旦これに戻し、確認のときに先方に聞く
   （候補：受付 reception-desk.webp／一席と鏡 chair.webp／一席と窓 g-station.webp） */
.info-photos .ip-a{object-position:30% 55%}
.info-photos .ip-b{margin-top:120px;object-position:50% 40%}
/* 店名と住所：店名の下 14、住所の続きに Google Map（下線） */
html[data-variant="3"] .a-store{gap:24px!important}
html[data-variant="3"] .a-store-name{margin-bottom:-10px!important}
html[data-variant="3"] .a-store address .a-gmap{display:inline-block;position:relative;white-space:nowrap;min-height:0;margin:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 押せる範囲だけ上下に広げる（見た目の行の高さは変えない） */
html[data-variant="3"] .a-store address .a-gmap::after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
/* お休みカレンダーは店の情報から 40 あける（Figma のとおり） */
html[data-variant="3"] .a-card{margin-top:16px}

/* ---- 求人：文字と矢印を中央に。写真はハサミと苔（もとの C の写真） ---- */
html[data-variant="3"] .wr-text{left:0!important;right:0!important;top:50%!important;transform:translateY(-50%);align-items:center;text-align:center;gap:8px!important}
html[data-variant="3"] .wr-text .wr-arrow{position:static!important;width:auto!important;height:auto!important;background:none!important;color:#fff!important;font-size:16px!important;line-height:1!important}

/* ---- 日本語の文字：行間 210%・字間 5% ---- */
html[data-variant="3"] :is(.m-title small,.a-title small,.m2-ja,.m-tax,.mp-rows dt,.mp-rows dd,.mp-note,.a-store address,.a-facts dt,.a-facts dd,.a-facts dd small,.a-facts .a-phone,.a-cal-title,.w-legend span,.wr-ja,.wf-info,.sm-ja,.sm-addr){line-height:2.1!important;letter-spacing:.05em!important}
html[data-variant="3"] .a-facts dt{line-height:29.4px!important}
html[data-variant="3"] .a-facts dd small{display:block}
html[data-variant="3"] .a-facts .a-phone{padding:7.3px 0!important;margin:-7.3px 0!important}
html[data-variant="3"] .mp-rows>div{align-items:baseline}

/* ---- フッター（10/28 16時24分）：©をサイトの決まり（12px 以上）に。住所は Information と同じ書き方（page.html） ---- */
html[data-variant="3"] .w-footer small{font-size:12px!important}

/* 11時55分 松原さん（実機）「電話番号と 052-242-5255 の上が揃っていない」：
   項目名（12px）と中身（14px・電話番号）は文字の大きさが違うので、上ではなく「1行目の文字の下の線（ベースライン）」でそろえる。
   （以前の dt の行の高さの指定は、上の :is() の指定のほうが強くて効いていなかった） */
html[data-variant="3"] .a-facts > div{align-items:baseline!important}