/* PCサイズ (通常 992px, 1130px, または 1200px 以上) で適用 */ /* 注(2026-06-22): EC-CUBE default テーマに .container は存在せず、本ルールは無効（デッドコード）。実際のコンテンツ幅は .ec-layoutRole__contents の max-width:1150px が制御している。幅を変えたい場合は下記 .ec-layoutRole__contents をコメント解除して調整すること。 */ @media (min-width: 992px) { .container { max-width: 950px; } /* 例: 全幅を広げたい場合 .ec-layoutRole__contents { max-width: 1280px; } */ } /* 左側のサイドバーコンテナが Flexアイテムの場合 */ .ec-layoutRole__column { /* 幅の伸縮を禁止し、元の幅を維持 */ flex-grow: 0; flex-shrink: 0; /* 特定の幅に固定したい場合は以下を追加 */ /* width: 240px; */ } /* メールアドレス入力欄*/ .login_mail { width: 180px; } /* パスワード入力欄 */ .login_pass { width: 180px; } /* --- 追加: 個々のブロックの外枠に罫線を引く --- */ .ec-block { border: 3px solid #BFBFBF; } /* --- 追加: ブロックの中身 (内側) に背景と余白を指定する --- */ .ec-blockContents { background-color: #FFF2F2; /* 背景色 */ padding: 10px; /* 内側の余白 */ /* 背景画像を追加する場合は以下の行を有効にしてください */ /* background-image: url('/html/user_data/assets/img/background.gif'); */ } /* --- 追加(2026-06-22): 大型ビルボード(牡蠣ヒーロー画像/冬限定)はトップページのみ表示 --- 下層ページ用レイアウト(2)にも同ブロックが配置されているため、ログイン/カート/お問い合わせ等の作業ページで本文が大きく下に押し下げられていた。 homepage のは id="page_homepage" class="front_page" で一意なので、それ以外のページではビルボードを非表示にする（DB/テンプレート無改変・完全可逆）。 */ body:not(#page_homepage) .ec-billboard { display: none; } /* --- 追加(2026-06-22 / 2026-06-23 改修): タップ発信できる電話CTAバー --- タブレット・スマホ(≤991.98px)では画面下部に固定(追尾バー)で常時表示し、タップで発信できるようにする。PC(≥992px)では非表示。本文が固定バーに隠れないよう body に下余白を確保。 */ .nm-mobile-header { display: none; } @media (max-width: 991.98px) { /* 画面最下部に固定する電話バー */ .nm-mobile-header { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 14px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; width: 100%; margin: 0; padding: 7px 12px; background: #0a3d72; box-shadow: 0 -2px 8px rgba(0, 0, 0, .25); text-align: center; } /* 電話番号（タップ発信） */ .nm-mobile-header .nm-tel { display: flex; flex-direction: column; align-items: center; background: transparent; color: #fff; font-size: 19px; font-weight: bold; line-height: 1.2; padding: 0; text-decoration: none; letter-spacing: 1px; } .nm-mobile-header .nm-tel small { display: block; font-size: 10px; font-weight: normal; letter-spacing: 0; opacity: .9; } .nm-mobile-header .nm-tagline { font-size: 11px; color: #ffd24a; /* 青背景で見える色 */ font-weight: bold; white-space: nowrap; } /* 固定バー分の余白（本文の最後が隠れないように） */ body { padding-bottom: 62px; } } /* ================================================================= グローバルナビ: 画像ボタン → テキストボタン化 2026-06-22 ----------------------------------------------------------------- 対象: