/* Mobile Burger Menu v1.0 ? overlay drawer */
/* 768px以下で表示（必要なら閾値を変更） */
@media (max-width: 768px){
  /* 固定ボタン */
.mbm-toggle {
  position: fixed; z-index: 1050;
  right: 14px; bottom: 18px;
  width: 52px; height: 52px;
  border-radius: 9999px;
  background: rgba(0,0,0,0.85); /* ← 半透明の黒 */
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  border: none; cursor: pointer;
  }
  .mbm-toggle:active { transform: translateY(1px); }
  .mbm-icon {
    width: 26px; height: 2px; background:#fff; position: relative;
  }
  .mbm-icon::before, .mbm-icon::after{
    content:""; position:absolute; left:0; right:0; height:2px; background:#fff;
  }
  .mbm-icon::before{ top:-8px; }
  .mbm-icon::after { top: 8px; }

  /* オーバーレイ */
  .mbm-overlay{
    position: fixed; inset: 0; background: rgba(0,0,0,.45);
    opacity: 0; pointer-events: none; transition: opacity .2s ease;
    z-index: 1040;
  }

  /* ドロワー本体 */
  .mbm-drawer{
    position: fixed; top:0; bottom:0; left:0; width: 82vw; max-width: 360px;
    background: #fff; color:#111; transform: translateX(-100%);
    transition: transform .25s ease;
    z-index: 1055; overflow-y: auto; -webkit-overflow-scrolling: touch;
    box-shadow: 6px 0 18px rgba(0,0,0,.2);
  }
  .mbm-header{
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 14px; border-bottom: 1px solid #eee;
  }
  .mbm-title{ font-size: 16px; font-weight: 600; }
  .mbm-close{
    border:none; background:transparent; font-size: 26px; line-height:1; cursor:pointer;
  }
  .mbm-content{ padding: 10px 14px 18px; }

  /* 開いた状態 */
  .mbm-open .mbm-overlay{ opacity: 1; pointer-events: auto; }
  .mbm-open .mbm-drawer{ transform: translateX(0); }
  /* 本文スクロールロック */
  body.mbm-lock{ overflow: hidden; }
}

/* サイドのアコーディオンCSSと馴染む最低限の調整（任意） */
@media (max-width:768px){
  .mbm-content .widget_nav_menu .menu{ margin:0; padding:0; list-style:none; }
  .mbm-content .widget_nav_menu .menu li a{ display:block; padding:10px 8px; border-bottom:1px solid #eee; }
  .mbm-content .submenu-toggle{ font-size:18px; }
}
