@charset "UTF-8";
/* ==========================================================
   奥飛騨冬物語 TOP — notice セクション
   新カンプ 2026-08-05 / y9638–10238（高さ600）
   全幅写真（穂高連峰と雪の橋・青トーン）＋白文字センター。

   【写真の出所】FLAG支給原本 ~/Downloads/260805top_data/sinho_MG_2077.jpg（4000×2667）から
   トリミング窓 x34.35 y500.55 w3927.35 h1726.31 を 2730×1200 に縮小 → カンプ色に階調合わせ
   （非文字画素で最小二乗した3×4アフィン）→ GaussianBlur 0.55 → JPEG q88。
   文字が焼き込まれていないクリーン素材のため、実テキストとの二重表示（ゴースト）が出ない。
   ※2xマスター直切り（焼き込み込み）版に戻す場合は
     top_server.jpg の y19277–20477 を全幅で切り出して同名保存すれば足りる。

   実測（1x・2xマスター基準）:
     見出し ink y184.5–221.5 / x419.5–945.5（w526.0・中心682.50）
     本文1  ink y268.5–287.5 / x342.5–1020.5（w678.0・中心681.50）
     本文2  ink y310.5–329.5 / x466.5–896.0（w429.5・中心681.25）
     本文3  ink y352.5–371.5 / x223.5–1140.0（w916.5・中心681.75）
     本文4  ink y394.5–413.5 / x290.0–1073.5（w783.5・中心681.75）
     行ピッチ42px固定・本文フォント21px（2式連立で確定）・見出し40px
   ========================================================== */

.notice {
  position: relative;
  width: var(--canvas);
  height: 600px;
  overflow: hidden;
}

/* 全幅写真背景（文字なしクリーン素材） */
.notice__bg {
  position: absolute;
  inset: 0;
  width: 1365px;
  height: 600px;
  object-fit: cover;
}

/* テキストは中央寄せ・全幅コンテナに重ねる */
.notice__inner {
  position: absolute;
  inset: 0;
  color: var(--color-white);
  text-align: center;
}

/* 白見出し 冬の奥飛騨へお越しの前に
   letter-spacing 0.118em（カンプ実測 ink幅526.0 / ls0時474.0 → +52.0÷11字間）
   left は末尾トラッキング分の中心補正（+ls/2） */
.notice__title {
  position: absolute;
  left: 8.5px;
  right: 0;
  top: 181px;
  margin: 0;
  font-family: var(--font-jp);
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.118em;
  color: var(--color-white);
}

/* 白本文 4行（1段落目が2行に折返し）・行ピッチ42px */
.notice__text {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  font-family: var(--font-jp);
  font-weight: 400;
  font-size: 21px;
  line-height: 42px;
  color: var(--color-white);
}
/* 1段落目のみトラッキングが広い（実測 +1.242px/字間 = 0.0591em）。
   2026-09-02: PC1行目だけ読点を詰めた分を戻すため 0.0738em に上げる（下の min-width:768px 節）。
   ここの 0.0591em は PC2行目「積雪や〜あります。」の値として残す。
   left は 10.75px → 10.85px（1行目の行ボックスが +0.31px 広がる分の中心補正 +0.15px） */
.notice__text--1 {
  top: 256px;
  letter-spacing: 0.0591em;
  left: 10.85px;
}
/* 2026-09-02: 行中読点2つを 21.19px→13.0px に詰めた分（計16.4px）を字間へ戻した。
   --2 ls 0.0089em→0.0279em（41字間で再配分）/ left 10px→10.2px
   --3 ls 0.0045em→0.0265em（35字間で再配分）/ left 7.5px→7.75px
   結果、行インク両端は変更前と同じくカンプ±1px以内（実測 --2 Δ左+0.0/Δ右-0.5、--3 ±0.0）*/
.notice__text--2 { top: 340px; letter-spacing: 0.0279em; left: 10.2px; }
.notice__text--3 { top: 382px; letter-spacing: 0.0265em; left: 7.75px; }

/* ==========================================================
   【2026-09-02 文字組み補正・PCのみ】行中読点の送りをカンプに合わせる

   カンプ（Figma）の読点は半角相当で、実測インク送りは 13.5 / 13.0 / 12.5px（3箇所の平均13.0）。
   対して実装はベタ組みで 21.0〜23.0px。差が約8pxあり、読点まわりの空きが目に見えて広い。
   カンプは palt（プロポーショナル字幅）相当の詰め組みだが、
   Zen Old Mincho は Google配信のwoff2サブセット23個・GitHub配布のデスクトップttf とも
   palt を持たない（GPOS:kern / GSUB:vert,vrt2 のみ・fontTools確認済）ため
   font-feature-settings では再現できない。よって読点を span 化して送りだけを詰める。

   ・送り 21px → 13.0px（letter-spacing -8.0px = -0.381em @21px）
   ・詰めた分（読点1個あたり 8+ls px）は段落の letter-spacing に戻し、
     行インク両端をカンプに再一致させる（上の --2 / --3 と下の 段落1 1行目）
   ・行末の約物は span 化しない。送りを詰めてもインクは動かず、
     行ボックス幅＝中央寄せ位置だけがズレるため
   ・SP は 2026-09-01 横山さん指示の確定形なので、この節はすべて min-width:768px に閉じる
     （HTMLの span は SP にも入るが、SP側にルールが無いので描画は完全に不変）

   【見出しに手を入れていない理由】
   カンプの見出しは漢字送り47.5px＝ls約0.19em で、実装の 0.118em より広い。
   ただし行インク幅はカンプ525.5 / 実装525.0 で既に一致しており、
   見出しには詰められる約物が1つも無い（冬の奥飛騨へお越しの前に）。
   ls を 0.16em に上げると11字間で +18.5px 広がり、両端がカンプから±9px外れる＝改悪になる。
   カンプ側の余白はかなの字幅を詰めて捻出したもので、フォントに palt が無い以上
   1文字ずつ span を入れない限り再現できない。よって現状維持とした（両端は一致済み）。
   ========================================================== */
@media (min-width: 768px) {
  .notice__yaku { letter-spacing: -0.381em; }

  /* 段落1はPCで2行に分かれ、行中読点は1行目にしか無い＝行ごとに必要なトラッキングが違う。
     .notice__ln は SP用の行分割スパンだが PC1行目＝1〜2番目・2行目＝3〜4番目に対応するので、
     1行目だけ ls を 0.0591em → 0.0738em に上げて読点で詰めた分を戻す。
     （<br> は要素型が違うので nth-of-type のカウントに入らない） */
  .notice__text--1 .notice__ln:nth-of-type(-n+2) { letter-spacing: 0.0738em; }
}

/* PC/SP共通の強制改行（1段落目の「〜日もあり、」直後）は素の<br>で行う。
   .notice__ln は SP用の行分割スパン。PCではインライン＝表示に一切影響しない */

/* ==========================================================
   SP（設計幅393px）— 新SPカンプ 2026-08-05 / 1x y7265–7815（高さ550）
   実測（セクション上端0基準・2xマスター top_sp_server.jpg y14530–15630 から）:
     見出し ink y122.5–140.0 / x77.0–317.0（w240.0・中心197.00）
     本文 10行・行ピッチ28.17px固定・ink左端62.5前後・ink右端331.0（両端揃え）
     行ink上端 181.5 / 209.5 / 237.5 / 266.5 / 293.5 / 321.5 / 350.0 / 377.5 / 405.5 / 434.5
   写真: PC版と構図が違う（縦に広く橋の下部まで見える）ため SP専用切り出し
     img/sp/notice_bg.webp（786×1100）。原本 sinho_MG_2077.jpg の窓
     x1789.6 y576.0 w1411.4 h1975.2 → 786×1100 → カンプ色に3×4アフィン合わせ
     → GaussianBlur 0.5 → JPEG q88。窓は「1x基準との diff率」を直接最小化して確定
     （±2px ずれるだけで写真部の diff が 2.8%→15% に跳ねるので触らない）。

   【2026-08-31 変更】市岡さん指示「下のアクセスと同じく左揃えに。中央揃えにしない／
   テキストサイズがアクセスに比べ少し大きいので合わせる」。
   これに伴い SPカンプ由来の「中央寄せ＋両端揃え」再現をやめた:
     ・見出しも本文も左揃え。左端は access のリード（ink x27.0）に合わせる
     ・本文 16px → 14.3px（access の .access__lead と同値。line-height 28px は元から同値）
     ・.notice__ln による強制行分割（旧【罠1】）と 272px 下限（旧【罠2】）は廃止＝自然折返し
   span（.notice__ln）は HTML に残置。SPルールを消しただけなので PC は元から display:inline で無影響。
   将来カンプ再現（両端揃え）に戻す場合は、下の .notice__ln ブロックを復活させ
   left:61.5px / width:272px / font-size:16px / text-align:justify に戻す。
   ========================================================== */
@media (max-width: 767px) {

  .notice { height: 550px; }
  .notice__bg { width: var(--canvas); height: 550px; }

  /* 見出し（2026-08-31 左揃えへ。.notice__inner の text-align:center を打ち消す。
     旧 left:1.5px は中央揃え時の letter-spacing 中心補正なので不要になった） */
  .notice__title {
    left: 26px;
    right: 0;
    top: 121px;
    font-size: 19px;
    letter-spacing: 0.091em;
    text-align: left;
  }

  /* 本文ブロック: 左26px・幅341px（＝393 − 26 − 26 の左右対称マージン）。左揃え。
     1段落3行 / 2段落2行 / 3段落2行 の計7行（段落間はちょうど1行）を保つこと。
     15.9px や width 306px だと 3/3/2 になり段落間隔が不揃いになる。
     2026-09-01 横山さん指示「文字を少し小さくして、行間を空ける」:
       14.3px/28px（比1.96）→ 14.0px/31px（比2.21）。
       自社基準のSP本文下限が14pxなのでサイズはここが下限＝主に行間で圧迫感を解く。
       段落の top も「ちょうど1行=31px」に合わせて引き直す（下の --1/--2/--3）*/
  .notice__text {
    left: 26px;
    right: auto;
    width: 341px;
    font-size: 14px;
    line-height: 31px;
    letter-spacing: 0;
    text-align: left;
  }
  /* PC用の意味改行（「日もあり、」直後）はSPでは出さない＝自然折返しに任せる */
  .notice__text br { display: none; }

  /* 2026-09-02 市岡さん実機指摘「テキストのセクションごとのスペースいらないかも・違和感」
     → 段落間の空き行（31px）を削除し、7行を同一の行送り31pxで連続させる。
     行間そのもの（31px・9/1横山さん指示）は維持 */
  .notice__text--1 { top: 174px; }   /* 3行 → 下端 267 */
  .notice__text--2 { top: 267px; }   /* 間隔なしで連続 / 2行 → 下端 329 */
  .notice__text--3 { top: 329px; }   /* 同上 / 2行 → 下端 391（セクション550pxに収まる）*/
}

/* ==========================================================
   【2026-10-15 横山さん（Chatwork 10/14）「冬の奥飛騨へお越しの前に」冒頭「冬季の奥飛騨温泉郷は、」削除・PCは1段＋改行2段／SPは2段＋改行4段】
   1段落目が短くなり PC で1行に収まる（<br> を外した）→ PC は 1行×3段落を行送り42pxで連続（256／298／340・英語ページと同じ並び）。
   1段落目の行中の読点は他の段落と同じく半角送り（.notice__yaku）。9/2 の「1行目だけ字間を広げる」（.notice__ln の1・2番目）は
   行が1本になったので打ち消し、段落の字間 0.0591em に揃える。
   SP は 1段落目 2行＋2段落目 2行＋3段落目 2行の計6行を行送り31pxで連続（174／236／298）。戻す時はこのブロックと index.html を控えに戻す
   ========================================================== */
@media (min-width: 768px) {
  html[lang="ja"] .notice__text--1 .notice__ln:nth-of-type(-n+2) { letter-spacing: inherit; }
  html[lang="ja"] .notice__text--2 { top: 298px; }
  html[lang="ja"] .notice__text--3 { top: 340px; }
}
@media (max-width: 767px) {
  html[lang="ja"] .notice__text--2 { top: 236px; }
  html[lang="ja"] .notice__text--3 { top: 298px; }
}

/* ==========================================================
   【2026-10-16d 横山さん（HEROU定例 10/16 09:07〜09:08）「1つ改行してほしい」「SPの場合も」「改行をして2段4段に」】
   元の依頼（冬物語ルーム 10/14 11:54）「PCは1段、改行2段で構成／SPは2段、改行4段で構成」の「改行」＝1文目の後の段の間（1行ぶん）。
   上の【2026-10-15】は段落を分けただけで間が無かった。1文目（気温が〜場合があります。）の後に1行ぶん空け、2・3文目は続けて組む。
   - PC: 1行（256）＋間 42px＋2行（340／382）＝ 9/2 までのカンプの位置と同じ並び（下端 424・セクション 600 に収まる）
   - SP: 2行（174）＋間 31px＋4行（267／329）（下端 391・セクション 550 に収まる）
   英語ページは対象外（html[lang="ja"] に限定）。戻す時はこのブロックを消す（10/15 の連続した3段落に戻る）
   ========================================================== */
@media (min-width: 768px) {
  html[lang="ja"] .notice__text--2 { top: 340px; }
  html[lang="ja"] .notice__text--3 { top: 382px; }
}
@media (max-width: 767px) {
  html[lang="ja"] .notice__text--2 { top: 267px; }
  html[lang="ja"] .notice__text--3 { top: 329px; }
}

/* ==========================================================
   【2026-10-20 HEROU定例 10/19（横山さん）】「冬の奥飛騨へお越しの前に」1文目の後の間が空きすぎ → 少し詰める（PC・SP）
   ［文字起こし 09:10:14〜09:17:56「開けない方が良かった」「間が空きすぎててバランス悪い」「この間よりもちょっと開けるぐらい」
     「こいつもこいつも一緒にあげちゃえば」「スマホの場合もそうできるといい」］
   画面共有で横山さんと DevTools で詰めた値: 3文目 top 352px（画面の記録で読める）・2文目は画面の行の間隔から逆算して 310px
   PC: 256 / 310 / 352（1文目→2文目 54px＝間なしの 42px ＋12px）。SP も同じ割合で 174 / 245 / 307（間なしの 31px ＋9px）。日本語だけ
   戻す時はこのブロックを消す（【2026-10-16d】の1行ぶんの間に戻る）
   ========================================================== */
@media (min-width: 768px) {
  html[lang="ja"] .notice__text--2 { top: 310px; }
  html[lang="ja"] .notice__text--3 { top: 352px; }
}
@media (max-width: 767px) {
  html[lang="ja"] .notice__text--2 { top: 245px; }
  html[lang="ja"] .notice__text--3 { top: 307px; }
}