@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* ===== 親テーマ build/css/main.css から移設（2026-08-02） =====
   制作会社がSWELL本体のCSSを直接書き換えて、スマホメニューの幅を
   88vw（画面の88%）から 100vw（全画面幅）にしていた。
   SWELLを更新すると消えるため、子テーマ側の上書きとして持ち直した。 */
.p-spMenu__inner { width: 100vw; }
.-left .p-spMenu__inner { -webkit-transform: translateX(-100vw); transform: translateX(-100vw); }
.-right .p-spMenu__inner { -webkit-transform: translateX(100vw); transform: translateX(100vw); }
/* 上の指定はSWELL本体の「メニューを開いた時」の指定と同じ強さのため、
   あとに書いた側が勝ってしまい、開いても画面外に隠れたままになる。
   本体と同じ内容をここで再度宣言して、開いた時の位置を取り戻す。 */
[data-spmenu="opened"] .p-spMenu__inner { -webkit-transform: translateX(0); transform: translateX(0); }