/* =========================================================
   木村広報設計室｜スマートフォン ナビゲーション補助
   2026-08-13

   メニュー本体の位置・サイズは assets/css/style.css に一元化する。
   このファイルでは下層ページのヘッダー補助と背面スクロール抑止のみ扱う。
   ========================================================= */

@media (max-width:900px){
  .site-header.scrolled,
  .site-header.subpage{
    background:rgba(251,252,250,.98);
    border-bottom:1px solid rgba(17,17,17,.08);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .menu-toggle{
    position:relative;
    z-index:53;
  }

  body.menu-open{
    overflow:hidden;
    overscroll-behavior:none;
    touch-action:none;
  }
}
