/* 店外.com 独自CSS（Next.js生成CSSの後ろから上書きする用） */

/* 横溢れ対策
   .article-layout のモバイル指定が grid-template-columns:1fr（＝最小幅がコンテンツ幅）のため、
   中の <table> が列を押し広げ、.dohan-table-wrap の overflow-x が効かずページ全体が横スクロールしていた。
   グリッドアイテムに min-width:0 を与えて、はみ出しを表の中のスクロールに閉じ込める。 */
.article-layout > * { min-width: 0; }
.article-body { min-width: 0; }

/* モバイルメニュー: Reactの条件レンダリングをCSSの開閉に置き換える */
.mobile-menu-layer { display: none; }
.mobile-menu.is-open .mobile-menu-layer { display: block; }