@charset "UTF-8";
/*
===============================================================================
 css/sub-store.css — LOCATIONページ専用CSS（design-to-theme Stage4統合）
 2026-08-03 CSS分割（docs/plans/2026-08-02-css-js-php-refactor.plan.md Step4-5）:
 css/sub.cssからLOCATIONページ（JP/EN）のセレクタをそのまま移設
 （セレクタ・プロパティ値は無変更）。functions.php側でLOCATIONページ（JP/EN計2ページ）
 でのみ読み込む。
 下層ページ共通コンテナ（.page-container。ANGUS BURGERSページと共有）はcss/sub.css側に残置。
===============================================================================
*/

/*
===============================================================================
 LOCATIONページ — JP版 html[lang="ja"]
 出典: stage1_drafts/02_jp_angus_location.md §8-B（B-1〜B-5）・§4-3・§4-4・§9
===============================================================================
*/
/* セレクタ修正(2026-08-01): .location-heading は実DOM
   (template-layout-common/layout-section.php出力: <section id="location" class="location-section">
   > .container > .section-heading) に一致するクラスが存在せず一度も適用されていなかったため、
   実構造に合わせて #location .section-heading に修正
   2026-08-18 Phase3-a: padding-top(PC)はJP/EN完全一致（90px）のため html[lang="ja"]/html[lang="en"]
   の重複ブロックを統合。2026-08-05修正(A1): 旧 padding-bottom: 35px（出典B-2 下余白PC35px）を削除。
   ★★★→ナビのギャップの作り方が「親のpadding-bottom」と「navのmargin-top」でページごとに混在して
   いたため nav の margin-top へ移設し、MENU扉(.menu-tabs)と同じ作り方に統一した。合計値は35pxのまま
   不変。2026-08-05追記: その margin-top は現在 css/sub.css の共通レイアウトブロックにある。 */
#location .section-heading {
  padding-top: 90px; /* 出典: B-2 上余白 PC90px */
}
/* 2026-08-18 Phase3-a: min-height(PC)はJP/EN完全一致（35px）のため html[lang="ja"]/html[lang="en"]
   の重複ブロックを統合。出典: 4-4 行の高さ 1行35px */
.store-info-row {
  min-height: 35px;
}
/* 2026-08-18 Phase3-a: gap/margin-topはJP/EN完全一致（PC gap17px・margin-top30px／SP gap13px・
   margin-top15px）のため統合。出典(JP): B-4-2 サムネイル ガターPC17px・写真→サムネイルPC30px */
.store-block-thumbs {
  gap: 17px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .store-block-thumbs {
    gap: 13px;
    margin-top: 15px;
  }
}
/* 2026-08-18 Phase3-a: border-radiusのみJP/EN完全一致（PC .store-thumb-button 5px・
   .store-block-main-photo 15px／SP .store-thumb-button 2px・.store-block-main-photo 5px）のため統合。
   .store-thumb-buttonのPCサイズはJPがwidth:100%+max-width、ENは固定widthと方式が異なるため
   統合対象外のまま残置。
   【2026-08-19追記】.store-block-main-photoのSP aspect-ratioは「JP 320/201・EN 319/201」の
   1px差があったが、前澤さん指摘によりJPの実装方式（max-width:320px明示指定）にEN側を統一した
   （html[lang="en"] .store-block-main-photo 参照）。1px差はEN側がmax-widthを持たず親コンテナの
   実測幅に依存していたことに起因し、デザイン誤差ではなく実装方式の不整合だった。 */
.store-thumb-button {
  border-radius: 5px;
  overflow: hidden; /* 【2026-08-19追記】前澤さん指摘: EN版サムネイルの角丸が効いていない不具合。
  html[lang="en"]の.store-thumb-button個別定義にoverflow:hiddenが無く、border-radiusを付けても
  中の<img>(width/height:100%)が角の外側にはみ出て見た目上角丸が無効化されていた（JP側は
  個別定義にoverflow:hiddenがあり正常）。非lang-scoped共通ルールに集約しJP/ENとも確実に効かせる。 */
}
.store-block-main-photo {
  border-radius: 15px;
}
@media (max-width: 767px) {
  .store-thumb-button {
    border-radius: 2px;
  }
  .store-block-media .store-block-main-photo,
  html[lang="ja"] .store-block-media .store-block-main-photo,
  html[lang="en"] .store-block-media .store-block-main-photo {
    /* 【2026-08-19追記】詳細度を.store-block-media祖先ぶん(0,1,0)上乗せする理由:
    html[lang="ja"] .store-block-main-photo（PC基底のmax-width:550px、詳細度0,1,1）と
    ただの html[lang="ja"] .store-block-main-photo（同じ0,1,1）では詳細度が同点になり、
    ファイル内で後に書かれている550px側（非@media・行200番台）が勝って320px指定が
    無視されていた（実測: JP幅334px=親要素いっぱいに拡大・ENのみ正しく320pxに収まる、
    という非対称なバグとして発覚）。祖先セレクタを1段追加し詳細度(0,2,1)で確実に上書きする。 */
    border-radius: 5px;
    max-width: 320px; /* 出典: B-4-2 メイン写真 SP320×201px */
    aspect-ratio: 320 / 201;
    margin: 0 auto; /* 前澤さん指摘: 写真の左右余白が不均等（左28px・右43px）だった不具合。
    親要素(.store-block-media、334px)よりmax-width(320px)の方が狭く、<img>はデフォルトで
    左詰めになるため余った14px分がすべて右側に溜まっていた。margin:0 autoで左右均等に配分する。 */
  }
}
html[lang="ja"] {
  .store-anchor-nav {
    /* 2026-08-05: margin-top（35px）は css/sub.css の共通レイアウトブロックへ移設。 */
    padding-bottom: 90px; /* 出典: B-3 下余白 PC90px */
  }
  .store-anchor-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
  }
  .anchor-nav-item {
    padding: 0 17px; /* 2026-08-23修正(L2-1): 等倍デザイン location_pc.png のナビ帯(y320..338)は
    AKIHABARA x546..635／区切り線x653..654／ODAIBA x673..730／区切り線x748..749／YOKOSUKA x767..851 で、
    項目インク端→区切り線が18px・19px。20pxでは実測20.7px・22pxで3px広かった。
    項目インク幅自体は 90/58/85 対 90/58/86 で一致するため font-size(1.6rem)は正しく、余白のみの差。
    SP(767px以下)は :296付近で 0 14px に上書き済みのため影響しない */
    border-left: 1px solid var(--color-black);
  }
  .anchor-nav-item:first-child {
    border-left: none;
    padding-left: 0;
  }
  .anchor-nav-item a {
    display: block;
    /* 2026-08-05: font-family・font-weight（600）・font-size（1.6rem・出典B-3 16px）は
       css/sub.css の共通レイアウトブロックへ移設（ナビ書体はJA/EN共通の単一情報源にした）。 */
    /* ⚠️【番人コメント 2026-08-05・同日訂正】ナビリンクの font-family / font-size /
       font-weight をここに書いてはならない。3種のナビ（.menu-tabs-item a /
       .category-tab a / .anchor-nav-item a）の文字仕様は css/sub.css の共通ブロックに
       集約済みで、そこが唯一の定義元。
       【訂正内容】当初この番人コメントには「ここは詳細度 (0,2,2) なので共通ブロックの
       (0,2,1) に勝ってしまう」と書いていたが、これは事実誤認だった。共通ブロック側の
       該当セレクタは #location .anchor-nav-item a で、ID セレクタを含むため詳細度は
       (1,1,1)。ここ（html[lang="ja"] のネスト内 ＝ html[lang="ja"] .anchor-nav-item a
       ＝ (0,2,2)）に書いても ID には勝てず、現時点では上書きできない。
       CSSOM で実際に宣言を注入し、computed が変化しないことを実測確認済み。
       それでも書いてはならない理由:
        (a) 単一情報源が崩れる。ナビ書体の定義元が複数箇所に分散し、次の改修者が
            どちらを直せばよいか判断できなくなる
        (b) 「書いたのに効かない」ことに気づいた人が !important を足したくなる。
            足した瞬間に ID の優位が無効化され、今度は本当に JA/EN の統一が壊れる
        (c) 将来 #location スコープを外す改修が入れば、その瞬間に (0,2,2) が勝ち始め、
            エラーも警告も出ないまま静かに壊れる
       変更が必要な場合は css/sub.css の共通ブロックを直すこと。 */
    color: var(--color-black);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .anchor-nav-item a:hover {
    color: var(--color-yellow); /* 2026-08-21修正: 店舗名ナビのホバー色を黄色に指定 */
  }
  .store-block + .store-block {
    margin-top: 110px; /* 出典: B-4-1 上余白 2件目以降のブロック間110px */
  }
  .store-block-heading {
    font-family: var(--font-heading);
    font-weight: 900;
    font-size: 3.8rem;
    line-height: 1;
    color: var(--color-black);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 33px; /* 2026-08-23修正(L4-1): 等倍デザイン location_pc.png の「店舗名インク下端→写真上端(=テーブル上端)」は
    3ブロックとも44px（AKIHABARA 453→497 / ODAIBA 1721→1765 / YOKOSUKA 2984→3028）。70pxでは実測81.3pxで37px広かった。
    見出し箱(line-height:1・h38px)はインク下端が箱下端の11.3px上にあるため 44−11.3＝32.7≒33px。
    ★L9-1（.store-block-info の margin-top:-39px）・L9-2（INFORMATION の margin-bottom:3px）とセットで成立する */
    scroll-margin-top: 20px;
  }
  .store-block-body {
    display: flex;
    gap: 0;
    justify-content: space-between;
  }
  .store-block-info {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    margin-top: -39px; /* 2026-08-23修正(L9-1): 等倍デザイン location_pc.png ではテーブル上端＝写真上端が完全一致
    （AKIHABARA y=497 / ODAIBA y=1765 / YOKOSUKA y=3028）。-56pxではテーブル530.28・写真535.28で5pxずれていた。
    INFORMATION箱は高さ36px、その margin-bottom は L9-2 で3pxにしたので −(36+3)＝−39px で上端が揃う。
    ★L4-1・L9-2とセットで適用すること（3つで同一の縦組みを構成する）。
    （旧: 2026-08-02修正 「INFORMATION」見出し分（高さ36px+下マージン20px）を引き上げ） */
  }
  .store-block-media {
    order: 2;
    flex: 0 0 550px; /* メイン写真幅550pxを確保するため */
    min-width: 0;
  }
  .store-block-information-title {
    font-family: var(--font-body-jp);
    font-weight: 700;
    font-size: 2rem;
    color: var(--color-black);
    text-align: left;
    margin-bottom: 3px; /* 2026-08-23修正(L9-2): 等倍デザイン location_pc.png の「INFORMATIONインク下端→テーブル上端」は
    AKIHABARA 484→497＝13px・ODAIBA 1751→1765＝14px・YOKOSUKA 3014→3028＝14px。15px指定では実測26.3pxで13px広かった。
    INFORMATION箱は font-size 20px・行ボックス36pxでインク下端が箱下端の11.3px上にあるため 13−11.3≒3px。
    支給PDF CJ_PC_back_0821.pdf p3 の赤字注釈「ここの間隔15pxにして少し詰めてください」は見た目の間隔を指した指示であり、
    CSS値に15pxをそのまま書くと現状と同値で何も変わらないため、R5に従いデザイン実測から逆算した3pxを指定する。
    （旧: 2026-08-21修正 JP/EN共通15pxに統一） */
  }
  .store-info-table {
    display: flex;
    flex-direction: column;
    gap: 1px; /* 出典: 4-4 行区切り＝ラベルセル間1pxの地色スキマ */
  }
  .store-info-row {
    display: flex;
  }
  .store-info-row-label {
    flex: 0 0 110px; /* 2026-08-23修正(L0-1): 等倍デザイン location_pc.png の黄色画素列は3ブロックとも
    x=150..259＝幅110px（AKIHABARA y497..1049 / ODAIBA y1765..2317 / YOKOSUKA y3028..3579）。120pxでは10px広かった。
    支給PDF CJ_PC_back_0821.pdf p3 のENズーム注釈の寸法線も「110px」。
    （旧: 2026-08-03修正(L2) 110px→120px。「テイクアウト」がfont-size 16pxで折返すためだったが、
    下の font-size:14px 化でインク幅約74px+padding15px＝89px<110px となり根拠は失効） */
    display: flex;
    align-items: center;
    padding: 8px 0 8px 15px;
    background-color: var(--color-yellow);
    font-family: var(--font-body-jp);
    font-weight: normal;
    font-size: 14px; /* 2026-08-23修正(L6-2): 幅一致法で等倍デザイン location_pc.png のラベルインク幅は
    ライブ@16pxに対し テイクアウト73/82・デリバリー62/69・アクセス49/55・店舗名40/46・定休日38/45（平均比0.879
    → 16×0.879≒14.1px）。14pxでの実測インク幅は7文字列の絶対誤差合計6pxで最小。値列(16px)は変更しない。
    R1/R2により em→px で指定（置換前の実測も16pxだが本findingは意図的な縮小） */
    line-height: 1.2; /* 2026-08-03修正(L1): Noto Sans JP既定line-height(実測相当1.5)により
    1行実高さが40px(padding8px×2+24px)になりデザイン想定35pxを超えていたため明示指定。
    1.2指定でpadding込み35.2px相当に収まる（受入契約A-19: 32〜38px範囲内） */
    color: var(--color-black);
  }
  .store-info-row-value {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding: 4px 0 4px 17px; /* 2026-08-23修正(L6-3): 等倍デザイン location_pc.png の黄色帯は1行35px・2行60px
    （AKIHABARA y497..531＝35 / y533..592＝60。ODAIBA・YOKOSUKAも同値）。箱式 2p+2L=60 かつ min-height:35px から
    L=26px・p=4px と一意に決まる。8pxでは2行54.38pxで詰まりすぎていた。左17pxは据え置き（出典: 4-4 ラベル列と値列の間隔 PC17px） */
    font-family: var(--font-body-jp);
    font-weight: 400;
    font-size: 16px; /* 2026-08-23修正(L6-4): 値列のサイズ自体はデザインと一致しており変更なし
    （幅一致法でデザイン/ライブのインク幅合計 1204/1196＝比率1.0067＝デザイン相当16.11px）。
    R2により em→px へ置換のみ（置換前後とも computed 16px） */
    line-height: 1.625; /* 2026-08-23修正(L6-3): 16px×1.625＝26px。等倍デザインの値列インク行ピッチは
    AKIHABARA営業時間540→566・AKIHABARAアクセス711→737・ODAIBA営業時間1808→1834・YOKOSUKA営業時間3071→3097 の
    4箇所すべて26pxで一致。1.2（19.2px）では狭かった。R3に従い単位なし（比率）を維持 */
    color: var(--color-black);
    text-align: left;
  }
  .store-info-row-value--link {
    text-decoration: underline; /* 2026-08-23修正(L3): 等倍デザインでは下線が「あり（ご注文はこちら）」
    全体に掛かっている（SP location_smp.png: テキストインク x=125..245 に対し下線 y=1019・x=125..245／
    PC location_pc.png: インク x=277..426 に対し下線 y=1007・x=278..427）。従来はリンク文言のみ下線
    だったためセル側にも下線を付与する。display:flexでも匿名フレックスアイテム経由で伝播し、
    下の a 側の下線と同一オフセットで重なるため二重線にはならない（実機確認済み） */
  }
  .store-info-row-value--link a {
    color: var(--color-black);
    text-decoration: underline; /* 出典: 7-5「デリバリーのみリンク設定」下線付き */
  }
  .store-block-main-photo {
    display: block;
    width: 100%;
    max-width: 550px; /* 出典: B-4-2 メイン写真 PC550×390px */
    aspect-ratio: 550 / 390;
    height: auto;
    object-fit: cover;
  }
  .store-block-thumbs {
    display: flex;
    justify-content: center; /* 【2026-08-19追記】前澤さん指摘: サムネイル4枚の合計幅が
    親要素いっぱい(334px)まで間延びして見えていた不具合。次のflex:1 1 0→0 1 autoと合わせて
    対応（詳細はコメント参照）。中央寄せにすることで、本来の合計幅(70px×4+13px×3=319px)が
    メイン写真(320px)と同じ見た目の横幅で揃う */
    list-style: none;
  }
  .store-block-thumbs li {
    flex: 0 1 auto; /* 【2026-08-19変更】旧flex:1 1 0（flex-grow:1）だと、親要素(334px)が
    サムネイル4枚の必要幅(319px)より広い場合に余った15px分まで均等に伸びてしまい、
    ボタン間の隙間が実測13px指定に対し16.75pxまで広がって見えていた。flex-grow:0にして
    伸びを止め、.store-thumb-buttonのmax-width:70pxで確定するサイズのまま並べる。
    flex-shrink:1（356px未満などmax-width:70pxの合計だけで収まらない極端に狭い画面）は
    従来通り維持し、そのケースでのみ縮小を許可する。 */
    min-width: 0;
  }
  .store-thumb-button {
    display: block;
    width: 100%;
    max-width: 125px; /* 出典: B-4-2 サムネイル PC125×80px */
    aspect-ratio: 125 / 80;
    height: auto;
    padding: 0;
    border: none;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.3;
  }
  .store-thumb-button.is-current {
    opacity: 1;
  }
  .store-thumb-button img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .store-block-map {
    margin-top: 35px; /* 出典: B-4-3 上余白 PC35px */
  }
  .store-block-map iframe {
    display: block;
    width: 1100px; /* 出典: B-4-3 PC1100×500px */
    max-width: 100%;
    height: 495px; /* 2026-08-23修正(L4-2): 等倍デザイン location_pc.png の地図ブロックは3枚とも
    y1085..1579 / y2353..2847 / y3616..4110 ＝いずれも495px（上下端はアンチエイリアスの無いハードエッジで
    y1084 非白0 → y1085 非白1047、y1579 非白1088 → y1580 非白0）。幅1100pxはCSSと一致のため据え置き。
    ⚠️EN側（html[lang="en"] .store-block-map iframe）は 500px のまま
    （EN担当のL7-EN-2はconfidence low・書出しクロップの疑いで変更見送り判断）。
    JP/EN差が残るため前澤さんの確認事項 */
    border: 0;
  }
  .store-block-list {
    padding-bottom: 110px; /* 出典: B-5 最終店舗ブロック下端→フッター上端 PC110px */
  }
}
@media (max-width: 767px) {
  html[lang="ja"] #location .section-heading {
    padding-top: 36px; /* 2026-08-23修正: 等倍デザイン location_smp.png はヘッダー帯下端(y=65)→LOCATIONインク上端
    (y=100)が35pxのところ、30pxでは29pxで6px不足していた。36pxで実測35px・★★★インクy=129..137がデザインと一致。
    2026-08-18 Phase3-b: EN側(30px)に統一。他ページ(.menu-page-title)はJP/EN共にSP30pxで統一済み */
    /* 2026-08-05修正(A4): 旧 padding-bottom: 15px を削除し、下記 .store-anchor-nav の
       margin-top: 20px へ移設（PC側A1と同じくギャップの作り方をnav側に一本化）。 */
  }
  html[lang="ja"] .store-anchor-nav {
    /* 2026-08-05: margin-top（20px）は css/sub.css の共通レイアウトブロックへ移設。 */
    padding-bottom: 40px;
  }
  /* 2026-08-05: html[lang="ja"] .anchor-nav-item a の font-size（1.35rem）は
     css/sub.css の共通レイアウトブロックへ移設。 */
  html[lang="ja"] .anchor-nav-item {
    padding: 0 14px; /* 2026-08-23修正(L7): 等倍デザイン location_smp.png のナビ帯(y=159..174)は
    項目インク端→区切り線が13〜14px（AKIHABARA x=61..132／線 x=146、ODAIBA x=162..208／線 x=222、
    YOKOSUKA x=237..304）。20pxでは21.1pxで広すぎた。PC側は等倍 location_pc.png の実測18〜19pxで別値のため
    SPスコープのみ上書きする（2026-08-23追記: PC側の基底は L2-1 で 0 20px → 0 17px に変更済み。SPは本値のまま） */
  }
  html[lang="ja"] .store-block + .store-block {
    margin-top: 50px;
  }
  html[lang="ja"] .store-block-heading {
    font-size: 2.2rem;
    margin-bottom: 10px; /* 2026-08-23修正: 等倍デザイン location_smp.png の「見出しインク下端→メイン写真上端」は
    AKIHABARA 230→247・ODAIBA 1392→1409・YOKOSUKA 2554→2571 の3ブロックとも16px。15pxでは実測21pxで5px広かった。
    10pxで実測16pxに一致（font-size 2.2rem はインク高16pxがデザインと一致済みのため変更しない） */
  }
  html[lang="ja"] .store-block-body {
    flex-direction: column;
  }
  html[lang="ja"] .store-block-info {
    order: 2;
    flex-basis: auto;
    margin-top: 0; /* 2026-08-02修正: PC用 margin-top:-56px（INFORMATION見出し分の引き上げ）は
    SPでは写真の下に情報ブロックが来る配置のため無効化しないと写真と重なってしまう */
  }
  html[lang="ja"] .store-block-media {
    order: 1;
    flex-basis: auto;
  }
  html[lang="ja"] .store-block-information-title {
    font-size: 15px; /* 2026-08-23修正: 等倍デザイン location_smp.png の「INFORMATION」インクは
    3ブロックとも x=136..240（幅105px・高さ13px）。1.6rem(16px)では x=132..242（幅111px・高さ14px）で
    6px広かった。15pxで x=136..238（幅103px・高さ13px）となり最も近い。R1/R5によりrem→pxで指定 */
    margin-top: 11px; /* 2026-08-23修正(L1): デザインの「サムネイル帯下端(y=508)→INFORMATIONインク上端(y=527)」は19px。
    20pxでは28.2pxで9px広かった。font-size:15px（行ボックス27px）とセットで11pxにすると実測19pxで一致 */
    margin-bottom: 8px; /* 2026-08-23修正(L1): デザインの「INFORMATIONインク下端(y=539)→情報テーブル上端(y=554)」は14px。
    15pxでは21pxで7px広かった。8pxで実測14pxとなり、上下バランスがデザインの19px:14pxと完全一致する。
    （旧コメント: 基本ルールの20pxを継承していたためSP専用値を追加） */
    text-align: center; /* 2026-08-21修正: SPのみ中央揃え（PCのtext-align:leftをSP専用に上書き） */
  }
  html[lang="ja"] .store-info-row {
    min-height: 30px; /* 2026-08-23修正: 等倍デザイン location_smp.png の1行セル黄色帯は全11箇所とも高さ30px
    （y=656..685 / 687..716 / 718..747 / 810..839 …）。共通宣言(:34)の35pxではSPで5px高かった。
    PC等倍 location_pc.png の黄色帯は y=497..531 等＝35pxでPCは現行値が正しいため、共通宣言は変更せず
    JP×SPスコープ（詳細度0,2,0 > 0,1,0）でのみ上書きする */
  }
  html[lang="ja"] .store-info-row-label {
    flex-basis: 88px; /* 2026-08-23修正(L6): 等倍デザイン location_smp.png の黄色画素は全14行とも x=28..115＝88px。
    100pxでは x=28..127 で12px広かった。2026-08-03に88px→100pxへ広げたのは font-size 14px 前提で
    「テイクアウト」が折り返したためだが、下記13px化後はインクが x=37..102（右端~86px<88px）に収まり
    折返さないことを実測（当該行高30px＝1行）したので88pxへ戻す */
    font-size: 13px; /* 2026-08-23修正: 幅一致法でデザイン13px相当。デザイン/live@14px/live@13px の
    インク幅は「テイクアウト」68/72/66px、「デリバリー」58/61/56px、「営業時間」50/54/50px で13pxが最も近い。
    R1/R5によりrem→pxで指定 */
    line-height: 1.3846; /* 2026-08-23修正: デザインの行ピッチは18.0px固定（営業時間行 y=600/618/636、
    アクセス行 y=754/772/790 の2箇所とも18,18）。PC側(:195)の1.2を継承した16.8pxでは1.2px狭かった。
    13px×1.3846＝18.0px。R3に従い単位なし（比率）で指定 */
    padding: 2px 0 2px 8px; /* 2026-08-23修正: デザインの黄色帯高は1行30px・2行40px・3行60pxで、
    行送り18pxのとき2行＝36+2×2＝40pxと一致する（上下2px）。上下8px（PC:190からの継承）では2行52.4pxで過大だった。
    左8pxはデザインのラベルインク開始 x=36〜37（黄色左端28からの距離8〜9px）と一致（旧10pxではx=38〜39） */
  }
  html[lang="ja"] .store-info-row-value {
    font-size: 13px; /* 2026-08-23修正: 幅一致法でデザイン13px相当。デザイン/live@14px/live@13px の
    インク幅は住所148/157/146px、電話81/86/80px、カード107/113/105px、電源席179/189/176px。
    14pxでは一貫して5〜6%広く、Wi-Fi行が2行に折り返していた（デザインは1行30px）。R1/R5によりrem→pxで指定 */
    line-height: 1.3846; /* 2026-08-23修正: ラベル列と同根拠・同値（デザイン行ピッチ18.0px＝13px×1.3846）。R3に従い単位なし */
    padding: 2px 0 2px 8px; /* 2026-08-23修正: 上下はラベル列と同値（デザイン黄色帯 2行=40px から逆算して2px）。
    左8pxは従来どおり（デザインの値インク開始 x=124〜125＝黄色右端116+8px と一致）。出典: 4-4 ラベル列と値列の間隔 SP8px */
  }
  html[lang="ja"] .store-thumb-button {
    max-width: 70px; /* 出典: B-4-2 サムネイル SP70×46px */
    aspect-ratio: 70 / 46;
  }
  html[lang="ja"] .store-block-map {
    margin-top: 20px;
  }
  html[lang="ja"] .store-block-map iframe {
    height: 250px; /* 出典: B-4-3 SP320×250px */
  }
  html[lang="ja"] .store-block-list {
    padding-bottom: 60px;
  }
}
/* 2026-08-23追加(L2-2): 店舗アンカーナビの左右非対称の是正（JP・PC専用）。
   :first-child(:113付近)で padding-left:0 にしている一方、最終項目の padding-right が残るため
   ナビ全体が右へ張り出し、インク中心682.0 対 コンテンツ中心692.5 ＝10.5px 左にずれていた。
   等倍デザイン location_pc.png のナビインクは x546..851＝中心698.5 でページ中心700 とほぼ一致（ずれ1.5px）。
   L2-1(padding 0 17px)と併せた実測はインク x540..629／線647／x666..723／線741／x759..844 で、
   デザイン等価(+7.5px)に補正すると全要素1.5px以内で一致し中心も692.0（コンテナ中心692.5）に対称化する。
   ⚠️SP(767px以下)は :first-child の padding-left:0 が効く前提で 0 14px に合わせ込み済み（38cb44f 系）のため、
   :last-child の指定は詳細度(0,2,1)がSPの(0,2,0)に勝ってしまう。必ず PC スコープに閉じ込めること。 */
@media (min-width: 768px) {
  html[lang="ja"] .anchor-nav-item:last-child {
    padding-right: 0;
  }
}


/*
===============================================================================
 LOCATIONページ — EN版 html[lang="en"]
 出典: stage1_drafts/05_en_angus_location.md 8-C（LOCATIONページ）
 location-heading は common.css の .section-heading をそのまま利用。
 セレクタ修正(2026-08-01): 実DOMは <section id="location" class="location-section"> > .container >
 .section-heading のため、.location-heading ではなく #location .section-heading を対象にする。
===============================================================================
*/
html[lang="en"] {
  #location .section-heading {
    /* 出典: 8-C-2「ヘッダー下端→H1上端 90px」（実測でmargin-topが共通CSSの
    .container > :first-child { margin-top: 0 !important; }に打ち消され未適用と
    判明したためpadding-topに変更・2026-08-01。padding-top自体は2026-08-18 Phase3-aでJP/EN共通ルールへ統合） */
    max-width: 1100px;
    margin: 0 auto;
    padding-left: 28px;
    padding-right: 28px;
  }
  /* 2026-08-05: .store-anchor-nav の margin-top（35px・出典 8-C-3「タイトルブロック下端→
     アンカーナビ上端 35px」）は css/sub.css の共通レイアウトブロックへ移設。 */
  .store-anchor-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
  }
  .anchor-nav-item {
    padding: 0 18px; /* 2026-08-23修正(L2-EN-1): 等倍デザイン CJ_HP_location_E_v1.png の区切り線（縦18px・
    x=653/654 と 748/749）に対し AKIHABARAインク右端635／ODAIBAインク左端673、ODAIBA右端730／YOKOSUKA左端768。
    隣接リンク間の素の距離は 672−636＝36px＝2p+1px(border) → p＝17.5〜18px。
    ナビ全体インクはデザイン x=546..851＝306px に対しライブ272pxで34px狭かった（5境界×約7px）。
    各単語のインク幅は 90/89・58/59・84/85 で一致するため font-size 16px は正しく余白のみの差。
    SP(767px以下)は :633付近で 0 13px に上書き済みのため影響しない。
    （旧出典: 8-C-3「項目とセパレータの間 18px」の左右按分＝9px） */
    border-left: 1px solid var(--color-black);
  }
  .anchor-nav-item:first-child {
    border-left: none;
    padding-left: 0;
  }
  .anchor-nav-item a {
    display: block;
    color: var(--color-black);
    /* 2026-08-05: font-family（旧--font-body-en）・font-weight（旧700）・font-size（旧2.3rem）は
       css/sub.css の共通レイアウトブロックへ移設し、JAと同値（Noto Sans JP / 600 / 1.6rem）に
       統一した。この宣言は後発かつ詳細度0,2,2で統合ルール(0,2,1)を上書きするため削除必須。 */
    /* ⚠️【番人コメント 2026-08-05・同日訂正】ナビリンクの font-family / font-size /
       font-weight をここに書いてはならない。3種のナビ（.menu-tabs-item a /
       .category-tab a / .anchor-nav-item a）の文字仕様は css/sub.css の共通ブロックに
       集約済みで、そこが唯一の定義元。
       【訂正内容】当初この番人コメントには「ここは詳細度 (0,2,2) なので共通ブロックの
       (0,2,1) に勝ってしまう」と書いていたが、これは事実誤認だった。共通ブロック側の
       該当セレクタは #location .anchor-nav-item a で、ID セレクタを含むため詳細度は
       (1,1,1)。ここ（html[lang="en"] のネスト内 ＝ html[lang="en"] .anchor-nav-item a
       ＝ (0,2,2)）に書いても ID には勝てず、現時点では上書きできない。
       CSSOM で実際に宣言を注入し、computed が変化しないことを実測確認済み。
       それでも書いてはならない理由:
        (a) 単一情報源が崩れる。ナビ書体の定義元が複数箇所に分散し、次の改修者が
            どちらを直せばよいか判断できなくなる
        (b) 「書いたのに効かない」ことに気づいた人が !important を足したくなる。
            足した瞬間に ID の優位が無効化され、今度は本当に JA/EN の統一が壊れる
        (c) 将来 #location スコープを外す改修が入れば、その瞬間に (0,2,2) が勝ち始め、
            エラーも警告も出ないまま静かに壊れる
       変更が必要な場合は css/sub.css の共通ブロックを直すこと。 */
    text-decoration: none;
    text-transform: uppercase;
  }
  .anchor-nav-item a:hover {
    color: var(--color-yellow); /* 2026-08-21修正: 店舗名ナビのホバー色をJP側と統一し黄色に変更 */
  }
  .store-block {
    margin-top: 110px; /* 出典: 8-C-4「前ブロックの地図下端から110px」 */
  }
  .store-block:first-of-type {
    margin-top: 90px; /* 出典: 8-C-4「アンカーナビ下端から90px」 */
  }
  .store-block:last-of-type {
    margin-bottom: 110px; /* 出典: 4-3 #15「最終地図下端→フッター上端 110px」 */
  }
  .store-block-heading {
    font-family: var(--font-heading);
    font-weight: 900;
    font-size: 38px; /* 2026-08-23修正(L5-EN-1): 幅一致法。等倍デザイン CJ_HP_location_E_v1.png の「AKIHABARA」
    インクは x=617..783＝幅167px・高さ27px（y=427..453）。ライブ@36pxは幅159px → 36×167/159＝37.8px。
    JP側(38px)のライブは幅167px・高さ27pxでデザインと完全一致し、JP等倍の同見出しも x=617..783＝167px で EN と同値。
    R1/R5により rem→px で指定。※line-height:1 は PC専用のため下の @media (min-width:768px) 側に置く
    （SPには :666付近の font-size:2.2rem 上書きしか無く、line-height をここに書くとSPの行ボックスが変わり
    5cf85da のSP合わせ込みを壊すため） */
    color: var(--color-black);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 34px; /* 2026-08-23修正(L5-EN-2): 等倍デザインの「見出しインク下端(y=453)→メイン写真上端(y=497)」は44px
    （写真上端＝黄色テーブル上端で同一ライン）。70pxでは実測86.1pxで42px広かった。
    line-height:1 適用後の見出しボックスはインク下端＋10.28pxが箱下端なので 44−10.28＝33.7≒34px。
    ★L5-EN-1（38px / line-height:1）とセットで適用すること。SPは :666付近で margin-bottom:6px に上書き済み。
    （旧: 2026-08-18 Phase3-c JP側の構造(768px以上は一律70px)に統一。前澤さん指示） */
    scroll-margin-top: 20px;
  }
  /* コンテンツ幅1100px（550px+550pxの2カラムが破綻しない最小幅）。カンプ非対応のタブレット幅
     （768px）は全て1099px以下＝縦積みレンジとして扱う */
  /* 【2026-08-19修正】padding:0 28pxはこのネスト（html[lang="en"]の基底＝全幅で有効）に
     書かれていたため、768px以上だけ0に戻す別ルール（本ファイル内@media(min-width:768px)）が
     あってもSP(767px以下)には効かず、.store-block-media（写真コンテナ）まで28px×2＝56px
     圧迫されていた。実測: JP写真幅319px（padding無し）に対しEN写真幅263px
     （デザイン仕様書の想定319×201pxから大きく乖離）。前澤さん指摘（JP/EN店舗写真SP表示サイズの
     1px差是正）を機に発覚。paddingそのものを削除しJPと同じ「padding無し・max-widthのみで
     中央寄せ」方式に統一した。 */
  .store-block-body {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: 0 auto;
  }
  .store-block-info {
    width: 100%;
    margin-top: 20px;
  }
  .store-block-information-title {
    color: var(--color-black);
    font-family: var(--font-body-en);
    font-weight: 700;
    font-size: 21px; /* 2026-08-23修正(L3-EN-1): 幅一致法。等倍デザイン CJ_HP_location_E_v1.png の「INFORMATION」
    インクは x=153..290＝幅138px・高さ16px（y=469..484）。ライブ@22pxは x=144..287＝幅144px → 22×138/144＝21.08px。
    JP等倍の同語も幅139pxでほぼ同値。R1/R5により rem→px で指定 */
    line-height: 1.2; /* 2026-08-23修正(L3-EN-1): 指定が無く継承1.8（39.6px）で行ボックスが過大になり、
    下のテーブルとの視覚間隔がデザイン13pxに対し29pxと2倍以上開いていた。JP側(:206付近)とSP側(:673付近)に揃えて1.2。
    ⚠️このボックス高（39.6px→25.2px）は @media(min-width:1100px) の .store-block-info の負margin(L4-EN-1)の
    算出根拠なので、必ずセットで扱うこと。R3に従い単位なし（比率） */
    text-align: center; /* N-3: 1100px未満は中央揃え（jp-locationは常時左揃えのEN固有の意図的差異） */
    margin-bottom: 7px; /* 2026-08-23修正(L3-EN-1): 等倍デザインの「INFORMATIONインク下端(y=484)→テーブル上端(y=497)」は13px。
    15px指定では実測29pxで16px広かった。line-height:1.2（行ボックス25.2px）ではインク下端から箱下端まで約5.7px残るため
    13−5.7≒7px。支給PDFの赤字注釈「ここの間隔15pxにして少し詰めてください」は見た目の間隔を指した指示であり、
    R5に従いデザイン実測から逆算した値を当てる。（旧: 2026-08-21修正 JP/EN共通15pxに統一） */
  }
  .store-info-table {
    width: 100%;
  }
  .store-info-row {
    display: flex;
    border-bottom: 1px solid var(--color-white);
  }
  .store-info-row-label {
    width: 150px; /* 2026-08-23修正(L0-EN-1): 等倍デザイン CJ_HP_location_E_v1.png の黄色画素は
    3テーブル全36行とも x=150..299＝150px固定（y=497..1002 で走査、x=300以降は0）。値インク左端 x=316
    ＝ラベル右端300+15px溝+1px。180pxでは値列が369pxしか残らず英文の折返し位置がデザインとずれていた。
    ⚠️支給PDF CJ_PC_back_0821.pdf p3 のENズーム注釈の寸法線は「110px」だが、110pxでは
    'Power supply seat'（14.4px換算インク117px＋左右padding15px×2）が1行に収まらず、同PDFの
    「黄色背景の英文をできるだけ1行にして」と両立しないため、等倍デザイン実測の150pxを採用する。
    110px指示との食い違いは前澤さんへの確認事項（旧: 2026-08-21修正 JP/EN幅統一のため180px） */
    flex-shrink: 0;
    background-color: var(--color-yellow);
    color: var(--color-black);
    font-family: var(--font-body-en);
    font-weight: normal;
    font-size: 14.4px; /* 2026-08-23修正(L6-EN-1): 幅一致法。同一文字列12本のインク幅（デザイン/ライブ@16px）は
    Shop Name 73/82・Business Hours 96/109・Holiday Hours 89/98・Street Address 93/104・Phone 39/43・
    Access 43/51・Credit Card 71/78・Number of Seats 105/118・Power supply seat 115/128・Wi-Fi 31/33・
    Smoking 56/61・Parking Lot 71/79 で合計 882/984＝0.8963 → 16×0.8963＝14.34px。
    値列(16px)より一回り小さいのがデザインの設計。R1/R5により rem→px で指定 */
    line-height: 1.8056; /* 2026-08-23修正(L6-EN-3): 指定が無く body 由来の1.5（24px）を継承していたため、
    上の font-size 縮小に行送りが連動してしまう。14.4px×1.8056＝26.0px で値列(L6-EN-4)と同じ行送りに固定する。
    デザインの行送りは Access 値セルの行インク上端 686/712/738/764 ＝26px固定。R3に従い単位なし（比率） */
    display: flex;
    align-items: center;
    padding: 3px 15px; /* 2026-08-23修正(L6-EN-2): 等倍デザインの黄色帯（純黄色列 x=151..162 で走査）は
    497-531/533-567/…/968-1002 ＝1行行すべて高さ35px・ピッチ36px、Access(4行)のみ110px。
    連立式 35＝2p+LH かつ 110＝2p+4LH に行送り実測 LH=26px を入れると 2p＝110−104＝6 → p＝3px。
    8pxでは1行行が40px・ピッチ41pxで5px高かった。左右15pxは溝の実測どおり据え置き */
  }
  .store-info-row-value {
    flex: 1;
    background-color: var(--color-white);
    color: var(--color-black);
    font-family: var(--font-body-en);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.625; /* 2026-08-23修正(L6-EN-4): 指定が無く継承1.5（24px）でデザインの26pxより2px狭かった。
    デザイン CJ_HP_location_E_v1.png の Access 値セル(x=305..680, y=677..786)の行インク帯は
    686-701 / 712-727 / 738-754 / 764-779 ＝行ピッチ26px。16px×1.625＝26px。
    padding 3px 化と併せて Access セル高が 4×26+6＝110px となりデザインと一致する。R3に従い単位なし（比率） */
    display: flex;
    align-items: center;
    padding: 3px 0 3px 15px; /* 2026-08-23修正(L6-EN-2): 上下はラベル列と同根拠で8px→3px。
    左15pxは据え置き（出典: 4-4「ラベル列→値列の溝15px」） */
  }
  .store-block-media {
    width: 100%;
    order: -1; /* 1100px未満=写真が上・情報表が下（PCとは上下関係が逆転） */
  }
  .store-block-main-photo {
    /* 2026-08-11 前澤さん指示: border-radiusはJP版に統一のため追加。旧コメント「カンプ実測でEN版は
    角丸なし採用」は今回の指示で上書き承認済み（前澤さん確認済み） */
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 550 / 390; /* 出典: 4-3 #8「店舗メイン写真 550×390px」 */
    object-fit: cover;
  }
  .store-block-thumbs {
    display: flex;
    justify-content: center; /* 2026-08-19追記: JP側と同じ理由（サムネイル4枚の合計幅を
    親要素幅いっぱいではなく本来の320px相当に揃える）で追加。詳細はJP側の同コメント参照 */
    list-style: none;
  }
  .store-thumb-button {
    display: block;
    width: 125px; /* 出典: 4-3 #10「サムネイル125×80px」 */
    height: 80px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    opacity: 0.3; /* 出典: 4-3「未選択サムネイルの不透明度30%」 */
    transition: opacity 0.2s ease;
  }
  .store-thumb-button.is-current,
  .store-thumb-button:hover,
  .store-thumb-button:focus-visible {
    opacity: 1;
  }
  .store-thumb-button img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .store-block-map {
    max-width: 1100px;
    margin: 35px auto 0; /* 2026-08-18 Phase3-c: JP側(35px)に統一。前澤さん指示 */
    padding: 0; /* 2026-08-21修正: 左右paddingを削除しJP側と統一 */
  }
  .store-block-map iframe {
    display: block;
    width: 100%;
    height: 500px; /* 出典: 4-3 #13「地図 1100×500px」 */
    border: 0;
  }
}
@media (min-width: 768px) {
  html[lang="en"] #location .section-heading {
    padding-left: 0;
    padding-right: 0;
  }
  /* 2026-08-21修正: 基底(html[lang="en"] .store-block-map)のpaddingを0に変更したため
     この上書きは冗長になり削除 */
  html[lang="en"] .store-block-heading {
    line-height: 1; /* 2026-08-23修正(L5-EN-1): 指定が無く継承1.3（46.8px）で行ボックスが過大だった。
    JP側(:152付近)と同じ1（＝38px）に揃える。★基底ではなくPCスコープに書く理由: SP側(:666付近)には
    font-size:2.2rem の上書きしか無く line-height の上書きが無いため、基底に書くとSPの見出し行ボックスまで
    変わり 5cf85da のSP合わせ込みが壊れる。R3に従い単位なし（比率） */
  }
  html[lang="en"] .anchor-nav-item:first-child {
    padding-left: 18px; /* 2026-08-23修正(L2-EN-2): :first-child の padding-left:0（:412付近）により
    justify-content:center の中心がナビのインク中心とずれ、ナビ全体が約9.5px左へオフセットしていた。
    等倍デザイン CJ_HP_location_E_v1.png のナビインクは x=546..851＝中心698.5 でコンテンツ領域(150..1250)の
    中心700 とほぼ一致＝左右対称。18px（L2-EN-1と同値）に戻すと区切り線が補正後 x=653.5/749.5 となり
    デザイン 653.5/748.5 と一致する。border-left:none は維持（基底のまま）。
    ★SPは :633付近のコメントどおり「first-childのpadding-left:0が効くぶん13pxで合う」前提で合わせ込み済みのため、
    必ずPCスコープに閉じ込め、SPの :first-child は基底(0)のまま残すこと */
  }
  html[lang="en"] .store-info-row {
    min-height: 36px; /* 2026-08-23修正(L6-EN-5): 共通宣言 .store-info-row{min-height:35px}(:34) は
    box-sizing:border-box 環境で EN の border-bottom:1px を内側に含むため、黄色帯が34px・ピッチ35pxとなり
    デザインの35px・ピッチ36pxより1px詰まる（JPは gap:1px＋border無しで 35+1＝36px ピッチのため共通宣言のままで正しい）。
    36px にすると黄色帯 499-533/535-569/571-605… ＝35px・ピッチ36pxとなりデザイン 497-531/533-567/569-603 と一致。
    ★共通宣言(:34)は JP・EN のSPが依存しているため変更せず、EN×PCスコープでのみ上書きする */
  }
}
/* 2026-08-19追記: 前澤さん指示によりタブレット幅(768-1099px)の店舗写真表示をEN版に統一。
   従来JPはこの幅域専用の対応が無く、基底(html[lang="ja"]のネスト内)の2カラム・
   .store-block-media{flex:0 0 550px}・.store-block-main-photo{max-width:550px}が
   そのまま効いて写真幅550px固定になっていた。EN版は基底が縦積み(flex-direction:column)で
   1100px以上のみ2カラムへ切り替わる作りのため、768-1099pxでは写真幅がコンテナに追従して
   伸びる（実測900px viewportで805px）。EN版と同じ値・実装方式をJP側にもタブレット幅限定で
   適用し挙動を一致させる（実測: JP/ENともstore-block-info margin-top 20px・order 0、
   store-block-media order -1・width 100%で一致させる）。 */
@media (min-width: 768px) and (max-width: 1099px) {
  html[lang="ja"] .store-block-body {
    flex-direction: column;
  }
  html[lang="ja"] .store-block-media {
    order: -1;
    flex: none;
    width: 100%;
  }
  html[lang="ja"] .store-block-info {
    width: 100%;
    margin-top: 20px;
  }
  html[lang="ja"] .store-block-main-photo {
    max-width: none;
  }
}
@media (min-width: 1100px) {
  html[lang="en"] .store-block-body {
    flex-direction: row;
  }
  html[lang="en"] .store-block-info {
    margin-top: -32.2px; /* 2026-08-23修正(L4-EN-1): 等倍デザイン CJ_HP_location_E_v1.png では
    黄色テーブル上端 y=497 とメイン写真上端 y=497 が完全一致（写真の非白画素は x=700..1249, y=497..886）。
    -59.6px ではテーブル539.08・写真544.08で5pxずれていた（-59.6px は INFORMATION がボックス高39.6px+margin20px
    だった時代の値で、margin-bottom が15pxに変わった際に更新されていなかった）。
    L3-EN-1 適用後のボックス高25.2px + margin-bottom 7px ＝ 32.2px を引き上げる。★L3-EN-1とセットで適用すること */
  }
  html[lang="en"] .store-block-information-title {
    text-align: left; /* N-3: PC（1100px以上）のみ左揃え */
  }
  html[lang="en"] .store-block-media {
    order: 0; /* PC（1100px以上）は情報表が左・写真が右のDOM順どおり */
    flex: 0 0 550px; /* 2026-08-23修正(L4-EN-2): 基底の width:100%（:523付近）で伸縮していたため
    情報列549px／写真列551pxの非対称になり、メイン写真が 551×390.7px とデザインの 550×390px より1px大きかった。
    等倍デザインの写真非白画素は x=700..1249（幅550px）・y=497..886（高さ390px）、情報列は x=150..699＝550px。
    JP側(:176付近 flex:0 0 550px)と同じ方式に揃える */
    width: 550px;
  }
}
@media (max-width: 767px) {
  html[lang="en"] #location .section-heading {
    padding-top: 37px; /* 2026-08-23修正: 等倍デザイン CJ_HP_location_E_v1_smp.png の LOCATIONインクは y=100..122、
    ★★★は y=129..137。30pxでは y=93..115 / y=122..130 と7px上にずれ、以降のページ全体が上詰まりになっていた。
    37pxで両方ともデザインと一致。MENU扉(.menu-page-title)も同日同理由で30→37px済み。
    旧出典: 8-C-2 SP「30px」（margin-topだと打ち消されるためpadding-topに変更） */
  }
  /* 2026-08-05: .store-anchor-nav の margin-top（20px）と .anchor-nav-item a の
     font-size（1.5rem）は css/sub.css の共通レイアウトブロックへ移設。 */
  html[lang="en"] .anchor-nav-item {
    padding: 0 13px; /* 2026-08-23修正(L7): 等倍デザインのナビ行(y=159..174)は文字と区切り線の白余白が左右とも14px
    （AKIHABARA x=61..131／線 x=146、ODAIBA x=162..207／線 x=222、YOKOSUKA x=238..304）でナビ全体インク幅244px。
    5pxでは余白5〜6px・全体幅212pxと32px狭かった。13pxで実測インク幅244pxとなりデザインと一致
    （first-childのpadding-left:0（:371）が効くぶん14pxではなく13pxで合う） */
  }
  html[lang="en"] .store-block {
    margin-top: 46px; /* 2026-08-23修正(L7): 等倍デザインの「地図バンド下端→次の見出しボックス上端」は
    block2 が 1343→1388.4＝45.4px、block3 が 2519→2565.4＝46.4px。50pxでは実測50pxで4px広かった。
    旧出典: 8-C-4 SP「50px」 */
  }
  html[lang="en"] .store-block:first-of-type {
    margin-top: 38px; /* 2026-08-23修正(L7): 等倍デザインの「ナビボックス下端(174.5)→見出しボックス上端(212.4)」は37.9px。
    40pxでは実測40pxで2px広かった。38pxで実測38.0px。旧出典: 8-C-4 SP「40px」 */
  }
  html[lang="en"] .store-block:last-of-type {
    margin-bottom: 60px; /* 出典: 4-3 #15 SP「60px」 */
  }
  html[lang="en"] .store-block-info {
    margin-top: 16px; /* 2026-08-23修正(L1): 等倍デザインの「サムネイルバンド下端(y=507)→INFORMATIONインク上端(y=528)」は20px。
    20pxでは31pxで11px広かった。下の .store-block-information-title の font-size:16px / line-height:1.2 とセットで
    16pxにすると実測19.7pxでデザインと一致（基底は :441 の margin-top:20px） */
  }
  html[lang="en"] .store-block-information-title {
    font-size: 16px; /* 2026-08-23修正(L1): 等倍デザインの「INFORMATION」インクは y=528..538（高さ11px）・x=137..240（幅104px）。
    2.2rem(22px)ではインク高16px・幅144pxで大きすぎた。幅比104/144から22×0.722＝15.9px。16pxで実測 幅101px・高さ12px。
    R1/R5によりrem→pxで指定 */
    line-height: 1.2; /* 2026-08-23修正: 指定が無く継承1.8で行ボックスが39.6pxとなり上下余白バランスが崩れていた。
    JP側(:195/:208)と同じ1.2に揃える。R3に従い単位なし（比率） */
    margin-bottom: 11px; /* 2026-08-23修正(L1): 等倍デザインの「INFORMATIONインク下端(y=538)→情報テーブル上端(y=554)」は15px。
    15px指定では実測29pxで14px広かった（行ボックス39.6px由来）。font-size:16px/line-height:1.2 とセットで11pxにすると
    テーブル上端が実測553.5px（デザイン554）で一致。旧: 2026-08-21修正 JP/EN共通15pxに統一 */
  }
  html[lang="en"] .store-block-heading {
    font-size: 2.2rem; /* 2026-08-21修正: SPでもPCの3.6remを継承していたためJP側(2.2rem)に揃えて追加 */
    margin-bottom: 6px; /* 2026-08-23修正(L4関連): 等倍デザインの「見出しインク下端→メイン写真上端」は3ブロックとも17px
    （230→247 / 1406→1423 / 2583→2600）。15pxでは実測26pxで9px広かった。6pxで実測17pxとなり一致
    （font-size 22px はインク高がデザインと一致済みのため変更しない）。旧: 2026-08-18 Phase3-c JP側(SP15px)に統一 */
  }
  html[lang="en"] .store-info-row {
    min-height: 39px; /* 2026-08-23修正: 等倍デザインの黄色バンドは3テーブル全36行が高さ38px・ピッチ39px
    （table1 y=555-592 / 594-631 / 633-670 … 1034-1071 ほか。Accessのみ88px）。共通宣言(:34)の35pxでは
    文字縮小後に1行行が詰まりすぎた。box-sizing:border-box かつ border-bottom 1px があるため38pxではなく39pxを指定する。
    JPのSPは30px（デザイン別値）のため共通宣言は変更せず EN×SPスコープ（詳細度0,2,0 > 0,1,0）で上書きする */
  }
  html[lang="en"] .store-info-row-label {
    width: 120px; /* 2026-08-23修正(L6): 等倍デザインの黄色画素列は3テーブル・全36行とも x=28..147＝120pxで一定。
    PC基底(:459)の180pxを継承していたため値セルが139pxしか残らず英文が異常に折り返し、テーブル高が
    デザイン518pxに対し804pxになっていた。120pxで実測517.3px（デザイン518pxと0.7px差）
    （旧: 2026-08-21修正 width上書きを削除しPC側180pxをSPにも継承させる → 今回SP専用値を再導入） */
    font-size: 12.5px; /* 2026-08-23修正: 同一文字列のインク幅比較（デザイン/live@14px）Business Hours 84/96、
    Credit Card 61/68、Number of Seats 91/103、Power supply seat 100/112 …の集計比0.8975 → 14×0.8975＝12.57px。
    12.5pxなら全12ラベルが幅120px内で1行に収まる（Range.getClientRects()で折返し0件を実測）。R1/R5によりrem→px */
    line-height: 1.2; /* 2026-08-23修正: 指定が無く継承1.5（21px）でデザインの行送り16pxより大きかった。
    JP側(:195)と同じ1.2に揃える。R3に従い単位なし（比率） */
    padding: 3px 8px; /* 2026-08-23修正: デザインのAccess行はセル高88px＝5行×行送り16px(80px)+上下8px、
    Street Address行はセル高38px＝2行×16px+上下6px。1行目インク上端からの逆算でも padding-top＝3px。
    6pxのままだと複数行行がデザインより6px高かった。左右8pxはデザイン一致のため据え置き */
  }
  html[lang="en"] .store-info-row-value {
    font-size: 13.5px; /* 2026-08-23修正: 内容が完全一致する8行の値インク幅をデザインと比較（デザイン/13.5px適用時）
    Phone 99/98、Credit Card 65/66、Power supply seat 179/178、Wi-Fi 158/164 …の集計比1.0098＝デザイン相当13.63px。
    1.6rem(16px)は大きすぎ過剰な折返しの原因だった。14pxでは Power supply seat が2行に割れデザインと不一致。
    折返し本数もデザインと一致（Access 5行 / Street Address 2行 / Power supply seat 1行）。R1/R5によりrem→px */
    line-height: 1.2; /* 2026-08-23修正: ラベル列と同根拠・同値（デザインの値セル行送りは16px固定＝13.5px×1.2＝16.2px。
    Shop Name 561→577、Street Address 678→694、Access 756→772→788→804→820 いずれも16px間隔）。R3に従い単位なし */
    padding: 3px 0 3px 8px; /* 2026-08-23修正: 上下はラベル列と同根拠で6px→3px。
    左8pxはデザインの値文字インク左端 x=156（セル左148+8）と一致のため据え置き。出典: 4-4 SP「溝8px」 */
  }
  html[lang="en"] .store-block-thumbs li {
    /* 2026-08-02修正: 固定70px×4+gap13px×3=319pxが親要素(.store-block-thumbs)の
    実測幅238pxを超え横スクロールが発生していたため、JP版と同じ可変幅技法(flex:1 1 0)で解消した
    経緯があるが、その後の親要素幅の見直しで実測334pxまで広がり、今度は逆にflex-grow:1が
    サムネイル4枚を親要素いっぱいまで間延びさせる不具合になっていた(前澤さん指摘、2026-08-19)。
    flex-grow:0にして本来サイズ(70px×4+13px×3=319px)のまま並べ、.store-block-thumbs側の
    justify-content:centerで中央寄せする。flex-shrink:1は残し、極端に狭い画面でのみ縮小させる。 */
    flex: 0 1 auto;
    min-width: 0;
  }
  html[lang="en"] .store-thumb-button {
    display: block;
    width: 100%; /* 出典: 4-3 #10 SP「70×46px」は上限値として扱い、はみ出す場合は親幅に合わせて縮小 */
    max-width: 70px;
    aspect-ratio: 70 / 46;
    height: auto;
  }
  html[lang="en"] .store-block-map {
    margin-top: 20px; /* 出典: 4-3 #12 SP「20px」 */
  }
  html[lang="en"] .store-block-map iframe {
    height: 250px; /* 出典: 4-3 #13 SP「319×250px」 */
  }
}