/* ここは任意：挙動ではなく見た目（例：モバイルメニューのオーバーレイや開き方）を変えたいときに使う */

/* 例：モバイルメニューが開いている時、背面スクロールが走る場合の保険 */
body.menu_mobile_opened {
  overflow: hidden;
}

/* 例：open_child_menu のクリック領域を広げる（誤タップ防止） */
.menu_mobile .open_child_menu {
  display: inline-block;
  width: 44px;
  height: 44px;
  vertical-align: middle;
}
