@charset "UTF-8";/* ==========================================================================基本設定・ユーティリティ========================================================================== *//* fade image in after load */.lazyload {opacity: 0;}.lazyloading {opacity: 1;}.lazyloaded {opacity: 1;transition: opacity 200ms;}/* カート等のアイコン調整 */.pane-header-menus-item.is-login a:after {background: url("../../img/usr/common/icon_h_entry_w_2.png") no-repeat center center/contain !important;}.pane-header-menus-item.is-mypage a:after {background: url("../../img/usr/common/icon_h_mypage_b.png") no-repeat center center/contain !important;}dl.js-enhanced-ecommerce-item {width: 24% !important;padding: 1rem;}/* ==========================================================================ヘッダーエリア（共通・メガメニュー）========================================================================== *//* --- ヘッダー常時スリム化 & 背景2色塗り分け（HTML構造変更対応版） --- *//* 1. ヘッダー外枠（固定用） */.pane-header {position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;min-width: 1260px !important;z-index: 9999 !important;padding: 0 !important;border-bottom: none !important;background: transparent !important;/* 背景は子要素に任せる */box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;}/* 2. 上段エリア（濃いグレー背景） */.pane-header__upper {background-color: #1e1e1e !important;/* ★ここで色指定 */width: 100% !important;height: 50px !important;padding: 0 !important;color: #fff !important;}/* 3. 下段エリア（黒背景） */.pane-header__bottom {background-color: #000000 !important;/* ★ここで色指定 */width: 100% !important;height: 40px !important;padding: 0 !important;color: #fff !important;}/* 4. コンテンツ幅制限エリア（共通設定） *//* 上段・下段それぞれの内側にある inner に適用されます */.pane-header__inner {max-width: 1200px !important;width: 100% !important;margin: 0 auto !important;/* 中央寄せ */height: 100% !important;display: flex !important;justify-content: space-between !important;align-items: center !important;padding: 0 !important;}/* 5. 左側（ロゴエリア）の調整 */.pane-header__left {display: flex !important;align-items: center !important;}/* 6. ロゴ画像のサイズ調整 */.pane-header-logo img {height: 20px !important;width: auto !important;max-width: none !important;object-fit: contain !important;}/* 7. コンテンツの余白確保 */.wrapper {padding-top: 90px !important;}/* --- 文字色・アイコンの調整 --- */.pane-header a,.pane-header span,.pane-header-links-item > a {color: #fff !important;text-decoration: none !important;}.pane-header i,.pane-header .fa-search {color: #fff !important;}/* --- ヘッダー用メガメニューの特別設定（ダークテーマ・3列・高さ独立版） --- *//* 1. ドロップダウンの箱（全画面背景・マウスオーバー表示） */.pane-header-links-item.has-children:hover .pane-header-links-item-children {display: block !important;visibility: visible !important;opacity: 1 !important;/* 全画面表示 */position: absolute !important;top: 100% !important;width: 100vw !important;left: 50% !important;right: 50% !important;margin-left: -50vw !important;margin-right: -50vw !important;/* 背景色（濃いグレー） */background: #333 !important;border-top: 1px solid #444 !important;box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;padding: 0 !important;z-index: 9999 !important;}/* 2. 中身のコンテンツ幅（1200px）設定 */.pane-header-links-item-children__inner {width: 100% !important;max-width: 1200px !important;margin: 0 auto !important;padding: 30px 20px !important;box-sizing: border-box !important;display: block !important;}/* 3. アコーディオンリストの枠 */.p-header-mega-menu .p-category-accordion-list {display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;gap: 20px !important;border: none !important;margin: 0 !important;width: 100% !important;/* ★高さ揃え解除 */align-items: flex-start !important;}/* 4. アコーディオンの各アイテム（ボタン部分） */.p-header-mega-menu .p-category-item {width: calc((100% - 40px) / 3) !important;/* ★黒背景・白文字 */background-color: #000 !important;border: 1px solid #444 !important;border-radius: 4px !important;color: #fff !important;box-sizing: border-box !important;overflow: hidden !important;height: auto !important;}/* 5. 親カテゴリ（クリックする見出し） */.p-header-mega-menu .p-category-summary {display: block;padding: 15px 20px !important;font-size: 14px !important;font-weight: bold;cursor: pointer;position: relative;list-style: none;/* ★黒背景・白文字 */color: #fff !important;background-color: #000 !important;transition: background-color 0.2s;}.p-header-mega-menu .p-category-summary::after {color: #ccc !important;}.p-header-mega-menu .p-category-summary:hover,.p-header-mega-menu .p-category-item[open] .p-category-summary {background-color: #222 !important;/* 少し明るい黒 */}/* 6. 展開される子カテゴリ一覧（ダークモード） */.p-header-mega-menu .p-category-children {padding: 0 !important;background-color: #111 !important;/* 暗いグレー */width: 100% !important;border-top: 1px solid #444 !important;}/* アイテム箱 */.p-header-mega-menu .p-category-children .pane-header-sub-links-item {display: block !important;width: 100% !important;margin: 0 !important;padding: 0 !important;background: transparent !important;border: none !important;border-radius: 0 !important;}/* リンク文字 */.p-header-mega-menu .p-category-children .pane-header-sub-links-item a {display: block !important;padding: 12px 20px !important;/* ★文字色：白（少しグレー） */color: #ddd !important;font-size: 13px !important;text-decoration: none !important;text-align: left !important;background: transparent !important;border-bottom: 1px dashed #444 !important;/* 元のスタイル完全打ち消し */float: none !important;border-radius: 0 !important;}/* ★ホバー時のデザイン */.p-header-mega-menu .p-category-children .pane-header-sub-links-item a:hover {background-color: #222 !important;/* 背景を少し明るく */color: #fff !important;/* 文字を白く */padding-left: 25px !important;/* 右に動く */border-radius: 0 !important;box-shadow: none !important;text-decoration: none !important;}/* --- お問い合わせメガメニュー専用スタイル (p-contact-mega-menu) --- *//* 1. 見出し */.p-contact-header {font-size: 22px !important;text-align: center !important;font-weight: bold !important;margin-bottom: 30px !important;color: #fff !important;border-bottom: none !important;}/* 2. 4列レイアウトの枠 */.p-contact-list {display: flex !important;justify-content: space-between !important;gap: 20px !important;align-items: stretch !important;}/* 3. 各ボックス（カード）のデザイン */.p-contact-item {width: calc((100% - 60px) / 4) !important;/* 白背景 */background-color: #fff !important;border: none !important;/* 枠線なし */border-radius: 4px !important;padding: 25px 20px !important;box-sizing: border-box !important;/* 影 */box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;display: flex !important;flex-direction: column !important;align-items: center !important;}/* 4. アイコン画像エリア */.p-contact-icon {/* 下の余白詰め */margin-bottom: 8px !important;/* 高さを小さく */height: 40px !important;display: flex !important;align-items: center !important;justify-content: center !important;}.p-contact-icon img {max-height: 100% !important;width: auto !important;display: block !important;}/* 5. タイトル（リンク化対応） */.p-contact-title {font-size: 16px !important;font-weight: bold !important;margin-bottom: 15px !important;text-align: center !important;line-height: 1.4 !important;height: 44px !important;display: flex !important;align-items: center !important;justify-content: center !important;}/* タイトルの中のリンク（★修正：pane-headerを追加して優先度UP） */.pane-header .p-contact-title a {color: #333 !important;/* 通常は濃いグレー */text-decoration: none !important;transition: color 0.2s !important;}.pane-header .p-contact-title a:hover {color: #003893 !important;/* ホバー時は青 */text-decoration: underline !important;}/* 6. 説明文 *//* （★修正：pane-headerを追加して白文字化を防止） */.pane-header .p-contact-desc {font-size: 13px !important;line-height: 1.6 !important;color: #333 !important;text-align: left !important;width: 100% !important;margin-bottom: 20px !important;flex-grow: 1;}.pane-header .p-contact-desc a {color: #003893 !important;text-decoration: underline !important;}.pane-header .p-contact-desc .u-note {font-size: 12px !important;color: #666 !important;display: block !important;margin-top: 5px !important;}/* 7. テキストリンクエリア */.p-contact-btn-area {width: 100% !important;margin-top: auto !important;text-align: center !important;/* 中央寄せ */}/* テキストリンク＋矢印（★修正：pane-headerを追加して優先度UP） */.pane-header .c-contact-arrow-link {display: inline-block !important;padding: 5px 0 !important;color: #003893 !important;font-weight: bold !important;font-size: 14px !important;text-decoration: none !important;position: relative !important;padding-right: 20px !important;/* 矢印のスペース確保 */transition: all 0.2s !important;}/* 擬似要素で「＞」矢印（★修正：ここも青色を維持） */.pane-header .c-contact-arrow-link::after {content: "" !important;display: block !important;width: 6px !important;height: 6px !important;border-top: 2px solid #003893 !important;/* 矢印の色 */border-right: 2px solid #003893 !important;position: absolute !important;top: 50% !important;right: 5px !important;/* 右端に配置 */transform: translateY(-60%) rotate(45deg) !important;/* 回転させて矢印にする */transition: right 0.2s !important;}/* ホバー時の動き */.pane-header .c-contact-arrow-link:hover {text-decoration: underline !important;color: #002a70 !important;}/* ホバー時の矢印 */.pane-header .c-contact-arrow-link:hover::after {right: 0px !important;}/* --- コンパクトなドロップダウンメニュー (.is-small-dropdown) --- *//* 1. メガメニューの設定を上書きして小さくする（マウスオーバー版） */.pane-header-links-item.has-children.is-small-dropdown:hover .pane-header-links-item-children {/* サイズ変更 */width: 420px !important;max-width: 90vw !important;/* 右寄せ */left: auto !important;right: 0 !important;transform: none !important;/* 全画面設定の解除 */margin-left: 0 !important;margin-right: 0 !important;/* デザイン */background: #fff !important;padding: 20px !important;border: 1px solid #ddd !important;border-top: 2px solid #003893 !important;box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;border-radius: 0 0 4px 4px !important;}/* 2. インナーの余白リセット */.pane-header-links-item.is-small-dropdown .pane-header-links-item-children__inner {width: 100% !important;padding: 0 !important;display: block !important;}/* 3. リストのデザイン */.p-small-dropdown-list {list-style: none !important;margin: 0 !important;padding: 0 !important;}/* 4. 各項目のデザイン */.p-small-dropdown-item {border-bottom: 1px dashed #eee !important;padding: 15px 0 !important;/* 上下の余白 */}.p-small-dropdown-item:last-child {border-bottom: none !important;}/* 5. リンクタイトル（青文字） */.p-small-dropdown-item a {display: block !important;font-weight: bold !important;color: #003893 !important;font-size: 15px !important;/* 少し大きくして見やすく */text-decoration: none !important;margin-bottom: 8px !important;/* 下のキャプションとの隙間 */position: relative !important;}.p-small-dropdown-item a:hover {text-decoration: underline !important;}/* 右端の矢印 */.p-small-dropdown-item a::after {content: "" !important;display: block !important;width: 6px !important;height: 6px !important;border-top: 2px solid #003893 !important;border-right: 2px solid #003893 !important;position: absolute !important;top: 50% !important;right: 0 !important;transform: translateY(-60%) rotate(45deg) !important;}/* 6. キャプション（修正版：優先度アップ） */.pane-header .p-small-dropdown-caption {display: block !important;font-size: 13px !important;color: #333 !important;line-height: 1.5 !important;font-weight: normal !important;}/* --- ヘッダー最終調整（位置・矢印・クリック対策） --- *//* 1. 「法人のお客さま」ドロップダウン位置修正 */.pane-header-links-item.is-small-dropdown {position: relative !important;}.pane-header-links-item.has-children.is-small-dropdown:hover .pane-header-links-item-children {position: absolute !important;top: 100% !important;right: 0 !important;/* 右端合わせ */left: auto !important;margin-top: 0 !important;width: 420px !important;margin-left: 0 !important;margin-right: 0 !important;transform: none !important;}/* 2. ヘッダーニュースの矢印削除 */.pane-header-news a::after,.pane-header-news::after {display: none !important;content: none !important;}.pane-header-news a {padding-right: 0 !important;background: none !important;}/* 3. メニューの「クリック展開」無効化（二重表示防止） */.pane-header-links-item.has-children:not(:hover) .pane-header-links-item-children {display: none !important;opacity: 0 !important;visibility: hidden !important;}.pane-header-links-item.has-children .pane-header-links-item-children {position: absolute !important;}/* ==========================================================================トップページ：メインエリア（MV, 新着情報など）========================================================================== *//* --- メインスライダー(MV)の調整【トップページ限定】 --- *//* 1. スライダー上部の余白 */body.page-top .p-top-mv {padding-top: 0px !important;}/* 2. スライドの幅を%指定（トップページのみ） */body.page-top .p-top-mv-images-slide {width: 50% !important;opacity: 0.4 !important;/* 基本は半透明 */transition: opacity 500ms ease-out !important;}/* 3. 中央（アクティブ）のスライドだけ不透明にする（トップページのみ） */body.page-top .p-top-mv-images-slide.swiper-slide-active,body.page-top .p-top-mv-images-slide.swiper-slide-duplicate-active {opacity: 1 !important;}/* 4. ローディング表示（トップページのみ） */body.page-top .p-top-mv:after {content: "";position: absolute;z-index: 20;top: 50%;left: 0;right: 0;margin: 0 auto;width: 48px;height: 48px;transform: translate3d(0, -50%, 0) rotate(90deg);background: url("../../img/usr/svg-loaders/oval.svg") no-repeat center center/contain;pointer-events: none;}/* ローディングを消す処理 */body.page-top .p-top-mv.is-loaded:after {display: none !important;}/* --- 新着情報(TOPICS)リスト表示 --- *//* 1. スライダー機能の無効化とコンテナ設定 */.block-top-topic .swiper-container,.block-top-topic .swiper-wrapper {display: block !important;width: 100% !important;height: auto !important;transform: none !important;/* スライド移動を無効化 */position: static !important;}/* 2. 不要な要素の非表示 */.block-top-topic .p-r-slider__img,.block-top-topic .p-r-slider__btns,.block-top-topic .swiper-pagination,.block-top-topic .swiper-slide-duplicate {display: none !important;}/* 3. リストの1行ごとのスタイル */.block-top-topic .swiper-slide {display: block !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 15px 0 !important;border-bottom: 1px solid #e5e5e5;/* 区切り線 */opacity: 1 !important;/* フェード対策 */}/* 4. リンクの中身を「日付＋タイトル」の横並びにする */.block-top-topic .swiper-slide > a {display: flex !important;align-items: center !important;/* 上下の中心揃え */justify-content: flex-start !important;text-decoration: none !important;color: inherit !important;width: 100%;}/* 5. 日付エリアのデザイン */.block-top-topic .p-r-slider__date {width: 120px !important;/* 日付の幅を固定 */flex-shrink: 0;/* 縮まないようにする */margin-bottom: 0 !important;font-size: 14px !important;color: #666 !important;font-weight: normal !important;text-align: left !important;font-family: inherit !important;}/* 6. タイトル(desc)エリアのデザイン */.block-top-topic .p-r-slider__desc {font-size: 16px !important;font-weight: 400 !important;line-height: 1.5 !important;margin-bottom: 0 !important;padding-left: 20px !important;/* 日付との間の余白 */text-align: left !important;color: #000 !important;}/* （念の為）リンクがない場合のスライド調整 */.block-top-topic .swiper-slide:not(:has(a)) {display: flex !important;align-items: center !important;}body .block-top-topic .swiper-slide-duplicate {display: none !important;}/* 見出し「新着情報」のサイズ変更 */.block-top-topic--header {font-size: 22px !important;/* 元は28px */text-align: center !important;padding-top: 60px !important;}/* 「すべての記事を見る」のサイズ変更 */.block-top-topic .p-more-link {font-size: 16px !important;/* 元は22px */margin-top: 20px !important;}/* --- サブバナースライダー(p-top-sub-images)の調整 --- *//* 1. 全体の幅を1200pxに制限して中央寄せ */.p-top-sub-images {max-width: 1200px !important;width: 100% !important;margin-left: auto !important;margin-right: auto !important;/* 必要であれば上下の余白もここで調整できます */margin-top: 40px !important;margin-bottom: 40px !important;}/* 2. スライドに左右の隙間（余白）を持たせる */.p-top-sub-images .swiper-slide {/* 左右に10pxずつ */padding: 0 10px !important;box-sizing: border-box !important;/* 念の為幅計算を崩さない */}/* 3. 画像を横幅いっぱいに広げる */.p-top-sub-images .swiper-slide img {width: 100% !important;height: auto !important;display: block !important;}/* --- 4列固定バナー（スライダーなし）用の設定 --- */.p-static-banner-list {display: flex !important;justify-content: space-between !important;/* 均等配置 */gap: 20px !important;/* バナー間の隙間 */width: 100% !important;}.p-static-banner-item {/* (100% - 隙間4つ分80px) ÷ 5 */width: calc((100% - 80px) / 5) !important;margin: 0 !important;}.p-static-banner-item img {width: 100% !important;height: auto !important;display: block !important;}.p-static-banner-item a:hover {opacity: 0.8 !important;transition: opacity 0.2s !important;}/* ==========================================================================トップページ：商品リスト（スライダー類）========================================================================== *//* --- 新着商品(New Arrivals) 5列表示・サイズ調整 --- *//* 1. 外側（コンテナからはみ出た部分）を非表示にする */.p-top-arrivals .swiper-container {overflow: hidden !important;padding-right: 0 !important;/* 右側の余計な余白を削除 */}/* 2. 商品1つあたりの幅を20%（5つ分）に縮める */.p-top-arrivals .swiper-slide {width: 20% !important;/* 画面幅の1/4サイズに固定 */max-width: 20% !important;padding-right: 20px !important;/* 商品同士の隙間（お好みで調整可） */box-sizing: border-box !important;opacity: 1 !important;/* 常にくっきり表示 */}/* 画像を枠に合わせてリサイズ */.p-top-arrivals .p-r-slider__img img {width: 100% !important;height: auto !important;}/* --- 最近見た商品(Recently Viewed)のはみ出し修正 --- *//* 1. 外側（コンテナ）のはみ出しを隠す */#block_of_itemhistory .swiper-container {overflow: hidden !important;padding-right: 0 !important;/* 右側の余計な余白を削除 */}#block_of_itemhistory .swiper-slide {width: 20% !important;/* 5列表示 (100% / 5) */max-width: 20% !important;box-sizing: border-box !important;padding-right: 10px !important;/* 商品同士の隙間 */}#block_of_itemhistory .p-r-slider__img img {width: 100% !important;height: auto !important;}/* --- 「オススメ商品」ブロックの設定 --- *//* 見出し設定（デフォルトのテキストをそのまま表示） */.block-top-recommends--header {font-size: 22px !important;color: #000 !important;line-height: 1.5 !important;text-align: center !important;padding-bottom: 0px !important;}/* 余白調整 */.p-top-recommends__top {padding-bottom: 0 !important;margin-bottom: 0px !important;}.p-top-recommends__bottom {padding-top: 10px !important;margin-top: 0 !important;}/* オススメ商品（下段スライダー）のはみ出し防止 */.p-top-recommends__bottom .swiper-container {overflow: hidden !important;padding-right: 0 !important;}.p-top-recommends__bottom {background-color: #F4F4F4 !important;}.p-top-recommends__bottom .p-r-slider-wrapper:before {background-color: #F4F4F4 !important;}/* --- 商品系ブロックの見出し共通設定 --- */body .p-item-history--header,body .block-top-arrivals--header {font-size: 22px !important;text-align: center !important;font-weight: bold !important;}body .p-item-history--header {color: #000000 !important;}/* 最近見た商品 */body .block-top-arrivals--header {color: #ffffff !important;}/* 新着商品 */.p-top-ranking {background-color: #FFF !important;}/* ==========================================================================トップページ：コンテンツ・ブランド・カテゴリ========================================================================== *//* --- サービス一覧（Service List）の設定 --- */.p-top-services {margin-top: 60px !important;margin-bottom: 40px !important;max-width: 1200px !important;width: 100% !important;margin-left: auto !important;margin-right: auto !important;}.p-top-services-header {font-size: 22px !important;text-align: center !important;margin-bottom: 10px !important;font-weight: bold !important;}.p-top-services-caption {text-align: center !important;/* 中央寄せ */font-size: 14px !important;/* 文字サイズ */color: #666 !important;/* 文字色（グレー） */margin-top: 0 !important;/* 上の隙間はなくす */margin-bottom: 30px !important;/* 下のリストとの隙間を確保 */line-height: 1.5 !important;}.p-top-services-list {display: flex !important;flex-wrap: wrap !important;/* 折り返しを許可 */list-style: none !important;padding: 0 !important;margin: 0 !important;}.p-top-services-list-item {width: 20% !important;/* 100% ÷ 5 = 20% */padding: 10px !important;/* アイテム同士の隙間 */box-sizing: border-box !important;text-align: center !important;}.p-top-services-list-item a {text-decoration: none !important;color: #333 !important;/* 文字色 */display: block !important;transition: opacity 0.3s !important;}.p-top-services-list-item a:hover {opacity: 0.7 !important;}.service-img {width: 100% !important;aspect-ratio: 3 / 1 !important;/* 比率の指定 */overflow: hidden !important;margin-bottom: 10px !important;background-color: #f5f5f5 !important;}.service-img img {width: 100% !important;height: 100% !important;object-fit: cover !important;/* 枠いっぱいにトリミングして表示 */display: block !important;}.service-caption {display: block !important;font-size: 14px !important;line-height: 1.4 !important;font-weight: bold !important;}/* --- 人気ブランド一覧(p-top-brands)8列表示 --- */body .p-top-brands-list {border-top: 1px solid #e5e5e5 !important;border-left: 1px solid #e5e5e5 !important;border-right: 1px solid #e5e5e5 !important;display: flex !important;flex-wrap: wrap !important;justify-content: flex-start !important;padding: 0 !important;margin: 0 !important;list-style: none !important;max-width: 1200px !important;margin-left: auto !important;margin-right: auto !important;}body .p-top-brands-list .p-top-brands-list-item {border-top: none !important;border-left: none !important;border-right: 1px solid #e5e5e5 !important;border-bottom: 1px solid #e5e5e5 !important;width: 12.5% !important;max-width: 12.5% !important;min-width: 0 !important;flex: 0 0 12.5% !important;box-sizing: border-box !important;padding: 0 !important;margin: 0 !important;}body .p-top-brands-list .p-top-brands-list-item a {display: flex !important;justify-content: center !important;align-items: center !important;width: 100% !important;height: 100% !important;padding: 5px !important;box-sizing: border-box !important;background: transparent !important;text-decoration: none !important;}body .p-top-brands-list .p-top-brands-list-item a img {width: 100% !important;height: auto !important;display: block !important;}body .p-top-brands-list .p-top-brands-list-item:nth-child(8n) {border-right: none !important;}/* ブランド一覧見出し */body .p-top-brands-header {font-size: 22px !important;font-weight: bold !important;color: #000 !important;}/* --- カテゴリ検索アコーディオン (p-top-category-search) --- */.p-top-category-search {max-width: 1200px;margin: 40px auto;width: 100%;}.p-top-category-header {font-size: 22px !important;text-align: center !important;font-weight: bold !important;margin-bottom: 20px !important;color: #000 !important;}.p-category-accordion-list {display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;gap: 20px !important;border: none !important;align-items: flex-start !important;}.p-category-item {width: calc((100% - 40px) / 3) !important;border: 1px solid #e5e5e5 !important;border-radius: 4px !important;background-color: #fff !important;box-sizing: border-box !important;overflow: hidden !important;height: auto !important;}.p-category-summary {display: block;padding: 15px 20px;font-weight: bold;cursor: pointer;position: relative;list-style: none;background-color: #fff;transition: background-color 0.2s;}.p-category-summary::-webkit-details-marker {display: none;}.p-category-summary::after {content: "+";position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-weight: bold;color: #666;font-size: 18px;}.p-category-item[open] .p-category-summary::after {content: "-";}.p-category-item[open] .p-category-summary {background-color: #f0f0f0;border-bottom: 1px solid #e5e5e5;}.p-category-summary:hover {background-color: #f9f9f9;}.p-category-children {padding: 0 !important;background-color: #fff !important;width: 100% !important;}.p-category-children .pane-header-sub-links-item {display: block !important;width: 100% !important;margin: 0 !important;padding: 0 !important;background: transparent !important;border: none !important;border-radius: 0 !important;border-top: 1px dashed #e5e5e5 !important;}.p-category-children .pane-header-sub-links-item a {display: block !important;padding: 12px 15px !important;color: #333 !important;font-size: 14px !important;text-decoration: none !important;text-align: left !important;background: transparent !important;transition: all 0.2s ease !important;}.p-category-children .pane-header-sub-links-item a:hover {background-color: #f4f4f4 !important;color: #0066cc !important;padding-left: 20px !important;}/* ==========================================================================フッターエリア========================================================================== *//* --- 大型フッター (p-mega-footer) の設定 --- *//* 1. フッター全体のベース（上段） */.p-mega-footer {background-color: #1e1e1e !important;color: #fff !important;width: auto !important;/* 幅は親に任せる */min-width: 1260px !important;/* 最低幅は維持 */margin-left: -1000px !important;margin-right: -1000px !important;padding-left: 1000px !important;padding-right: 1000px !important;/* 位置リセット */position: static !important;left: auto !important;right: auto !important;padding-top: 60px !important;padding-bottom: 0 !important;margin-top: 0px !important;font-size: 14px !important;}/* 2. インナー幅設定（中身） */.p-mega-footer__inner {width: 1200px !important;/* 固定幅 */margin: 0 auto !important;padding: 0 20px !important;box-sizing: border-box !important;}/* 3. 4列カラムのレイアウト */.p-mega-footer__cols {display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;align-items: flex-start !important;margin-bottom: 50px !important;gap: 30px !important;/* 列ごとの間隔 */}/* 4. 各カラムの共通設定 */.p-footer-col {box-sizing: border-box !important;}/* 列の幅配分（合計100%になるように調整） */.p-footer-col.is-brand    {width: 22% !important;}.p-footer-col.is-category {width: 30% !important;}.p-footer-col.is-support  {width: 18% !important;}.p-footer-col.is-shop     {width: 22% !important;}/* 見出しデザイン */.p-footer-heading {font-size: 16px !important;font-weight: bold !important;margin-bottom: 20px !important;padding-bottom: 10px !important;border-bottom: 1px solid #555 !important;/* 薄い区切り線 */color: #fff !important;}/* --- [1列目] ブランド情報 --- */.p-footer-logo img {width: 180px !important;/* ロゴサイズ調整 */height: auto !important;margin-bottom: 15px !important;}.p-footer-desc {font-size: 12px !important;line-height: 1.6 !important;color: #ccc !important;margin-bottom: 20px !important;}.p-footer-permit {font-size: 11px !important;color: #999 !important;line-height: 1.5 !important;margin-top: 20px !important;}/* SNSアイコン */.p-footer-socials {display: flex !important;gap: 15px !important;}.p-footer-socials a img {width: 24px !important;height: auto !important;display: block !important;/* ★重要：黒いアイコン画像を白く反転させる魔法 */filter: brightness(0) invert(1) !important;opacity: 0.8 !important;transition: opacity 0.2s !important;}.p-footer-socials a:hover img {opacity: 1 !important;}/* --- [2列目・3列目] リンク一覧 --- */.p-footer-list {list-style: none !important;padding: 0 !important;margin: 0 !important;}.p-footer-list li {margin-bottom: 10px !important;}.p-footer-list li a {color: #ccc !important;text-decoration: none !important;transition: color 0.2s !important;font-size: 13px !important;}.p-footer-list li a:hover {color: #fff !important;text-decoration: underline !important;}/* グリッド表示（カテゴリ用：2列にする） */.p-footer-list.is-grid {display: flex !important;flex-wrap: wrap !important;}.p-footer-list.is-grid li {flex: 0 0 50% !important;max-width: 50% !important;padding-right: 10px !important;box-sizing: border-box !important;}/* 余白調整用 */.u-mt-10 {margin-top: 15px !important;/* 区切りを少し開ける */}/* クレジットカード画像 */.p-footer-cards {margin-top: 20px !important;}.p-footer-cards img {max-width: 100% !important;height: auto !important;}/* --- [4列目] 店舗情報 --- */.p-footer-shop-item {margin-bottom: 20px !important;border-bottom: 1px dashed #444 !important;padding-bottom: 15px !important;}.p-footer-shop-item:last-child {border-bottom: none !important;}.p-shop-name {font-size: 14px !important;font-weight: bold !important;color: #fff !important;margin-bottom: 5px !important;}.p-shop-address {font-size: 12px !important;color: #ccc !important;line-height: 1.5 !important;margin-bottom: 8px !important;}.p-shop-link {font-size: 12px !important;color: #ccc !important;/* 青ではなく白系のリンク */text-decoration: underline !important;}.p-shop-link:hover {color: #fff !important;}/* --- 最下部：法務リンク＆コピーライト（下段） --- */.p-mega-footer__bottom {background-color: #000 !important;border-top: none !important;margin-top: 40px !important;padding: 20px 0 !important;text-align: center !important;width: auto !important;min-width: 1260px !important;margin-left: -1000px !important;margin-right: -1000px !important;padding-left: 1000px !important;padding-right: 1000px !important;/* 位置調整の解除 */left: auto !important;right: auto !important;}/* 法務リンク（横並び） */.p-footer-legal-links {list-style: none !important;padding: 0 !important;margin: 0 0 15px 0 !important;display: flex !important;justify-content: center !important;flex-wrap: wrap !important;gap: 20px !important;}.p-footer-legal-links li a {color: #999 !important;font-size: 12px !important;text-decoration: none !important;}.p-footer-legal-links li a:hover {color: #fff !important;text-decoration: underline !important;}/* コピーライト */.p-footer-copy {font-size: 11px !important;color: #666 !important;margin: 0 !important;}/* 左端の列（ブランド情報）の列と高さ */.p-footer-col.is-brand {padding-top: 15px !important;}/* --- フッター文字色 --- */.p-footer-desc,.p-shop-address,.p-footer-list li a,.p-shop-link,.p-footer-legal-links li a {color: #e0e0e0 !important;}.p-footer-permit,.p-footer-copy {color: #ccc !important;}/* ==========================================================================フッター直上の不要な空白（間延び）を削除========================================================================== *//* メインコンテンツ下部の余白をリセット（トップページ限定） */body.page-top .pane-contents {padding-bottom: 0 !important;margin-bottom: 0 !important;}