@charset "UTF-8";
/* ==========================================================
   events セクション（冬の催しと灯り）
   境界: y 3243–7250（section-relative 0–4007）/ 基準: design20260805_events.png
   PC版のみ（@media なし）。座標は2xマスター実測（2026-08-06 新カンプ改版）

   新カンプの構成:
     ヘッダー  … 銀筆記体1行(rel -8) + 青H2(センター) + リード2行(センター)
     カード5枚 … rel 273 から 700px ピッチで隙間なし縦積み
                 写真 x0–840 / 青パネル x840–1365
                 カード境界に 1px の白罫(α0.42)
     締めボタン … rel 3852（290×60・青ピル）
   ========================================================== */

.events {
  position: relative;
  width: var(--canvas);
  height: 4007px; /* 境界表固定（内部フローの累積ドリフトを遮断） */
  background: var(--color-white);
  /* overflow:hidden はここに置かない（2026-08-09 市岡さん指摘）。
     筆記体はカンプでセクション上端から8px上へ食み出す設計＝ここで切ると大文字の頭が平らに欠ける。
     カード流入のクリップは .events__pin が担う */
}

/* ---- ヘッダー ---- */
.events__head {
  position: relative;
  height: 273px; /* カード上端 rel 273 をこの箱で確保する */
}
/* 筆記体「Winter Events & Lights」: カンプ実測 x266.5–1099 / y -8–114.5（上8pxはセクション外へ出る） */
.events__script {
  position: absolute;
  left: 266px;
  top: -8px;
  width: 833px;
  height: 123px;
  background-image: url(../../img/script/events_silver.png);
}
.events__heading {
  position: absolute;
  left: 12px; /* カンプはインク中心=682.5。CSSの中央寄せ(送り幅基準)との差を左オフセットで戻す */
  right: 0;
  top: 59.8px; /* 実測: インク上端 rel 63.5 */
  text-align: center;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.008em;
  line-height: 1;
  color: var(--color-blue);
}
.events__lead {
  position: absolute;
  left: 10px; /* 中央寄せ基準差の補正（見出しと同じ） */
  right: 0;
  top: 128.8px; /* 実測: 1行目インク上端 rel 141 / 行ピッチ42 */
  text-align: center;
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 21px;
  letter-spacing: 0.04em;
  text-indent: 0.04em;
  line-height: 42px;
  color: var(--color-ink);
}
/* 1行目の約物送り（2026-09-02 文字組み補正）。カンプはpalt相当で中黒・読点が半角近くまで詰まり、
   そのぶん全角の送りが広い。GF版Zen Old Minchoはpalt非対応なので span で再現する。
   2xマスター実測（PC 1行目）: 全角送り48 / 湯→・53 + ・→福22（対 実装56+26）/ 高→、46 + 、→五27（対44+43） */
.events__l1 {
  letter-spacing: 0.135em; /* 全角送り 22.05→23.9px（カンプ実測24.0） */
  margin-right: -3px;      /* 約物を詰めた分の中央ズレ戻し（中央寄せなのでインクは+1.5px右へ） */
}
.events__lead .dot {
  margin: 0 -0.05em; /* カンプの中黒はわずかに詰まる（実測 4個で計8.4px） */
}
.events__l1 .dot {
  margin: 0 -0.235em; /* 中黒の送り 41.0→37.5px（カンプ実測 2x 53+22＝75） */
}
.events__tou {
  margin-left: -0.07em;  /* 直前の漢字→読点 24.5→23.0px（カンプ実測 2x 46） */
  margin-right: -0.48em; /* 読点の送り 43.5→36.5px（カンプ実測 2x 46+27＝73） */
}
.events__pk {
  letter-spacing: 0; /* かな「つ」だけカンプは全角より詰まる（2x 44・全角48） */
}

/* ---- カード群（写真左 + 青パネル右・隙間なし縦積み） ---- */
.events__card {
  position: relative;
  width: var(--canvas);
  height: 700px;
}
/* カード境界の白罫（写真の上も通る。実測: 境界をまたぐ2行に白α計0.42） */
.events__card + .events__card::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: var(--canvas);
  height: 2px;
  background: rgba(255, 255, 255, 0.21);
  z-index: 2;
}

.events__photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 840px;
  height: 700px;
  object-fit: cover;
}

/* 右の青パネル */
.events__meta {
  position: absolute;
  left: 840px;
  top: 0;
  width: 525px;
  height: 700px;
  background: var(--color-blue);
}

/* 温泉地名（白・小） */
.events__name {
  position: absolute;
  left: 53px;
  top: 138px; /* インク上端 140 */
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.2em;
  line-height: 1;
  color: var(--color-white);
}

/* 催しタイトル（白・大） */
.events__cardtitle {
  position: absolute;
  left: 53px;
  top: 200.3px; /* インク上端 203 */
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1;
  color: var(--color-white);
  white-space: nowrap;
}
/* カンプはかなをプロポーショナル詰め（palt相当）。GF版Zen Old Minchoは非対応のため
   カードごとに実測した詰め量をカスタムプロパティで与える */
.events__kana {
  letter-spacing: var(--kana-ls, -0.1em);
}
.events__card:nth-child(1) { --kana-ls: -0.257em; --desc-ls: -0.133em; --desc2-ls: 0.061em; }
.events__card:nth-child(2) { --kana-ls: -0.100em; --desc-ls: -0.054em; }
.events__card:nth-child(3) { --kana-ls: -0.099em; --desc-ls: -0.051em; }
.events__card:nth-child(4) { --kana-ls: -0.100em; --desc-ls: -0.028em; }
.events__card:nth-child(5) { --kana-ls: -0.242em; --desc-ls: -0.055em; }
/* カード3のタイトルは全カタカナ＝インクの上端・左端の食い込みが漢字と違うので個別補正 */
.events__card:nth-child(3) .events__cardtitle { left: 51px; top: 199.3px; }

/* タイトル下の白細罫 */
.events__rule {
  position: absolute;
  left: 53px;
  top: 244px;
  width: 420px;
  height: 2px;
  border: 0;
  /* カンプは境界をまたぐ2行に白α0.11/0.30で乗る（1pxの罫がサブピクセル位置にある） */
  background: linear-gradient(to bottom,
    rgba(255, 255, 255, 0.11) 0 1px,
    rgba(255, 255, 255, 0.30) 1px 2px);
}

/* 説明（白・カード1のみ2行） */
.events__desc2 {
  letter-spacing: var(--desc2-ls, 0.06em);
}
.events__desc {
  position: absolute;
  left: 53px;
  top: 266.4px; /* 1行目インク上端 274 / 行ピッチ30 */
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 18px;
  letter-spacing: var(--desc-ls, -0.05em);
  line-height: 30px;
  color: var(--color-white);
  white-space: nowrap;
}

/* 開催期間（ラベル＋日付の2行組） */
.events__periodlabel {
  position: absolute;
  left: 53px;
  top: 386.5px; /* インク上端 389 */
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.15em;
  line-height: 1;
  color: var(--color-white);
}
.events__period {
  position: absolute;
  left: 53px;
  top: 417.9px; /* インク上端 420 */
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 23px;
  letter-spacing: 0.058em;
  line-height: 1;
  color: var(--color-white);
  white-space: nowrap;
}

/* 「詳細を見る」白ピル（base.css の .u-btn--white を実測寸法で上書き） */
.events__btn {
  position: absolute;
  left: 138px;
  top: 579.3px;   /* 実測: 上端 852.33 / 下端 904.09 */
  width: 250px;
  height: 51.8px;
  font-size: 17px;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}

/* ---- 末尾ボタン（290×60・rel 3852） ---- */
.events__cta {
  display: flex;
  justify-content: center;
  /* 2026-08-29 市岡さん指示「ボタンの上下の余白が詰まりすぎ」。旧: 上22px / 下0px。
     下が0pxだったのは .events.is-pinned { height:auto } が height:4007px 由来の下余白152pxを
     消すため（固定演出が効く通常のPC環境では常にゼロ＝次セクションの全幅写真と接触していた）。
     margin-bottom は is-pinned（height:auto）時に効く。非pinned時は4007pxの残りが下余白になる。
     ※2026-08-19の「上余白PC50px統一」から、このボタンだけ意図的に外す
       （上下を全幅写真に挟まれる唯一のボタンのため） */
  margin-top: 80px;
  margin-bottom: 80px;
}
/* ラベルの送り（2026-09-02 文字組み補正）。共通 .u-btn は 20px/0.2em＝送り24.0pxだが、
   カンプのこのボタンだけラベルがほぼベタ組み（2xピッチ合計283÷7＝送り20.2px・インク幅158.0px）。
   ピル寸法(290×60)と矢印は現状のままで、ラベルの字間だけ落とす */
.events__cta .u-btn {
  letter-spacing: 0.01em;
  text-indent: 0.01em;
}

/* ==========================================================
   「画面固定＋右から流れ込む」（2026-08-01 FLAG提案・参考 ghraicho.com）

   参考サイトは position:sticky + margin-bottom:50vh の純CSSだが、本サイトでは使えない。
   #canvas を transform:scale() する等比縮小キャンバスの中では、sticky要素が
   スクロール量に比例してドリフトする（Chrome/WebKitとも）。
   → FVカーテンと同じくJS駆動にする。main.js が .events__stage を毎フレーム
   translateY して画面に貼り付け、カードの流入量も同じ進行度から書く。

   .is-pinned は「カード1枚が画面に収まる時だけ」JSが付ける。
   付かない環境（JSなし／動きを減らす設定／画面が低い）はカンプ通りの縦積みのまま。
   ========================================================== */
.events__pin {
  position: relative;
  /* 固定演出の流入中にカードが箱の外へ出るのをここでクリップ。
     clip必須（hiddenはスクロールコンテナを作る＝下記ステージと同じ事故を起こす） */
  overflow: hidden;
  overflow: clip;
}

.events.is-pinned { height: auto; }
.events.is-pinned .events__pin {
  height: var(--events-pin-h, 0px); /* 固定中に消費するスクロール量（JSが実画面高から算出） */
}
/* 2026-08-12 市岡さん指示「上下や左に余白がいらない・画面いっぱいに」。
   旧実装は画面高に収まるようカードを縮めて（k<1）中央に置いていたため、
   上下に白帯（最大170px）・広い画面では左にも白余白が出ていた。
   縮小をやめ（k=1固定）、カード自体の高さを画面高（--events-h）にして全画面で覆う。
   静止時（固定演出なし）はカンプどおり700pxのまま＝この指定は .is-pinned 配下だけ */
.events.is-pinned .events__stage {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--canvas);
  height: var(--events-h, 700px);
  transform-origin: 0 0;
  /* 下から上へせり上がる演出（2026-08-11）: 待機中のカードはステージ下端の外に置くので、
     ここで切らないと次のカードが画面下にはみ出して見えてしまう。
     **overflow:hidden 単独は不可**。hiddenはスクロールコンテナを作るため、Tabキーで
     待機中カードの「詳細を見る」にフォーカスが入るとブラウザがステージを700px内部スクロールし、
     JSはtransformしか書かない＝以降ずっと演出が壊れたままになる（2026-08-11 実測・再現済み）。
     clipはスクロールコンテナを作らないので同じ見た目のまま事故だけが消える */
  overflow: hidden;
  overflow: clip;
  will-change: transform;
}
.events.is-pinned .events__cards {
  position: relative;
  height: var(--events-h, 700px);
}
.events.is-pinned .events__card { height: var(--events-h, 700px); }
.events.is-pinned .events__photo,
.events.is-pinned .events__meta { height: var(--events-h, 700px); }
/* パネル内の座標は700px設計のまま。増えた高さの半分だけ下げて縦センターに保つ */
.events.is-pinned .events__meta > * {
  transform: translateY(calc((var(--events-h, 700px) - 700px) / 2));
}
.events.is-pinned .events__card + .events__card::before { width: var(--canvas); }
.events.is-pinned .events__card {
  position: absolute;
  top: 0;
  left: 0;
  /* 重ねるので不透明にする。透明のままだと下のカードの見出し・日付が透けて二重に見える */
  background: var(--color-white);
  will-change: transform;
}
/* 重ねて配置するのでカード個別のフェードアップは無効化（JSがtransformを毎フレーム書くため
   リビールのtranslateYと衝突する）。表示は常時オン。 */
.js .events.is-pinned .events__card.js-reveal {
  opacity: 1;
  transition: none;
}

/* ==========================================================
   SP（設計幅393px・2026-08-05新SPカンプ）
   境界: y 2430–5540（section-relative 0–3110）/ 基準: design20260805_sp_events.png
   座標はすべて top_sp_server.jpg（786×20435 = 2x）実測 ÷2

   構成（PCと別物）:
     ヘッダー   … 銀筆記体1行(rel -1) + 青H2 + リード3行（PCは2行＝u-sp-br必要）
     カード5枚 … 写真 全幅393×328（上）＋ 青#0159b3 パネル 393×239.5（下）
                 カードピッチ 567.5・隙間なし・カード境界に幅いっぱいの白罫1行
     締めボタン … rel 3050.5–3095.5（実測215×45）

   写真: img/sp/events_*.jpg（2xマスター直切り 786×656・q92）。
        <picture><source media="(max-width:767px)"> で切替（index.htmlのマークアップ変更）

   罠:
     - sp.css は index.html で最後に読まれる＝共通 .u-btn（214×45）が
       同詳細度の .events__btn に勝つ。ボタンは .events__meta .events__btn /
       .events__cta .u-btn（詳細度0,2,0）で上書きする
     - PCの .events__card:nth-child(3) .events__cardtitle は詳細度が高い＝同形で打ち消す
     - .events__desc の <br>（PCの2行組）はSPでは1行なので display:none
     - Chromeは画像も1px背景も整数行にスナップする。カンプの0.5px位置は
       「カード高を568/567交互」＋「2・4枚目の写真を1行ずらして切る」で吸収した
       （これだけで全体diffが6.7%→5.7%に落ちる）
   ========================================================== */
@media (max-width: 767px) {

  .events { height: 3175.5px; }  /* 2026-08-29 ボタン上下余白の拡張ぶん。SPは固定高なので下余白はここでしか作れない（旧3110は下余白9.5pxだった） */

  /* ---- ヘッダー（rel 0–173） ---- */
  .events__head { height: 173px; }

  /* 筆記体「Winter Events & Lights」: 実測 x16.5–377 / y -1–52（PCと同じ1行アセット） */
  .events__script {
    left: 16.5px;
    top: -1px;
    width: 360.5px;
    height: 53px;
  }
  /* 見出し: インク実測 x114.5–278.5 / y26–49（h23） */
  .events__heading {
    left: 7px;
    top: 23.7px;
    font-size: 25px;
    letter-spacing: -0.02em;
  }
  /* リード3行: インク上端 rel 71.5 / 99.5 / 127.5（行ピッチ28）
     3行の送りがカンプ内で不揃い（1行目16.0 / 3行目14.1・中黒と読点は約半角＝palt）。
     GF版Zen Old Minchoはpalt非対応なので、3行の合計誤差が最小になる送りに寄せた */
  .events__lead {
    left: 7px;
    top: 63.6px;
    font-size: 14.5px;
    line-height: 28px;
    letter-spacing: 0;
    text-indent: 0;
  }
  /* PC1行目用の文字組みspan（.events__l1 / .events__tou / .events__pk）はSPでは行構成が違う
     （SPは u-sp-br で3行・カンプの改行位置ともズレる）ので、SPは従来の組みのまま無効化する */
  .events__l1,
  .events__pk { letter-spacing: 0; }
  .events__l1 { margin-right: 0; }
  .events__l1 .dot { margin: 0 -0.05em; }
  .events__tou { margin-left: 0; margin-right: 0; }
  /* 3行目「…お楽しみください。」はカンプの「く」が半角まで詰まる（2x く→だ 15 / 実装24）。
     ここを詰めると行インク幅 236.5→232.5px・「ください。」の緩みが消える */
  .events__ku { margin-right: -4.5px; }
  /* 同3行目「異なる」もカンプはかなが詰まる（2x な→る27・る→冬24 / 実装30・25）。
     く＋なるの2箇所で行インク幅 229.5px・インク両端ともカンプ一致（左右ともΔ0.0px）になる */
  .events__na { letter-spacing: -1.5px; }

  /* ---- カード（写真上・青パネル下） ----
     カンプのピッチは567.5px（カード上端 173 / 740.5 / 1308 / 1875.5 / 2443）。
     0.5px位置のカードはChromeがテキストを1px上へ丸め、写真も再サンプルでボケる。
     合計高（2837.5）は保ったまま568/567を交互にして全カードを整数位置に置く。 */
  .events__card {
    width: var(--canvas);
    height: 567.5px;
  }
  .events__card:nth-child(1),
  .events__card:nth-child(3) { height: 568px; }
  .events__card:nth-child(2),
  .events__card:nth-child(4) { height: 567px; }
  /* カード境界の白罫（カンプは1行だけ光る）は、1・3・5枚目はSP写真の1行目に
     焼き込み済み。2・4枚目は写真を0.5px分ずらして切っている（上のコメント参照）ので
     ここでCSSの罫を1本だけ復活させる */
  .events__card + .events__card::before { display: none; }
  .events__card:nth-child(2)::before,
  .events__card:nth-child(4)::before {
    display: block;
    top: -1px;
    height: 1px;
    background: rgba(255, 255, 255, 0.28);
  }

  .events__photo {
    width: 393px;
    height: 328px;
  }

  .events__meta {
    left: 0;
    top: 328px;
    width: 393px;
    height: 239.5px;
  }

  /* 以下 .events__meta 基準（パネル左上原点）。インク実測値をコメントに置く */
  .events__name {           /* インク x27.5 / y24.0（h14.5） */
    left: 26.5px;
    top: 22.8px;
    font-size: 15.8px;
  }
  .events__cardtitle {      /* インク x27.5 / y60.0（h19） */
    left: 26.5px;
    top: 58.8px;
    font-size: 21px;
  }
  .events__card:nth-child(3) .events__cardtitle { left: 26.5px; top: 58.8px; }

  /* 白細罫: カンプは1pxの罫がサブピクセル位置にあり、2行に白α0.30/0.11で乗る
     （Chromeは1px要素を整数行にスナップするので、PCと同じ2px+グラデで再現する） */
  .events__rule {           /* 実測 x26.5–366.5 / y87 */
    left: 26.5px;
    top: 87px;
    width: 340px;
    height: 2px;
    background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0.30) 0 1px,
      rgba(255, 255, 255, 0.11) 1px 2px);
  }

  .events__desc {           /* インク x27.5 / y98.5（h12.5）・SPは1行 */
    left: 26.5px;
    top: 99px;
    font-size: 13.8px;
    line-height: 13.8px;
  }
  .events__desc br { display: none; }

  .events__periodlabel {    /* インク x27.5 / y134.5（h12） */
    left: 26.5px;
    top: 133.1px;
    font-size: 13px;
  }
  /* 日付はラベルと同じ行に横並び（PCは2行組）。インク x100.0 / y133.0（h14.5）
     数字の送りはカンプ実測 10.1・全角 16.9 → fs16.5 / ls0.027em で両方に合う */
  .events__period {
    left: 98.5px;
    top: 131.5px;
    font-size: 16.5px;
    letter-spacing: 0.027em;
  }

  /* 白ピル「詳細を見る」: 実測 x100–293（w193）/ y173.5–214（h40.5）
     sp.css の共通 .u-btn より後・高詳細度で当てる */
  .events__meta .events__btn {
    left: 100px;
    top: 173.5px;
    width: 193px;
    height: 40.5px;
    padding-bottom: 2px;
    font-size: 14px;
    letter-spacing: 0.046em;
    text-indent: 0.3em;
  }
  /* 矢印: 軸8.5px相当。頂点は right:17px */
  .events__meta .events__btn::after { right: 16.7px; width: 9.2px; height: 7.2px; }

  /* ---- 締めボタン（rel 3050.5–3095.5） ----
     ピルは実測215×45（sp.cssの共通214より1px広い）。ラベルもカンプ実測は
     共通値(15px/0.14em)より小さい＝この個体だけ上書きする */
  .events__cta { margin-top: 60px; margin-bottom: 0; }  /* 2026-08-29 上余白45→60px。下余白は .events の height 側で作るので margin-bottom は打ち消す */
  .events__cta .u-btn {
    width: 215px;
    font-size: 14px;
    letter-spacing: 0.068em;
    text-indent: 0.068em;
  }
  /* 2026-09-02 サイズ再点検: カード白ボタンのラベル字面が実装12.5px vs カンプ11.5px(1x)＝
     カンプ実効12.9px相当（同一文言「詳細を見る」の帯実測・5枚とも同傾向）。
     幅はlsで再一致（カンプ w136(2x)） */
  .events__meta .events__btn {
    font-size: 12.9px;
    letter-spacing: 1.6px;  /* 幅実測 w131→136(2x)へ */
  }

}

/* ==========================================================
   【2026-10-01 横山さん指示（冬物語ルーム・SPのスクリーンショット付き）】
   「詳細をみるは、左寄せでお願いします。」
   SPの青パネル内の白ボタンを、中央寄り（left 100px）→ 本文と同じ左端（left 26.5px）へ。
   縦位置・寸法・文字は変えない。PCは 9/22 定例で「タイトルの右横」に置いた配置のまま（指示外）
   ========================================================== */
@media (max-width: 767px) {
  .events__meta .events__btn { left: 26.5px; }
}

/* 【2026-10-05 字間そろえ】横山さん 10/2「文字の間が他より近い所がある」（平湯大滝結氷まつりの説明文「滝と」「の」）。
   カンプ実測でカード1の説明文（-0.133em）と、カード1・5の「まつり」（-0.257em／-0.242em）だけ大きく詰めていたのを、
   ほかのカード（説明文 -0.05em 前後・かな -0.1em）にそろえる。改行は増えない（PC1440・SP390で確認）。日本語ページだけ。
   戻す時はこのブロックを消すだけ */
html[lang="ja"] .events__card:nth-child(1) { --kana-ls: -0.100em; --desc-ls: -0.050em; }
html[lang="ja"] .events__card:nth-child(5) { --kana-ls: -0.100em; }
/* ※ 2026-10-06 追記: タイトルのかな（--kana-ls）は下の【2026-10-06】ブロックの inherit が勝つため、
   上の --kana-ls はタイトルには効いていない（--desc-ls は有効）。10/06 ブロックを消せばここが再び効く */

/* ==========================================================
   【2026-10-06 字間そろえ（字種別の詰めを廃止）】市岡さん指摘「文字が空いている所と詰まっている所の差が気になる」
   1) 催しカードのタイトル: かな（.events__kana -0.1em）だけ詰めていたのをやめ、漢字と同じ送り（親 .events__cardtitle の値）にそろえる。
      ※カード3「タルマかねこおりライトアップ」は全文字かな＝元から一律だが、他カードが 1.1em になると
        カード間で詰まり／空きの差が約5px/字に広がる（レビュー指摘）。SP はほかと同じ値（行幅 321px＜余白内 337px）。
        PC は同じ値だと「詳細を見る」ボタンに 5px まで迫る（展開時 右端 733.6→804px／ボタン左 808.9px）ので
        0.05em に抑える（他カードとの差 約1px/字・ボタンまで約22px）
   2) 見出し下のリード: 1〜2行目だけ広い送り（.events__l1 0.135em）と、中黒・読点・「つ」「なる」「く」の個別詰めをやめ、4行とも同じ送りに。
      値は現状の平均送りを保つ（実寸 PC 1.032em → 0.03em ／ SP 0.98em → 0）。日本語ページだけ。戻す時はこのブロックを消すだけ。
   ※ 値の導出（2026-10-06 レビューで補正）: PC はキャンバス 1365px を幅 1440px へ等比拡大して表示しているため、
      ビューポート px で測った送りは 1.0549 倍に見える。平均送りは実寸（÷1.0549）で取り直した
   ========================================================== */
html[lang="ja"] .events__cardtitle .events__kana { letter-spacing: inherit; }
@media (min-width: 768px) {
  html[lang="ja"] .events__card:nth-child(3) .events__cardtitle { letter-spacing: 0.05em; }
}
html[lang="ja"] .events__lead { letter-spacing: 0.03em; text-indent: 0.03em; }
/* 【約物（市岡さん選択 B・2026-10-06）】読点「、」句点「。」は半角送り（margin-right -0.5em）、中黒「・」は左右均等に半角（margin 0 -0.25em）。
   かな・漢字は一律のまま。JIS X 4051 の約物半角で、字間の広い行で「、」の後が穴に見えるのを防ぐ（トップの文章 concept は 10/1 の全角のまま）
   2行目「五つの温泉地、」の「、」にも span.events__tou を付けた（index.html）*/
html[lang="ja"] .events__lead .events__l1,
html[lang="ja"] .events__lead .events__pk,
html[lang="ja"] .events__lead .events__na,
html[lang="ja"] .events__lead .events__ku { letter-spacing: inherit; margin: 0; }
html[lang="ja"] .events__lead .events__tou { letter-spacing: inherit; margin: 0 -0.5em 0 0; }
html[lang="ja"] .events__lead .dot { letter-spacing: inherit; margin: 0 -0.25em; }
@media (max-width: 767px) {
  html[lang="ja"] .events__lead { letter-spacing: 0; text-indent: 0; }
}

/* ==========================================================
   【2026-10-16b HEROU定例 10/16（横山さん）】SP TOP「冬の催しと灯り」カードの説明文
   ［文字起こし 09:14:00〜09:14:17］「PCの時は気にならないんだけど、スマホの時の（説明文を）開催期間と同じ大きさにした方がいい」
   「2段になるパターンもあると思います」→ 市岡さん選択「TOP催しカードの説明文」。PC・英語ページは変えない（html[lang="ja"] の SP だけ）。
   - 説明文 13.8px → 16.5px（開催期間の日付 .events__period と同じ）。行送り 25px・幅はパネルの罫と同じ 340px
     1行目の字面の上端は従来どおり（約 98.5px）＝ top 99 → 92.75（行送りの半分 4.25px ぶん上へ）
   - 1枚目（平湯大滝結氷まつり）だけ 2行になる（23字は 340px に入らない）。改行は「…生み出す／冬の絶景。」（index.html の u-sp-br）。
     2行目のぶん、開催期間・ボタンを 25px 下げ、青パネル（239.5→264.5）・カード（568→593）・セクション（3175.5→3200.5）を同じだけ伸ばす。
     2〜5枚目は1行のまま＝位置は従来どおり
   戻す時はこのブロックと index.html の u-sp-br を消す
   ========================================================== */
@media (max-width: 767px) {
  html[lang="ja"] .events__desc { top: 92.75px; width: 340px; font-size: 16.5px; line-height: 25px; }
  html[lang="ja"] .events__desc br.u-sp-br { display: inline; }
  html[lang="ja"] .events { height: 3200.5px; }
  html[lang="ja"] .events__card:nth-child(1) { height: 593px; }
  html[lang="ja"] .events__card:nth-child(1) .events__meta { height: 264.5px; }
  html[lang="ja"] .events__card:nth-child(1) .events__periodlabel { top: 158.1px; }
  html[lang="ja"] .events__card:nth-child(1) .events__period { top: 156.5px; }
  html[lang="ja"] .events__card:nth-child(1) .events__meta .events__btn { top: 198.5px; }
}