@charset "UTF-8";
/* ==========================================================
   奥飛騨冬物語 TOP — footer.css（PC版のみ / 新カンプ y11761-12668 h907）
   2026-08-06 新カンプ（2026-08-05支給）反映:
     背景写真=青い雪の森に差し替え（上端は白へフェード／2xマスター直切り）
     中央=白エンブレム＋白筆記体（footer_logo.png）
     右=縦書きキャッチ 金→白 / 下部=ブランドロックアップ＋白罫＋案内所3件
   写真に同要素が焼き込み済み → 実テキストの位置を厳密一致させてゴースト最小化
   （座標はすべて 2xマスター/1x基準画像の実測値）
   ========================================================== */

.footer {
  position: relative;
  width: 1365px;
  height: 907px;
  overflow: hidden;
}

/* ---- 全面写真背景（文字焼き込みあり・上端は白へフェード） ---- */
.footer__bg {
  position: absolute;
  inset: 0;
  width: 1365px;
  height: 907px;
  object-fit: cover;
  z-index: 0;
}

/* ---- 下部の白罫（実測 y748 / x57-1317 / 1x換算で不透明度0.36の1px） ---- */
.footer::after {
  content: "";
  position: absolute;
  left: 57px;
  top: 748px;
  width: 1260px;
  height: 1px;
  background: rgba(255, 255, 255, 0.36);
  z-index: 1;
}

/* ---- 左：ナビ縦並び（白・明朝16px／行ピッチ32.6px＝カンプ実測 y362.5起点）。
     2026-08-31 に6→7件。PCは nav下端 579.7px ／ .footer__brand(top 686px) まで 106.3px の余裕 ---- */
.footer__nav {
  position: absolute;
  left: 56px;
  top: 351.5px;
  z-index: 2;
}
/* ホバー: 白い下線だけが左から伸びる（2026-08-18 市岡さん指示:
   右へ動く演出はポップ過ぎるため廃止・opacity減光も廃止）。
   タッチ端末では :hover が張り付くので hover 可能な環境だけに限定する */
@media (hover: hover) {
  .footer__nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.45s var(--ease-sig, ease);
  }
  .footer__nav a:hover::after { transform: scaleX(1); }
}

.footer__nav a {
  position: relative;
  display: block;
  /* 2026-08-19 市岡さん指示「下線は文字の下だけに」。
     display:block だけだと箱が列幅（＝最長項目「奥飛騨温泉郷公式サイト」185.7px）まで広がり、
     ホバー下線（::after width:100%）が文字よりはるかに長く出ていた（例: お知らせ 文字67.5px に対し下線185.7px）。
     max-content で箱を文字幅にそろえる。ブロックのままなので縦積み・左端位置は変わらない。 */
  width: max-content;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 16px;
  line-height: 32.6px;
  color: var(--color-white);
  white-space: nowrap;
}

/* 2026-09-02 文字組み補正（PC/SP共通・どちらも16px）:
   カンプは漢字連をわずかに広く（送り約16.5px）、かな連を大きく詰めて（約12.5〜13px）組んでいる。
   実装は ls:normal の全角ベタなので末尾ほど右に伸びていた。
   実測（1x・相関追跡 comp−live／PCとSPで同値を確認）:
     冬物語とは   冬+0.5 物+1.5 語+2.0 と-1.0 は-4.5 → 行インク幅 comp71.0 / live78.0
     冬の催し灯り 冬+0.5 の+0.5 催+1.0 し-1.0 灯-2.0 り-4.5 → comp84.5 / live91.0
     冬の過ごし方 冬+0.5 の+0.5 過+0.5 ご-0.5 し-3.0 方-3.5 → comp88.5 / live94.5
     お知らせ     お 0  知+1.0 ら-1.0 せ-3.0 → comp57.5 / live61.0
   項目5「アクセス」・項目6「お問い合わせ」はカンプもベタ組み（Δ1.0px）＝一律lsは当てない。
   前半（漢字側）を .footer__kern-a、かなの境界を .footer__kern で振り分ける。
   ※ a 要素そのものには ls を当てない。span が無い下層ページ（about/events/… は同じ
     フッターHTMLを持つがspan未適用）でこのルールが空振りして無害になるようにするため。 */
.footer__nav a:nth-child(1) .footer__kern-a { letter-spacing: 0.75px; }
.footer__nav a:nth-child(1) .footer__kern { letter-spacing: -3.25px; }
.footer__nav a:nth-child(2) .footer__kern-a { letter-spacing: 0.25px; }
.footer__nav a:nth-child(2) .footer__kern { letter-spacing: -1.83px; }
.footer__nav a:nth-child(3) .footer__kern { letter-spacing: -1.33px; }
.footer__nav a:nth-child(4) .footer__kern-a { letter-spacing: 1px; }
.footer__nav a:nth-child(4) .footer__kern { letter-spacing: -2px; }

/* ---- 中央：エンブレム＋筆記体（透過PNG 459×968 → 1x表示162×342） ---- */
.footer__logo {
  position: absolute;
  left: 605.8px;
  top: 334.2px;
  width: 162px;
  height: 342px;
  z-index: 2;
}

/* ---- 右：縦書きキャッチ（白・3列／列ピッチ64px） ----
   カンプは列ごとに字送りが違う（仮名主体の列ほど詰まる）ため行単位で letter-spacing を分ける */
.footer__catch {
  position: absolute;
  top: 332px;
  right: 157.5px;
  z-index: 2;
  writing-mode: vertical-rl;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 45px;
  line-height: 64px;
  color: var(--color-white);
}
/* 2026-09-02 入れ子spanを足したので直下spanに限定（入れ子が nth-of-type に拾われないように） */
.footer__catch > span:nth-of-type(1) { letter-spacing: -0.030em; }
.footer__catch > span:nth-of-type(2) { letter-spacing: 0.062em; }
.footer__catch > span:nth-of-type(3) { letter-spacing: 0.022em; }

/* 2026-09-02 文字組み補正（列内の縦の字送り。PCのみ・SPは下の @media で inherit に戻す）:
   カンプは列頭の漢字だけ送りを広く取り、かな・約物で詰めている。
   実測（1x・相関追跡 comp−live、正＝カンプが下）:
     出会う冬が、 出+1.0 会+6.0 う+6.0 冬+8.0 が+8.0 、+3.5
       → カンプ送り 出52.79 / 会47.79 / う49.79 / 冬47.79 / が43.29（実装は一律47.79）
     物語になる。 物+2.5 語+7.5 に+8.5 な+6.5 る+5.5 。+3.5
       → カンプ送り 物50.99 / 語46.99 / に43.99 / な44.99 / る43.99（実装は一律45.99）
   列の一律ls（上の nth-of-type）は触らず、差分は全部この span で当てる
   （span の無い下層ページでは空振り＝現状のまま）。残差は両列とも1.0px以内。 */
.footer__catch-k1 { letter-spacing: 6.9px; }   /* 出 / 物 = 列頭の漢字（送り51.9px） */
.footer__catch-k2 { letter-spacing: 4.79px; }  /* う（送り49.79px） */
.footer__catch-k3 { letter-spacing: -1.71px; } /* が→、 の約物送り 43.29px */
.footer__catch-k4 { letter-spacing: -1.01px; } /* に / る（送り43.99px） */

/* ---- 左下：ブランドロックアップ（冬マーク＋奥飛騨冬物語・白／透過PNG） ---- */
.footer__brand {
  position: absolute;
  left: 55px;
  top: 686px;
  width: 254px;
  height: 45px;
  z-index: 2;
}

/* ---- 左下：観光案内所へのお問い合わせ ---- */
.footer__info-head {
  position: absolute;
  left: 325px;
  top: 704px;
  z-index: 2;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--color-white);
  white-space: nowrap;
  /* 2026-09-02 文字組み補正: カンプは漢字連16.4px・かな絡み14.5〜15pxで組まれている。
     実測（1x・comp−live）観0 光+0.5 案+0.5 内+1.0 所+1.0 へ+1.5 の+0.5 お-1.0 問0
     い-1.0 合-2.0 わ-3.5 せ-4.5 ／ 行インク幅 comp200.5 / live206.0。
     「観光案内所」を +0.3px、「へのお問い合わ」を -0.857px（ナビ同様 span 側で当てる） */
}
.footer__info-head .footer__kern-a { letter-spacing: 0.3px; }
.footer__info-head .footer__kern { letter-spacing: -0.857px; }

/* ---- 案内所3件（白・14px） ---- */
.footer__col {
  position: absolute;
  top: 765.5px;
  z-index: 2;
  font-family: var(--font-jp);
  font-weight: 500;
  color: var(--color-white);
}
.footer__col--1 { left: 57px; }
.footer__col--2 { left: 425px; }
.footer__col--3 { left: 1001.5px; }
.footer__col-name {
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
.footer__col-addr {
  /* 2026-09-02 行送り補正（PCのみ／SPは @media 側の 5px を維持）:
     相関実測(2x, comp−live) 社名 dy-1 / 住所 dy+2 / TEL dy-1 ＝
     カンプは 社名→住所 が +1.5px 広く、住所→TEL が -1.5px 狭い（ほぼ等間隔18.75px送り）。
     3.5→5px。TEL側で -1.5px 戻すのでTELの絶対位置は変わらない */
  margin-top: 5px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  /* 半角英数の送りが実装で約0.14px/字ぶん広い（漢字部はカンプと完全一致）。
     実測 行末の累積ズレ(1x) COL1 -3.0 / COL2 -4.0 / COL3 -5.0px、
     行インク幅 comp 329.0/314.0/313.5 vs live 332.0/317.5/318.5。
     29字ぶんに薄く配ると3列とも残差1.5px以内（PC/SP共通・SPも同じ29字1行）。
     実測後の残差(1x, 中心間 live−comp) PC COL1 -1.5 / COL2 -0.3 / COL3 +0.8 */
  letter-spacing: -0.125px;
}
.footer__col-tel {
  margin-top: 4.5px;   /* 2026-09-02 上記の行送り補正（6→4.5px） */
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
/* 社名行の末尾カタカナ: カンプはカタカナだけプロポーショナル送り（送り12.0〜12.5px）。
   実測（1x・comp−live）COL1 セ+2.0 ン-0.5 タ-1.0 ー-3.0 内-3.0 )-3.0
                        COL2 ビ+1.5 ジ-0.5 タ-0.5 ー-2.0 セ-3.0 ン-6.0 タ-6.0 ー-8.0 内-8.5 )-8.0
   行インク幅 COL1 comp272.0/live274.5・COL2 comp410.0/live419.0。
   SPでも同じ span が効く（COL2は2行目「センター内)」comp67.5/live73.0）*/
.footer__col--1 .footer__col-name .footer__kana { letter-spacing: -0.75px; }
.footer__col--2 .footer__col-name .footer__kana { letter-spacing: -1.06px; }
/* 字送りはカンプ実測どおり 14px・letter-spacing 0（＝カンプの漢字送り14.08pxに一致）。
   カンプは仮名/カタカナだけが詰まっている（プロポーショナル仮名）が、Zen Old Mincho には
   同等メトリクスが無い。行単位で letter-spacing を負にして行末を合わせる案は試作したが、
   行中の文字位置が逆にずれて pixel-diff が悪化したため採用しない（2026-08-06 実測）。
   2026-09-02 追記: この結論は「社名行（漢字＋カタカナ混在）に一律lsを当てる案」に対するもの。
   今回は (a) カタカナ連だけ span で詰める / (b) 住所行は漢字部がカンプと完全一致していて
   ズレが半角英数に限られるので 0.125px/字の極薄lsで配る、の2本立てにしたため
   行中の文字位置も全字カンプ側へ寄った（相関実測で確認済み）。 */

/* ---- 左下端：プライバシーポリシー（2026-09-01 横山さん指示）----
   「フッターメニューではなく優先度の低い場所＝コピーライトの横か上あたりに小さく」。
   フッターナビは7→6項目に戻し、ここへ 11.5px で置く（コピーライト12.5pxより一段小さい）。
   ホバーはナビと同じ「左から伸びる下線」に揃える */
.footer__privacy {
  position: absolute;
  left: 56px;
  top: 830px;
  z-index: 2;
  display: block;
  width: max-content;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 11.5px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--color-white);
  opacity: 0.82;
}
@media (hover: hover) {
  .footer__privacy::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.45s var(--ease-sig, ease);
  }
  .footer__privacy:hover::after { transform: scaleX(1); }
}

/* ---- 左下端：コピーライト（カンプは左寄せ・白） ---- */
.footer__copy {
  position: absolute;
  left: 56px;
  top: 852.5px;
  z-index: 2;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 12.5px;
  line-height: 1;
  letter-spacing: 0.075em;
  color: var(--color-white);
}

/* ==========================================================
   SP（設計幅393px / 新SPカンプ 2026-08-05・footer = 1x y9164-10218 h1054）
   2xマスター top_sp_server.jpg 上での footer 先頭行は y18327
   （2xマスターは 20435px＝1x×2より1px短いため 18328 ではない。
    18320..18336 を総当たりで基準画像とmean|diff|を取り 18327 が最小=0.37）

   実測でPC版と同寸だったもの（＝SPで font-size を触らない）:
     ナビ16px/行送り32.6px・案内所14px・コピーライト12.5px
   PCと違うもの: 縦書きキャッチ45→24px・エンブレム162→107px・
     ブランドロックアップ254→226px・案内所は3列→縦積み1列
   SPカンプに「観光案内所へのお問い合わせ」の小見出しは無い＝非表示
   ========================================================== */
@media (max-width: 767px) {

  /* 背景写真をSP専用切り出しへ差し替える。
     ここは <picture><source> を使わず CSS background で入れ替える:
     .footer__bg を <picture> で包むと PC でも画像の縮小フィルタが変わり、
     PC版diffが 2.55%→2.64% に劣化することを実測したため（index.html も無改変で済む）。
     画像 = img/sp/footer_bg.webp（786×2108＝SP2xマスター y18327 から直切り・q88 4:4:4）。
     ※クロマ間引き(4:2:0)で保存すると青い夜森でクロマ誤差が出て
       写真だけのdiffが 2.6%→8.1% に跳ねる。SP写真は必ず 4:4:4 で書き出すこと */
  /* 2026-08-19 市岡さん指示「もやで文字が読みにくい」: フッターを縦に+246px拡張し
     背景も同じ高さへストレッチ（1054→1300）。上端の白フェードは保ちながら、
     キャッチ・エンブレム以下の全要素を+246pxして森の暗部の上に載せる */
  /* 2026-09-01 横山さん指示「上は空きすぎ、下は詰まりすぎ」→ 内部要素を一律 -120px。
     当初は高さ1380pxで上下を 154.3/147.5px に揃えたが、
     2026-09-02 市岡さん実機指摘「フッター下部に無駄なスペースが空きすぎ」→ 高さを1300pxへ戻し、
     下の空き = 1300 − コピー下端1232.5 = **67.5px**（変更前9/1の26.5pxよりは緩く、147.5pxの半分以下）。
     上の空き154.3pxは横山さん指示の「上を詰める」を維持。
     背景写真は焼き込み文字なし（画素確認済み）・白文字の背景コントラストは bgcontrast.py 実測済み */
  .footer {
    height: 1246.5px;   /* 2026-09-24 ナビ2列化で6行→3行＝−97.5px（下端余白67.5px維持）。旧1344px（2026-09-16 住所・電話の上の空き +2px×2×3件＝+12px）。 幅は sp.css が var(--canvas) を当てている（2026-09-10 見出しぶん +32・下端余白67.5px維持） */
    background-image: url(../../img/sp/footer_bg.webp?v=20260809d);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: var(--canvas) 1344px;   /* 2026-09-16 フッター高に合わせる（旧1300pxのままだと下端に白帯32→44pxが出ていた）。
                                                2026-09-24 フッター高は1246.5pxに縮めたが、背景は1344pxのまま＝写真の縦横比・キャッチ/エンブレム背後の絵柄を変えず、下の97.5pxだけ切れる（白帯は出ない） */
  }
  .footer__bg { display: none; }

  /* 2026-08-31 市岡さん指示（SP）「公式サイトバナーと、フッターのグラデが始まる部分とで
     空きが広すぎます。協賛バナーと、公式サイトバナーの[間隔]に合わせて、フッターを上にあげて」。
     実測（393px・画素走査）:
       協賛バナー下端 → 公式サイトバナー上端 ＝ 50.0px
       公式サイトバナー下端 → グラデが見え始めるY ＝ 174.5px（背景の白フェードは上端から約175px。先頭95pxは純白255）
     → 125px 引き上げて 49.5px にし、上の空き50pxと揃える。
     重なる125pxはフッター背景の白帯だけで、フッター内部要素の最小 top は
     .footer__catch の399.3px＝隠れる要素は無い（将来この上に要素を足す時は top<125px に置かないこと）。
     .cta 側の z-index:1（cta.css）とセットで、公式サイトバナーの写真が前面に残る。
     このセレクタは TOP だけに当たる（下層・お知らせは .cta と .footer の間に .l-next が入るため不一致）。
     下層も同じ詰め方に揃える場合は lower.css の `.l-next + .footer` を触る別作業になる */
  .cta + .footer { margin-top: -125px; }

  /* 白罫: 2xマスターの明部は1行(2x)のみ＝1xでは0.5px相当。
     PCと同じ 1px×alpha0.36 で基準画像の輝度に一致する（実測: 基準 y735=126 / 地=55）*/
  .footer::after {
    left: 21.5px;
    top: 763.5px;   /* 2026-09-24 −97.5（ナビ2列化）。旧861 = 981 − 120（2026-09-01 上詰め） */
    width: 350px;
  }

  /* ナビ: 縦積み（カンプ実測 ink y451.0起点・行ピッチ32.5px＝PCと同値）。
     2026-08-31 に6→7項目（公式サイトを外し アクセス／プライバシーポリシー を追加）。
     実測: 7項目で nav下端 913.5px ／ 直下の .footer__brand(top 929.8px) まで 16.3px。
     8項目にすると約3.5px重なるので、これ以上増やす時は座標の引き直しが要る */
  /* 2026-09-01 プライバシーポリシーを外して7→6項目。下端 566+195=761px ／
     .footer__brand(809.8) まで 48.8px の余裕 */
  /* 2026-09-24 市岡さん指示「フッターのメニューはお知らせで折り返して2列に」→ 3項目×2列
     （冬物語とは／冬の催し灯り／冬の過ごし方 ｜ お知らせ／アクセス／お問い合わせ）。
     1列目の幅は白罫350pxの半分＝175px → 2列目の左端 195.5px ≒ キャンバス中央196.5px。
     下端 566+97.5=663.5px。以下の要素（白罫・ロックアップ・見出し・案内所・プライバシー・コピー）は
     一律 −97.5px して、ナビ下端→ロックアップの間 48.8px を維持 */
  .footer__nav {
    left: 20.5px;
    top: 566px;   /* 686 − 120（2026-09-01 上詰め） */
    grid-template-columns: 175px max-content;
  }
  .footer__nav a { line-height: 32.5px; font-size: 15px; }   /* 2026-09-16 横山さんメモ「SP：フッターの文字に圧迫感」16→15px（行ピッチは据え置き） */

  /* エンブレム＋筆記体: 冬マークのink幅 PC105.5→SP67 / 奥ink上端〜語ink下端 PC264→SP175
     ＝ PC比0.66 → 162×342 を 107×225.7 に。中心は canvas 中央より約8px右（カンプ実測） */
  .footer__logo {
    left: 151.1px;
    top: 321.7px;   /* 441.7 − 120（2026-09-01 上詰め） */
    width: 107px;
    height: 225.7px;
  }

  /* 縦書きキャッチ: SPは2列（「はじめて出会う冬が、」／「物語になる。」）。
     PCの1本目の<br>を消して1・2スパンを同じ列に流す */
  .footer__catch {
    left: auto;
    right: 31.7px;
    top: 279.3px;   /* 399.3 − 120（2026-09-01 上詰め） */
    font-size: 24px;
    line-height: 35.5px;
    letter-spacing: 0.083em;
  }
  /* 2026-09-02 PC用の列内カーニング（.footer__catch-k*）もSPでは無効化して
     SPカンプどおりの一律 0.083em に戻す */
  .footer__catch > span:nth-of-type(1),
  .footer__catch > span:nth-of-type(2),
  .footer__catch > span:nth-of-type(3),
  .footer__catch-k1,
  .footer__catch-k2,
  .footer__catch-k3,
  .footer__catch-k4 { letter-spacing: inherit; }
  .footer__catch br:nth-of-type(1) { display: none; }

  /* ブランドロックアップ（冬マーク＋奥飛騨冬物語）: ink 83.5-300.5 / 686.5-715.0 */
  .footer__brand {
    left: 78.6px;
    top: 712.3px;   /* 2026-09-24 −97.5（ナビ2列化）。旧809.8 = 929.8 − 120（2026-09-01 上詰め） */
    width: 226px;
    height: 40px;
  }

  /* 2026-09-10 定例（河野さん指摘）: SPで小見出しが消えていたので表示する。
     白罫861pxの20px下に置き、案内所3件以下を32px（見出し16 + 間16）押し下げる */
  .footer__info-head {
    left: 21.5px;
    top: 783.5px;   /* 2026-09-24 −97.5（ナビ2列化）。旧881 */
    font-size: 15px;   /* 2026-09-16 16→15px（同上） */
  }

  /* 案内所3件: 横3列→縦積み。幅346pxは平湯の1行目が「…奥飛騨ビジター」で
     折り返す幅（実測: その行のink右端362px＝必要幅340.5px／次の「セ」で354.5px）*/
  .footer__col {
    left: 21.5px;
    width: 346px;
  }
  /* 2026-09-01「住所・電話番号のブロックに圧迫感」→ ブロック間を12〜12.5px→22pxへ広げる。
     内部の行間も下で緩めているので、各ブロック高は 54→63px（平湯は社名2行で 73→84px） */
  /* 2026-09-24 3件とも −97.5（ナビ2列化）。旧 913 / 1002 / 1112 */
  .footer__col--1 { left: 21.5px; top: 815.5px; }   /* 下端 878.5（2026-09-10 見出しぶん +32） */
  .footer__col--2 { left: 21.5px; top: 904.5px; }   /* 下端 984.5（同 +32） */
  .footer__col--3 { left: 21.5px; top: 1014.5px; }  /* 下端 1069.5（同 +32） */
  /* 旧SPカンプ用の強制改行（平湯の社名直後）は新カンプの折返し位置と違うので殺す */
  .footer__col--2 .u-sp-br { display: none; }

  /* nowrap のままだと右へはみ出す。名前だけ行送り19px（カンプ実測の2行目差分） */
  /* 2026-09-16 横山さんメモ「SP：フッターの文字に圧迫感」→ 住所の上 5→7px／TELの上 9→11px（各ブロック+4px）。
     col--2 998→1002・col--3 1104→1112・プライバシー1205→1217・コピー1252→1264・フッター高1332→1344 */
  /* 2026-09-01「全体的に微妙に幅を広げていくと見やすくなる」＝行間・要素間を一段ゆるめる
     （社名の行送り 19→21px／住所の上 1→5px／TELの上 6→9px。文字サイズは14pxのまま） */
  .footer__col-name { line-height: 21px; white-space: normal; }
  .footer__col-addr { margin-top: 7px; white-space: normal; }
  .footer__col-tel { margin-top: 11px; white-space: normal; }

  /* タップ領域の確保: 文字は11.5pxなので、そのままだと当たり判定が高さ11.5pxしかない。
     上下17pxのパディングで 45.5px（44px以上）にし、top を同じだけ戻して
     **文字のインク位置は1190pxのまま**にする。下端1218.5px ＜ コピーライト1220px で衝突なし */
  .footer__privacy {
    left: 20.5px;
    top: 1119.5px;    /* 2026-09-24 −97.5（ナビ2列化）。旧1217（2026-09-16 +12（住所・電話の行間） 1222 − 17（パディングぶん・2026-09-10 +32）） */
    padding: 17px 0;
  }
  /* パディングを足したぶん、ホバー下線を文字の直下へ戻す（-2 + 17） */
  .footer__privacy::after { bottom: 15px; }

  .footer__copy {
    left: 20.5px;
    top: 1166.5px;   /* 2026-09-24 −97.5（ナビ2列化）。旧1264＝プライバシーポリシー下端から18.5px下（2026-09-10 +32） */
  }
}

/* フッターの縦組みロゴ（.footer__logo）・横組みロゴ（.footer__brand）はどちらもリンク。
   img から a へ移したので、中の img を親いっぱいに広げて見た目を1pxも変えない
   （座標・寸法の正は上の .footer__logo / .footer__brand が持つ）。
   リンク先の変遷:
     2026-08-29 「クリックでページ先頭へ」＝ href="#top"（同一ページ内スクロール）
     2026-08-31 市岡さん指示「スクロールで上に行くのではなく、トップのFVにリンクする」
                → href="index.html"（WPテーマは esc_url($root)）＝トップページへ遷移。
                aria-label も「ページの先頭へ戻る」→「トップページへ」に変更済み */
.footer__logo img,
.footer__brand img { display: block; width: 100%; height: 100%; }

/* ==========================================================
   【2026-09-22 HEROU定例】フッターを河野さんの指摘スライドどおりに（PCのみ）
   原文「左下にロゴっぽいのがあるので真ん中のロゴはなくてもいい」
       「コピーは中央に配置してあげるのがいい」
       「各ページリンクの場所も右下あたりに逃げると、コピーが綺麗にハマる」
   定例: 真ん中のロゴを取る／キャッチを真ん中へ／メニューを観光協会の上（右下）へ
   - 中央ロゴ（.footer__logo）は非表示。左下の .footer__brand は残す
   - キャッチ（縦書き3列＝列ピッチ64px×3＝192px）をキャンバス1365pxの中央へ: (1365-192)/2
   - メニューは観光協会の列（left 1001.5px）の真上。下端を左下ロックアップの下端(731px)に揃える
     （6項目×行ピッチ32.6px＝195.6px → top 535.4px）
   SPは縦積みで「右下」が成り立たないため従来どおり
   ========================================================== */
@media (min-width: 768px) {
  .footer__logo { display: none; }
  .footer__catch { right: auto; left: 586.5px; }
  /* 2026-09-24 ナビ2列化（下の共通ブロック）: 3行×32.6px＝97.8px。下端731pxは据え置き → top 633.2px。
     1列目の幅は観光協会の列（1001.5〜約1319px）の半分＝158px → 2列目の左端 1159.5px */
  .footer__nav { left: 1001.5px; top: 633.2px; grid-template-columns: 158px max-content; }
}

/* ==========================================================
   【2026-09-24 市岡さん指示】フッターのメニューは「お知らせ」で折り返して2列に（PC/SP共通）
   1列目＝冬物語とは／冬の催し灯り／冬の過ごし方、2列目＝お知らせ／アクセス／お問い合わせ。
   縦に3件ずつ流す（grid-auto-flow: column）。列幅は PC／SP それぞれの .footer__nav で指定。
   英語ページ（6項目）も同じ3件×2列になる
   ========================================================== */
.footer__nav {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
}

/* ==========================================================
   【2026-10-01 横山さん指示（冬物語ルーム）】
   ① 「フッターのコピーライト©️を中央に配置お願いします」（PC・SP共通）
      左下端 → キャンバスの中央。縦位置（PC 852.5px / SP 1166.5px・英語ページは en.css）は据え置き。
      末尾の letter-spacing(0.075em) ぶん墨が左へ寄るので text-indent で中心を戻す。
      プライバシーポリシー（左下・コピーの上）は指示外なので動かさない
   ② SP「フッターもPCに合わせてください」
      PCは 2026-09-22 定例で中央ロゴを外し、縦書きキャッチ3列をキャンバス中央に置いている。SPも同じ形にする:
      - 中央ロゴ（.footer__logo）を非表示（左下の .footer__brand は残す＝PCと同じ）
      - キャッチを PC と同じ3列（はじめて／出会う冬が、／物語になる。）に戻してキャンバス中央へ。
        ロゴが抜けた分の主役として 24→26px（行送り比は従来の 35.5/24 ≒ 1.48 を維持＝38.5px）
      - 縦位置: 上端 279.3px は据え置き（ロゴ撤去前のキャッチ上端と同じ）。
        3列で列長が 260→約170px に縮むので、ナビ（566px）までの空きは約117px
      ナビ・ロックアップ・案内所・プライバシー・コピーの縦位置は1pxも動かさない（en.css の上書き値もそのまま有効）
   ========================================================== */
.footer__copy {
  left: 0;
  width: var(--canvas);
  text-align: center;
  text-indent: 0.075em;
}
@media (max-width: 767px) {
  .footer__logo { display: none; }
  .footer__catch br:nth-of-type(1) { display: inline; }
  /* 3列 × 38.5px = 115.5px → 左端 (393 − 115.5) / 2 */
  .footer__catch {
    left: 138.75px;
    right: auto;
    font-size: 26px;
    line-height: 38.5px;
  }
}

/* ==========================================================
   【2026-10-06 字間そろえ（字種別の詰めを廃止）】市岡さん指摘「文字が空いている所と詰まっている所の差が気になる」
   1) 縦書きキャッチ（PC）: 列ごと（nth-of-type）・列内（k1〜k4）の個別送りをやめ、全字同じ送り 0.03em（現状の平均・実寸 1.031em。SPは元から一律 0.083em）
   ※ 値の導出（2026-10-06 レビューで補正）: PC はキャンバス 1365px を幅 1440px へ等比拡大して表示しているため、
      ビューポート px で測った送りは 1.0549 倍に見える。平均送りは実寸（÷1.0549）で取り直した
   2) ナビ4項目（.footer__kern / .footer__kern-a）・見出し「観光案内所へのお問い合わせ」・案内所名のカタカナ（.footer__kana）の個別詰めをやめる
      （日本語ページ。英語ページは en.css が別に 0.01em を当てている）。HTML の span はそのまま。戻す時はこのブロックを消すだけ
   ========================================================== */
@media (min-width: 768px) {
  footer.footer .footer__catch { letter-spacing: 0.03em; }
}
footer.footer .footer__catch > span,
footer.footer .footer__catch > span > span { letter-spacing: inherit; }
html[lang="ja"] .footer__nav a .footer__kern,
html[lang="ja"] .footer__nav a .footer__kern-a,
html[lang="ja"] .footer__info-head .footer__kern,
html[lang="ja"] .footer__info-head .footer__kern-a,
html[lang="ja"] .footer__col .footer__col-name .footer__kana { letter-spacing: inherit; }

/* ==========================================================
   【2026-10-08 HEROU定例 10/7（横山さん）】フッター「治ってなかった」の5点（④〜⑦はSP・⑧は共通）［文字起こし 09:07:57〜09:09:53］
   ④「この文字（キャッチ）がグラデでかからないように…PCは少ないけど、これはグラデが長すぎる。割と少なくして」
     SP背景（img/sp/footer_bg.webp を 393×1344 に伸ばしている）は上端の白いもやが 185px まで真っ白・そこから 450px まで
     270px かけて抜ける（伸ばしたぶん PC より長い）。→ 背景を 97px 上へずらし（下端 1344−97=1247 ≧ フッター高 1246.5＝切れない。
     英語は 1461−97=1364 ≧ 1363.5）、上端は CSS の白で覆う。白のままにする範囲＝上のセクションと重なる範囲（TOP 125px・
     下層/お知らせ 122.5px）＋約50px（8/31 の「バナーの下からグラデが見え始めるまで約50px」を維持）＝175px、240px で抜く。
     もやの終わり 約450px → 約355px
   ⑤「これもうちょっと下げてもいい」→ キャッチを 45px 下げる（279.3 → 324.3px。上端の背景の白さ 0.56 → 約0.09）
   ⑥「ボタン（メニュー）が左寄り…幅も適正に揃えて、『出会う冬が』に対して中央で揃える」
     → 2列を同じ幅 90px（最長の「冬の催し灯り」「お問い合わせ」の文字幅）・列の間 60px にし、まとまりの中心を
       「出会う冬が」の列の中心＝キャンバス中央 196.5px に置く（left = 196.5 − 120）。各項目は列の左揃え・下線は文字幅のまま
   ⑦「PCだと（ロゴの横に）観光案内所のお問い合わせ…が線より下に来ちゃってる。ここの下に戻して、線で区切って」
     → 小見出しをロゴの下・白罫の上へ（中央揃え）、白罫を小見出しの下へ。案内所3件以下の位置は1pxも動かさない
       （ロゴ下端 752.3 → 見出し 764.5〜779.5 → 罫 795.5 → 案内所 815.5）
   ⑧「プラポリが異常に（目立つ）から、本当に目立たないように」→ 11.5px・不透明度0.82 → 10.5px・0.6、字間 0.05 → 0.02em
   戻す時はこのブロックを消すだけ
   ========================================================== */
@media (max-width: 767px) {
  .footer { background-position: 0 -97px; }
  .footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 240px;
    background: linear-gradient(to bottom, #fff 0, #fff 175px, rgba(255, 255, 255, 0) 240px);
    pointer-events: none;
  }
  .footer__catch { top: 324.3px; }
  .footer__nav {
    left: 76.5px;
    grid-template-columns: 90px 90px;
    column-gap: 60px;
  }
  .footer__info-head {
    left: 0;
    top: 764.5px;
    width: var(--canvas);
    text-align: center;
  }
  .footer::after { top: 795.5px; }
}
.footer__privacy {
  font-size: 10.5px;
  letter-spacing: 0.02em;
  opacity: 0.6;
}

/* ==========================================================
   【2026-10-09 HEROU定例 10/9】SPフッター「奥飛騨冬物語」ロゴと「観光案内所へのお問い合わせ」を中央寄せ → 左寄せ
   （横山さん［会議 18:47:13〜18:47:28］「冬物語と観光案内所のお問い合わせって中心になってるけど…左寄す」・市岡さん選択 A案）
   揃え先 = メニュー左列の左端（10/8 ⑥の .footer__nav left 76.5px・393設計値）。値は「墨（描画）の左端」で合わせた:
   - 箱で合わせると（ロゴ画像 footer_brand.png 1016×180 の左の透明 11px＝表示 2.45px を引いた 74.05px／見出し 76.5px）、
     墨の左端はロゴ +0.13〜+0.91px・見出し +0.12〜+0.54px メニューより右に出た（2026-10-09 実測 360/390/430・dpr6・日英。
     英語ページはメニュー先頭の欧文の左の余白が和文より小さいぶん差が大きい）
   - ロゴは画像なので left の小数が整数px（393設計の座標）に丸められる（実測: left 74.05 と 73.6 で墨の位置が同じ＝どちらも 74）。
     → left は 74px、端数は丸められない transform で寄せる: 和文 −0.33px／英語ページ −0.7px（メニュー先頭が欧文「About」で、
       墨が和文「冬」より約0.4px左にあるため）
   - 見出し 76.4px（−0.1）。10/8 ⑦の全幅＋中央揃えをやめ、幅は文字なり・左揃え
   - 結果（2026-10-09 実測・墨の左端 − メニュー墨の左端）: dpr6 ロゴ −0.18〜+0.18・見出し 0〜+0.36／dpr3 ロゴ −0.34〜+0.36・見出し 0〜+0.36
     （360/390/430 × index・en・about・events。dpr3 は1画素＝約0.34px の量子化を含む）
   縦位置・白罫・案内所3件・PC は1pxも動かさない。英語ページ（Tourist information）も同じ規則（en.css に SP の上書きなし）。
   戻す時はこのブロックを消す
   ========================================================== */
@media (max-width: 767px) {
  .footer__brand { left: 74px; }
  .footer__brand img { transform: translateX(-0.33px); }
  html[lang="en"] .footer__brand img { transform: translateX(-0.7px); }
  .footer__info-head {
    left: 76.4px;
    width: auto;
    text-align: left;
  }
}

/* ==========================================================
   【2026-10-12 HEROU定例 10/12】SPフッター「奥飛騨冬物語」ロゴと「観光案内所へのお問い合わせ」の揃え先を
   メニュー左列 → 白罫の左端（.footer::after left 21.5px・案内所3件と同じ）に変更。
   （横山さん［11:12:39］「左揃えにしてほしかったわけじゃなくて、ロゴもこれも…線の方の一番左」）
   - ロゴ画像 footer_brand.png（1016×180）は左に透明 11px＝表示幅226pxで 2.45px。墨の左端を 21.5px に置くため left 19px
     （画像の left は 393設計の整数pxに丸められる＝19.05 は 19 になる。上の【2026-10-09】の translateX 補正は外す）
   - 見出しは案内所3件（.footer__col left 21.5px）と同じ left
   縦位置・白罫・案内所3件・ナビ・PC は動かさない。ロゴと文字の大きさ（ヘッダーとの差）は藤橋さんの確認待ちで未変更。
   戻す時はこのブロックを消す（10/9 のメニュー左列揃えに戻る）
   ========================================================== */
@media (max-width: 767px) {
  .footer__brand { left: 19px; }
  .footer__brand img,
  html[lang="en"] .footer__brand img { transform: none; }
  .footer__info-head { left: 21.5px; }
}

/* ==========================================================
   【2026-10-14 河野さん修正リスト（10/13 横山さん転載）・共通】
   「フッタープライバシーポリシーはメニュー一覧へ表示」「フッターメニューにTOP（右上のメニューにも）を追加」
   日本語ページのフッターナビ 6→8項目（TOP／冬物語とは／冬の催し灯り／冬の過ごし方 ｜ お知らせ／アクセス／お問い合わせ／プライバシーポリシー）。
   3行×2列 → 4行×2列（縦に4件ずつ流す）。左下の小さなプライバシーポリシー（9/1〜）は HTML から外した（.footer__privacy の CSS は英語ページ用に残置）。
   英語ページ（6項目＋左下の Privacy Policy）は対象外＝従来どおり（html[lang="ja"] に限定）
   - PC: 下端 731px（左下ロックアップの下端）は据え置き。4行×32.6px＝130.4px → top 600.6px。
         1列目の幅 158 → 155.5px（2列目の「プライバシーポリシー」の右端を白罫の右端 1317px に揃える）
   - SP: 1行増えた 32.5px ぶん、ナビより下（ロックアップ・小見出し・白罫・案内所3件）を一律 +32.5px。
         コピーライトとフッターの高さは据え置き（左下のプライバシーの行が抜けたぶんで吸収: 案内所の下端 1114px → コピー 1166.5px＝間 52.5px。実測 2026-10-13）。
         2列＝左 90px（冬の催し灯り）・右は文字なり（プライバシーポリシー 150px）・列の間 60px のまとまりをキャンバス中央 196.5px に置く
         （10/8 ⑥の「中央で揃える」を維持）→ left = 196.5 − (90 + 60 + 150) / 2 = 46.5px
   戻す時はこのブロックを消し、HTML（各ページ・footer.php）のナビ2項目を外して .footer__privacy を戻す
   ========================================================== */
html[lang="ja"] .footer__nav { grid-template-rows: repeat(4, auto); }
@media (min-width: 768px) {
  html[lang="ja"] .footer__nav { top: 600.6px; grid-template-columns: 155.5px max-content; }
}
@media (max-width: 767px) {
  html[lang="ja"] .footer__nav {
    left: 46.5px;
    grid-template-columns: 90px max-content;
    column-gap: 60px;
  }
  html[lang="ja"] .footer__brand { top: 744.8px; }
  html[lang="ja"] .footer__info-head { top: 797px; }
  html[lang="ja"] .footer::after { top: 828px; }
  html[lang="ja"] .footer__col--1 { top: 848px; }
  html[lang="ja"] .footer__col--2 { top: 937px; }
  html[lang="ja"] .footer__col--3 { top: 1047px; }
}

/* ==========================================================
   【2026-10-14 河野さん修正リスト・スマホ「フッター下に白い空白スペースが出てくる」】（推定原因への対策・実機未確認）
   本番の Playwright 実測ではページの下端＝フッターの下端（8ページ＋お知らせ × 390/375 × Chromium/WebKit × 読込直後・フォント後着・
   画面高の変化・お知らせの遅延 で差 1px 未満）＝レイアウトの白い隙間は出ない。残る原因は「一番下でさらに引っ張った時（iPhone の
   Safari 等のバウンド）に見えるページの外側＝ルートの背景色（未指定＝白）」。
   フッターが画面に入っている間だけ main.js §8 が html に .is-footer-in を付け、ルートの背景をフッター写真の下端の色
   （#091b3e・PC/SP の写真の最下行の中央値）にする。body は白を明示＝ふだんの見た目は変わらない。
   isolation は html に地色を付けた時に負の z-index の装飾が body の白に隠れないための保険（現状 負の z-index は無い）。
   戻す時はこのブロックを消す（main.js §8 は class を付けるだけなので残っても無害）
   ========================================================== */
body { background-color: #fff; isolation: isolate; }
html.is-footer-in { background-color: #091b3e; }

/* ==========================================================
   【2026-10-14 HEROU定例・共通「フッターメニュー」PC】
   打ち合わせ 10:22「4段で組む」「若干もう少し PC でも左に」→ 4行×2列（上の footer ブロック）のまとまりを 40px 左へ
   （左端 1001.5 → 961.5px。2列目「プライバシーポリシー」の右端が白罫の右端から 40px 内側に入る）。SP は対象外。
   ずらす量は打ち合わせで数値の指定なし＝見て決める値。戻す時はこのブロックを消す
   ========================================================== */
@media (min-width: 768px) {
  html[lang="ja"] .footer__nav { left: 961.5px; }
}

/* ==========================================================
   【2026-10-14 HEROU定例・スマホ「フッター下に白い空白」（Android は機種によって画面の半分が白い）】
   SP のフッターは背景写真（img/sp/footer_bg.webp・CSS background・読み込みの優先度が低く最後に届く）に下地色が無く、
   写真が届く／描画されるまで フッター全体（約1,300px）が白・文字も白で消えていた（回線を絞った実測: 遅い4G で 9〜20秒、速い4G で 2〜3.6秒）。
   写真の見える範囲の中央値 #132f59 を下地に敷く。写真が来れば下地は隠れる（背景 1344−97=1247px ≧ フッター高 1246.5px）。
   上端の白もや（::before）は下地の上に載るので白のまま。PC は写真の上端が白もやのため対象外。戻す時はこのブロックを消す
   ========================================================== */
@media (max-width: 767px) {
  .footer { background-color: #132f59; }
}

/* ==========================================================
   【2026-10-16b HEROU定例 10/16（横山さん）・市岡さん選択】フッターの「観光案内所へのお問い合わせ」→「主催」
   ［文字起こし 09:09:31〜09:09:41］案内所3件はお問い合わせページの「お電話でのお問い合わせ」タブへ移した。
   日本語ページ（各 HTML・footer.php）は 小見出し「主催」＋ 1列目に 一般社団法人 奥飛騨温泉郷観光協会 の1件だけ。
   - PC: 位置はそのまま（小見出しはロックアップの右・協会は1列目の位置）。2・3列目は HTML から外した
   - SP: 協会（1列目 top 848・高さ66.5）の下端 914.5 から、コピーライトまでの間は従来の 52.5px のまま → コピー 1166.5 → 967px、
         フッターの高さを同じだけ（199.5px）縮めて 1246.5 → 1047px（下の余白 67.5px は従来どおり）。背景写真の位置は変えない（下が切れるだけ）
   英語ページ（html[lang="en"]）は案内所3件のまま＝ここは html[lang="ja"] に限定。戻す時はこのブロックと HTML・footer.php を控えに戻す
   ========================================================== */
@media (max-width: 767px) {
  html[lang="ja"] .footer { height: 1047px; }
  html[lang="ja"] .footer__copy { top: 967px; }
}

/* ==========================================================
   【2026-10-16c 市岡さん（10/16 夜・SP のスクリーンショット）】「ロゴと主催中央寄せで！主催の下に線あるのおかしくない？」
   選択: 中央寄せはロゴ・主催・協会の3行とも（SP）／主催の下の白罫はスマホも PC も消す。日本語ページだけ（英語ページは案内所3件＋罫のまま）
   - 白罫（.footer::after）を外す。縦位置はどれも動かさない
   - SP ロゴ（footer_brand.png 1016×180・表示 226px）は墨の幅 220.66px（左の透明 2.22px・右 3.11px）を 393 設計の中央へ
     → 墨の左端 86.17px − 2.22 = 83.95 → left 84px（画像の left は整数 px に丸められる）
   - SP 小見出し「主催」と協会（名前・住所・TEL/FAX）は全幅の中央揃え
   戻す時はこのブロックを消す（10/16b の左揃え＋罫に戻る）
   ========================================================== */
html[lang="ja"] .footer::after { display: none; }
@media (max-width: 767px) {
  html[lang="ja"] .footer__brand { left: 84px; }
  html[lang="ja"] .footer__info-head { left: 0; width: var(--canvas); text-align: center; }
  html[lang="ja"] .footer__col--1 { left: 0; width: var(--canvas); text-align: center; }
}

/* ==========================================================
   【2026-10-16e 市岡さん（10/17）「主催の位置がロゴによってるね？…観光協会の文言に寄せないとね」】日本語ページだけ
   実測（本番・設計px）: SP はロゴの下端→「主催」9.2・「主催」→協会 33.0＝ロゴ寄りに見えていた。PC は「主催」がロゴの右の同じ行。
   - SP: 「主催」を 797 → 821px へ下げ、ロゴ→主催 約33／主催→協会 約9 に入れ替え（ロゴ・協会・コピー・フッターの高さは不変）
   - PC: 協会の下からコピーまで 28px しかなく縦に積む余裕がないので、「主催」を協会の名前の左に同じ行で並べる
         （主催 left 57・協会の3行は 57 → 105px＝「主催」の幅 32 ＋間 16）。「主催」の行は協会の名前と中心をそろえる（top 764.5px）
   英語ページ（Tourist information＋案内所3件）は対象外。戻す時はこのブロックを消す（10/16c に戻る）
   ========================================================== */
@media (min-width: 768px) {
  html[lang="ja"] .footer__info-head { left: 57px; top: 764.5px; }
  html[lang="ja"] .footer__col--1 { left: 105px; }
}
@media (max-width: 767px) {
  html[lang="ja"] .footer__info-head { top: 821px; }
}

/* ==========================================================
   【2026-10-20 HEROU定例 10/19（横山さん）】フッターの「主催」欄・SP のロゴ・背景写真の「もや」
   ［文字起こし 09:19:36〜09:23:07「フッターの一番下…変なもやかかってる」「郵便番号からファックスまでいらない」「住所も全部」
     「この主催もこのコピーライトの上に置くぐらいがいい」「中央寄せで」「携帯のものも」「主催スペースで観光協会」
     「奥飛騨冬物語も下に下げちゃった方がいい」「間空きすぎてるからちょっと適度に詰めて」「河野さんがそうっていうならもう」］
   日本語ページだけ（英語ページは案内所3件のまま）。住所・TEL/FAX は HTML（各ページ・footer.php）に残し、ここで隠す
   - PC: 「主催」32＋間16＋協会名227.9＝275.9 をキャンバス中央 682.5 へ → 主催 left 544.5・協会 left 592.5（実測・設計px）。
         協会名の下端がコピーライト（top 852.5）の 16.5px 上 → 協会 top 822・「主催」は 10/16e と同じく 1px 上の 821
   - SP: ナビの下端 696 → ロゴ 744.8 → 776（31.2px 下げる）・下端 816 → 主催の行（「主催」15px＋間12＋協会名14px を1行・
         中心をそろえる: 協会 top 836／主催 top 839）→ 18px 空けてコピーライト 871 → 下の余白 67.5px は従来どおり → フッターの高さ 1047 → 951
         1行の幅 30＋12＋227.9＝269.9 をキャンバス中央 196.5 へ → 主催 left 61.5・協会 left 103.5
   - 背景写真の「もや」= 8月に焼き込み文字を消した時の半透明の四角（4か所）。元写真（FLAG 支給 hira_MG_0698.jpg）を位置合わせして、
     その4か所だけ周りの色・明暗に合わせて作り直した img/footer_bg_1020.webp（四角の外の画素は不変）。SP はその右端を 1.162 倍に写した
     img/sp/footer_bg_1020.webp（8月の SP 画像と同じ写し方）。PC の写真は各ページの <img> の src で替えている
   戻す時はこのブロックを消し、HTML・footer.php の src を img/footer_bg.webp?v=20260809d に戻す
   ========================================================== */
html[lang="ja"] .footer__col--1 .footer__col-addr,
html[lang="ja"] .footer__col--1 .footer__col-tel { display: none; }
@media (min-width: 768px) {
  html[lang="ja"] .footer__info-head { left: 544.5px; top: 821px; }
  html[lang="ja"] .footer__col--1 { left: 592.5px; top: 822px; }
}
@media (max-width: 767px) {
  .footer { background-image: url(../../img/sp/footer_bg_1020.webp); }
  html[lang="ja"] .footer { height: 951px; }
  html[lang="ja"] .footer__brand { top: 776px; }
  html[lang="ja"] .footer__info-head { left: 61.5px; width: auto; text-align: left; top: 839px; white-space: nowrap; }
  html[lang="ja"] .footer__col--1 { left: 103.5px; width: auto; text-align: left; top: 836px; }
  html[lang="ja"] .footer__col--1 .footer__col-name { white-space: nowrap; }
  html[lang="ja"] .footer__copy { top: 871px; }
}