/* ------------------------------------------------------------
   テーマ調整用CSS
   元テーマ(style.css)を直接編集せず、ここで上書きする
   ------------------------------------------------------------ */

/* モバイルメニュー: 閉じる(×)ボタンが直下の「メニュー」バーに重なる問題の修正。
   ボタンは .inner を基準にした絶対配置なので、.head に高さを持たせて
   バーとの間に余白を確保する。あわせてタップ領域も拡大。 */
.offcanvas.offcanvas-mobile-menu .inner .head {
  min-height: 56px;
}

.offcanvas.offcanvas-mobile-menu .inner .head .offcanvas-close {
  top: 8px;
  right: 0;
  width: 40px;
  height: 40px;
}

.offcanvas.offcanvas-mobile-menu .inner .head .offcanvas-close::before,
.offcanvas.offcanvas-mobile-menu .inner .head .offcanvas-close::after {
  left: calc(50% - 10px);
}