@charset "UTF-8";
/* ---- TOP: アクティビティ(logos)セクションを stay.html へ集約したぶんの間（2026-09-10 定例）----
   撤去した .logos が内蔵していた下白（PC67px / SP50px）をここで肩代わりする。
   TOP以外は .l-main + .cta（lower.css）や stay.html の .logos が間を持つので影響なし */
.access + .cta { margin-top: 67px; }
@media (max-width: 767px) {
  .access + .cta { margin-top: 50px; }
}

/* ==========================================================
   奥飛騨冬物語 TOP — cta.css（PC版のみ / 2026-08-05カンプ改版）
   セクション: y11361-11761（h400・1x）
   構成: 白背景の中に x130-1244 の写真パネル（約1114×400）を1枚インセット。
         パネル上に白文字センター組（EN見出し／和文サブ／リード2行）＋
         アウトライン白ボタン＋右下に白の温泉郷ロゴ。
   実測値はすべて 2xマスター top_server.jpg（y22722-23522）から採寸。
   検証キャプチャは 400px セクションのため --height 400 を付ける
   （既定ビューポート900だと height_gap が 500 と出るだけで実体は400）。
   ========================================================== */

.cta {
  position: relative;
  width: 1365px;
  height: 400px;
  overflow: hidden;
  background: var(--color-white);
}

/* ---- 写真パネル（インセット） ----
   カンプ実測の面: x129.94-1244.18（w1114.24）／ y0-399.76。
   ブラウザは要素矩形を整数pxへスナップするため小数指定は効かない。
   そこで箱は x129 / w1116 / h400（整数）に置き、カンプの端の被覆率
   （左5.7%・右16.7%・下76.4%）を画像側の端1px（2xでは2px）へ焼き込んである。
   写真は提供原本【秋-C】DSC_9864-Edit.jpg（7174×4783）から
   カンプのトリミング窓（x11.5, y1365.75, w7135.9, h2562.1）を最小二乗で同定して
   切り出し、カンプのトーン（gain 0.745/0.762/0.775）をベイクした 2232×800 JPEG。 */
.cta__photo {
  position: absolute;
  left: 129px;
  top: 0;
  width: 1116px;
  height: 400px;
  overflow: hidden;
}
.cta__photo-img {
  width: 1116px;
  height: 400px;
  object-fit: cover;
}

/* ---- コピー面（写真パネルと同じ矩形。中身はセンター組） ---- */
.cta__panel {
  position: absolute;
  left: 130px;
  top: 0;
  width: 1114px;
  height: 400px;
  pointer-events: none; /* 写真面のクリックを素通し。ボタンだけ受け直す */
}

/* EN見出し「Deep In Timeless Japan.」
   実測: インク x463.5-909.0（w445.5）／ y88.5-136.0（キャップ天90.5・h47.5） */
.cta__en {
  position: absolute;
  left: 0;
  top: 80.5px;
  width: 1114px;
  text-align: center;
  font-family: var(--font-en);
  font-weight: 400;
  font-size: 49px;
  line-height: 1;
  color: var(--color-white);
  letter-spacing: -0.004em;
  white-space: nowrap;
}

/* 和文サブ「時を忘れ、日本の深みへ。」
   実測: インク x583.5-789.0（w205.5）／ y142.0-157.0
   カンプは約物半角＋かなツメ（Illustrator組版）。GF版Zen Old Minchoは
   palt/halt非搭載のため、行幅一致になるトラッキングで近似する。 */
.cta__sub {
  position: absolute;
  left: 5px; /* 行末「。」がWeb側だけ全角送りになる分の中心ズレ補正（実測+5px） */
  top: 140px;
  width: 1114px;
  text-align: center;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--color-white);
  letter-spacing: 0.139em;
  white-space: nowrap;
}

/* 2026-09-02 文字組み修正（TOPのCTAのみ）
   カンプは Illustrator の約物半角＋かなツメ。実装は全角一律 18.22px 送りで
   「行インク幅だけ」合わせていたため、「、」以降の字位置が最大 5.5px ずれていた
   （実測 comp-live: 「日」5.5px ／ カンプの「、」送りは約9.7px＝ほぼ半角）。
   対策: base をカンプの漢字送り 19.20px（16px+0.20em）へ広げ、「、」だけ span
   （.cta__yaku）で 9.6px 送りへ引き戻す。left は広げた分の中心再補正（-0.25px）。
   検証（1x・カンプ top_server.jpg 2x y22722-23522 と実装2xスクショの列投影）:
   字位置差 最大1.5px（修正前5.5px）／行インク幅 206.0（カンプ205.5）／
   「、」送り 12.0（カンプ12.5）。
   ※ .cta__sub は about/access/events/stay/privacy/contact の複製CTAにも当たるので、
     字送りを変える指定は必ず --tsume 付き（index.html のTOPだけが持つ）に閉じること。 */
.cta__sub--tsume {
  left: 4.75px;
  letter-spacing: 0.2em;
}

/* リード2行
   実測: 1行目 x537.5-834.5（w297.0）y198.5-213.5 ／
         2行目 x466.5-907.0（w440.5）y229.0-244.0 ／行送り30.5px */
.cta__lead {
  position: absolute;
  left: 5px; /* 行末「、」「。」の全角送り分の中心ズレ補正（実測+5px） */
  top: 189.25px;
  width: 1114px;
  text-align: center;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 16px;
  line-height: 30.5px;
  color: var(--color-white);
  letter-spacing: 0.084em;
  white-space: nowrap;
}

/* 2026-09-02 文字組み修正（TOPのCTAのみ）
   実装は全 17.34px 一律送りで行インク幅だけ合わせていたため、行内の字位置が
   2行目「イ」で 18.5px、1行目「温」で 6.5px ずれていた（カンプは約物半角＋かなツメ）。
   base を 16px+0.162em＝18.59px（カンプの漢字送り）へ広げ、狭い字だけ span の
   負 margin で引き戻す。実装後の送り（1x）: 漢字/かな 18.59 ／「、」11.39 ／
   イ 10.59 ／ ト・な 14.43 ／ く 12.51 ／ を・覧・さ 15.07px。
   left は広げた分の中心再補正（実測 -2.0px）。
   検証（1x）: 字位置差 1行目 最大2.5px（前6.5）・2行目 最大2.5px（前18.5）／
   行インク幅 1行目 295.0（カンプ297.0）・2行目 440.5（カンプ440.5）／
   「、」送り 11.0-11.5（カンプ10.5-11.0）。 */
.cta__lead--tsume {
  left: 3px;
  letter-spacing: 0.162em;
}

/* ---- 約物半角・かなツメ用 span（index.html の TOP CTA だけが持つ） ----
   値は「base の字送りとの差」。margin-right は親の letter-spacing に加算されるので
   PC・SP で同じ em 値が使える（実測: PC 16px系 と SP 9px系 で差 0.05em 以内）。
   letter-spacing で書くと親の値を「置換」してしまい PC/SP 別値が必要になるので使わない
   （access.css の .access__yaku のコメント参照）。 */
.cta__yaku { margin-right: -0.45em; }      /* 「、」「。」= 半角送り（PC 11.4px / SP 6.6px） */
.cta__sub--tsume .cta__yaku { margin-right: -0.6em; }  /* サブは base が広い分だけ深く詰める（9.6px送り） */
.cta__tsume--xl { margin-right: -0.5em; }  /* イ（カンプ送り PC 10.4px / SP 6.0px） */
.cta__tsume--l  { margin-right: -0.38em; } /* く（PC 12.3px / SP 7.3px） */
.cta__tsume--m  { margin-right: -0.26em; } /* ト・な（PC 14.4px / SP 8.2px） */
.cta__tsume--s  { margin-right: -0.22em; } /* を・覧・さ（PC 15.3-15.7px / SP 8.4px） */

/* ボタン（.u-btn 290×60をそのまま使用・実測 x542-832 / y276-336） */
.cta__btn {
  position: absolute;
  left: 412px;
  top: 276px;
  pointer-events: auto;
  font-size: 19px;
  letter-spacing: 0.079em;
  text-indent: 0;
  /* カンプの文字はピル中心よりわずかに上・左（実測 インク y296-313 / x605-761）。
     paddingでflexセンターの基準をずらす（枠60pxと::after基準=paddingボックスは不変） */
  padding-bottom: 7px;
  padding-right: 5px;
}

/* 2026-09-02 文字組み修正（TOPのCTAのみ）
   カンプのラベル送りは 公23.5 式23.0 サ23.5 イ13.0 ト19.0 を22.5 見20.5px。
   実装は 20.52px 一律で「イ」が 8.5px 左へずれていた。base を 19px+0.154em＝21.93px へ
   広げ、「イ」だけ span（.cta__tsume--xl）で 12.43px 送りに詰める。padding は広げた分の
   ラベル中心の再補正（flexセンターの基準＝コンテンツボックス。padding ボックス＝
   ::after の基準は不変。ピル罫 x542-832/y276-336 も実測で不変）。
   検証（1x）: 字位置差 最大2.5px（前8.5）／ラベルのインク幅 158.0（カンプ158.0）。 */
.cta__btn--tsume {
  letter-spacing: 0.154em;
  padding-right: 0;
  padding-left: 1.4px;
}
/* 矢印: 2026-09-09に base.css の正本SVG（--arrow）へ統一。
   ここは以前から独自SVGだったが、base.css の ::before（軸1px線）を消していなかったため
   SVG内の軸と二重に描かれ、拡大すると軸が二本・矢頭が浮いて見えていた。
   色も %23fff 直書きだったのを currentColor 追従に戻す */
.cta__btn::before { content: none; }
.cta__btn::after {
  right: 24.5px;
  top: 50%;
  width: 14px;
  height: 11px;
  border: 0;
  border-radius: 0;
  transform: translateY(-50%);
  background: currentColor;
  -webkit-mask: var(--arrow) no-repeat center / 100% 100%;
  mask: var(--arrow) no-repeat center / 100% 100%;
}

/* 右下の温泉郷ロゴ（白）実測: x1063.0-1208.5（w145.5）／ y327.0-369.5（h42.5） */
.cta__logo {
  position: absolute;
  left: 933px;
  top: 327px;
  width: 146px;
  height: 43px;
}

/* ==========================================================
   SP（設計幅393px / 20260805 SPカンプ）
   セクション: 1x y8924–9164（h240）。写真パネル自体は 1xカンプ実測で
   x26.54–366.57（w340.03）／ y8923.80–9163.89（h240.09）＝セクション上端より
   0.2px上から始まる。PC版とは構図の違う写真の角丸インセット。文字は
   ロゴ→EN→和文サブ→リード2行→アウトラインボタンの縦センター組。
   ※sp.css は cta.css より後に読み込まれる＝共通 .u-btn(214×45) が
     .cta__btn(0,1,0) を上書きしてしまう。ボタン系は必ず `.cta .cta__btn`
     （0,2,0）以上の詳細度で書くこと。
   ========================================================== */
@media (max-width: 767px) {

  .cta {
    width: var(--canvas);
    height: 240px;
    /* 2026-08-31 TOPのフッター引き上げ（footer.css の `.cta + .footer{margin-top:-125px}`）で
       重なるフッター背景の白フェード帯を、この .cta が前面で隠すため。
       .cta は position:relative（13-19行）なので z-index が効く。
       下層・お知らせの .cta にも当たるが、重なる要素が無いため無害（実測で footerTop・docH とも差0） */
    z-index: 1;
  }

  /* 写真パネル（角丸8px・箱は整数 x26-367 / y0-240）
     写真はSP専用切り出し（PCの cta_photo.jpg とは構図が違う）。
     提供原本【秋-C】DSC_9864-Edit.jpg のトリミング窓
     (x455.3, y84.8, w6246.7) を最小二乗で同定し、カンプのトーン
     （gain 0.760/0.756/0.764）をベイクした 682×480 JPEG。
     箱は整数 x26-367（341px）に置く。カンプの写真面は実測 x26.54-366.57 /
     y-0.20-239.89 なので、その端の被覆率（左0.464・右0.571・下0.886）は
     画像側の端ピクセルへ白ブレンドとして焼き込み済み。
     さらにChromeの2:1縮小が2×2ボックス平均であることを実測したので、
     2×2ブロック平均がカンプの1x画素に一致するようDC補正を入れてある
     （高周波は原本のまま・補正の絶対平均1.7/255）。
     ※箱幅を341px以外にすると等倍2:1が崩れて写真差分が跳ねる（実測: 340.5px指定で
       Chromeが[27,367)へスナップ→写真部の>16が0.9%→2.7%） */
  .cta__photo {
    left: 26px;
    top: 0;
    width: 341px;
    height: 240px;
    border-radius: 8px;
  }
  .cta__photo-img {
    width: 341px;
    height: 240px;
  }

  .cta__panel {
    left: 26px;
    top: 0;
    width: 341px;
    height: 240px;
  }

  /* ロゴはSPでは上端センター（PCは右下）。実測 x155.5-238.0 / y22.0-46.5 */
  .cta__logo {
    left: 129px;
    top: 22px;
    width: 82.5px;
    height: 24.5px;
  }

  /* EN見出し 実測: インク x71.0-321.5（w250.5）/ y73.5-100.0（h26.5） */
  .cta__en {
    left: 0.5px;
    top: 70.7px;
    width: 341px;
    font-size: 26.5px;
    letter-spacing: 0.011em;
  }

  /* 和文サブ 実測: インク x138.0-254.0（w116.0）/ y103.0-111.5・字送り10.24px */
  .cta__sub {
    left: 1.7px;
    top: 102.6px;
    width: 341px;
    font-size: 9.2px;
    letter-spacing: 0.113em;
  }

  /* リード2行 実測: 1行目 x112.0-279.5 y135.0-143.5 ／
     2行目 x72.5-315.0 y152.5-161.0 ／行送り17.5px。
     カンプはIllustratorの約物半角（palt）で「、」「。」が半角送りだが、
     GF版Zen Old Minchoはpalt非搭載（font-feature-settings:"palt"は無効を実測確認）。
     そこで全角一律の字送りを最小二乗で合わせる＝実測ピッチ9.70px。 */
  .cta__lead {
    left: 4px;
    top: 131.3px;
    width: 341px;
    font-size: 9px;
    line-height: 17.5px;
    letter-spacing: 0.0778em;
  }

  /* ボタン（カンプ実測: 罫の中心線が x115.26-277.45 / y178.53-212.84。
     1px罫の border-box はその外側0.5pxずつ＝163.2×35.3）
     ラベルのインク中心はピル中心より2.36px左・0.69px上 → padding で寄せる。
     ※sp.css の共通 .u-btn が後勝ちするため `.cta .cta__btn` で書くこと */
  .cta .cta__btn {
    left: 88.3px;
    top: 178.5px;
    width: 163.7px;
    height: 35.3px;
    font-size: 9.6px;
    letter-spacing: 0.1875em;
    text-indent: 0;
    padding: 0 0 0.6px 0.7px;
  }
  .cta .cta__btn::before { content: none; }
  /* 矢印: 実測 x257.0-264.0（幅7.0）/ y193.0-198.5（高さ5.5・罫は1xで0.5px）。
     2026-09-10に base.css の正本SVG（--arrow）へ統一。カンプの 7.0 x 5.5 は
     正本の縦横比（11/14）と完全に一致し、線幅も 7px 表示で 0.5px＝カンプ実測どおりになる。
     旧は白の直書きSVGだったので currentColor 追従に戻す */
  .cta .cta__btn::after {
    right: 12.85px;
    top: 50%;
    width: 7px;
    height: 5.5px;
    border: 0;
    border-radius: 0;
    transform: translateY(-50%);
    background: currentColor;
    -webkit-mask: var(--arrow) no-repeat center / 100% 100%;
    mask: var(--arrow) no-repeat center / 100% 100%;
  }

  /* ---- 2026-09-02 文字組み修正（TOPのCTAのみ・必ずSPの素の指定より後に置く） ----
     SPカンプも同じ約物半角＋かなツメ。実装は 9.70px 一律送りで、2行目は「ト」で 9.0px、
     1行目は「温」で 5.0px ずれていた。base を 9px+0.1724em＝10.55px へ広げ、
     span の詰め量（em）はPC共用（実測でPC16px系とSP9px系の必要ツメ量は0.05em以内で一致）。
     実装後の送り（1x）: 漢字/かな 10.55 ／「、」6.50 ／ イ 6.05 ／ ト・な 8.21 ／
     く 7.13 ／ を・覧・さ 8.57px。
     検証（1x・カンプ top_sp_server.jpg 2x y17848-18328）: 字位置差 1行目 最大2.0px（前5.0）・
     2行目 最大2.0px（前9.0）／行インク幅 1行目 167.5（カンプ167.5）・2行目 250.0（カンプ248.5）／
     「、」送り 6.0-6.5（カンプ6.0-6.5）。 */
  .cta__lead--tsume {
    left: 1.76px;
    letter-spacing: 0.1724em;
  }
  /* SPの .cta__sub はカンプ一致（所見なし・最大ズレ2.5px）なので現状維持。
     PC用に足した span のツメだけ無効化する */
  .cta__sub--tsume {
    left: 1.7px;
    letter-spacing: 0.113em;
  }
  .cta__sub--tsume .cta__yaku { margin-right: 0; }
  /* ボタン: カンプ送りは漢字13.2px。実装11.41px一律 → 12.40px（9.6px+0.292em）へ広げ
     「イ」だけ 7.60px へ詰める。検証（1x）: 字位置差 最大1.5px（前3.0）／
     ラベルのインク幅 89.0（カンプ89.0・前86.5）。ピル罫 x114-278/y178-213 は不変 */
  .cta .cta__btn--tsume {
    letter-spacing: 0.292em;
    padding: 0 0 0.6px 2px;
  }
}

/* ==========================================================
   【2026-10-06 字間そろえ（字種別の詰めを廃止）】CTA（全ページ共通・日本語）:
   約物半角・かなツメの span（.cta__yaku / .cta__tsume--*）の詰めをやめ、各行とも全字同じ送りに。
   値は現状の平均送りを保つ: サブ PC 0.2em（基底のまま）／リード 実寸 PC 1.081em → 0.08em・SP 0.09em／ボタン 実寸 PC 1.089em → 0.09em・SP 0.22em。
   ※ 値の導出（2026-10-06 レビューで補正）: PC はキャンバス 1365px を幅 1440px へ等比拡大して表示しているため、
      ビューポート px で測った送りは 1.0549 倍に見える。平均送りは実寸（÷1.0549）で取り直した
   パネル・ピルの寸法と位置は不変。戻す時はこのブロックを消すだけ
   ========================================================== */
/* 【約物（市岡さん選択 B・2026-10-06）】読点「、」句点「。」は半角送り（margin-right -0.5em）、中黒「・」は左右均等に半角（margin 0 -0.25em）。
   かな・漢字は一律のまま。JIS X 4051 の約物半角で、字間の広い行で「、」の後が穴に見えるのを防ぐ（トップの文章 concept は 10/1 の全角のまま） */
html[lang="ja"] .cta__lead--tsume [class^="cta__tsume--"],
html[lang="ja"] .cta__btn--tsume [class^="cta__tsume--"] { margin-right: 0; letter-spacing: inherit; }
html[lang="ja"] .cta__sub--tsume .cta__yaku,
html[lang="ja"] .cta__lead--tsume .cta__yaku { margin-right: -0.5em; letter-spacing: inherit; }
html[lang="ja"] .cta__lead--tsume { letter-spacing: 0.08em; }
html[lang="ja"] .cta .cta__btn--tsume { letter-spacing: 0.09em; }
@media (max-width: 767px) {
  html[lang="ja"] .cta__lead--tsume { letter-spacing: 0.09em; }
  html[lang="ja"] .cta .cta__btn--tsume { letter-spacing: 0.22em; }
}