/* ===================================================================
   pemori common.css  (v2 / 2026-09-26)
   ぺもり 全ページ共通スタイル
   -------------------------------------------------------------------
   - 各わんちゃんページは <link href="https://pemori.jp/assets/common.css?v=1">
     でこのファイルを非同期に読み込みます（読み込めなくてもページは崩れません）
   - ここに書いたスタイルは公開中の全ページに反映されます。
     変更前に必ずプレビュー用サブフォルダのページで確認してください
   - 中身を変えたら、テンプレ側の ?v=1 を上げるか、.htaccess のキャッシュ
     （1時間）が切れるのを待つと反映されます
   =================================================================== */

/* v2 (2026-09-26) スマホで右側に余白が出る不具合の修正
   原因：ヒーローの飾り丸 .b2{right:-90px} と帯 .mq{margin:0 -30px} が
         画面幅の外まではみ出し、iOS Safari では body{overflow-x:hidden} が
         効かないためページ幅が広がっていた（390px幅で460pxになる）。
   対策：全体ラッパー .stage で横方向だけをクリップする。
         clip はスクロールコンテナを作らないので、スタンダードの
         ONE DAY カード（position:sticky）に影響しない。
         PC（1024px以上）は従来どおりのため対象外。 */
@media (max-width: 1023px) {
  .stage {
    overflow-x: hidden; /* 古いブラウザ向けフォールバック */
    overflow-x: clip;
  }
}