/* ====================================================== */ /* モバイル用スティッキーヘッダー - 改良版 */ /* ====================================================== */ /* --- 基本のスティッキーヘッダー設定 --- */ @media (max-width: 991px) { /* ヘッダー全体をスティッキーに */ #masthead, .site-header { position: sticky !important; top: 0 !important; width: 100% !important; z-index: 999 !important; background-color: #ffffff !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; transition: all 0.3s ease !important; } /* ヘッダーの内側コンテナ */ #masthead .site-header, #masthead .header-sidebar { background-color: inherit !important; } /* ヘッダー固定時のbody調整 */ body { padding-top: 0 !important; /* 初期状態 */ } /* JavaScriptで動的に追加されるクラス用 */ body.sticky-header-active { padding-top: 70px !important; /* ヘッダーの高さ分 */ } /* ヘッダー内要素の位置調整 */ .site-header .header-sidebar .header-sidebar-inner { position: relative !important; min-height: 70px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* ロゴエリア */ .site-header .site-branding { flex: 1 !important; display: flex !important; align-items: center !important; } /* ハンバーガーメニューボタン */ .menu-toggle { position: relative !important; top: auto !important; right: auto !important; margin: 0 !important; padding: 10px !important; background: transparent !important; border: none !important; z-index: 1001 !important; } /* ウィジェット(カートなど)の位置 */ .header-sidebar-inner-widgets > .widget { position: relative !important; bottom: auto !important; right: auto !important; left: auto !important; margin-left: 10px !important; } } /* --- より小さなモバイルデバイス用 --- */ @media (max-width: 768px) { body.sticky-header-active { padding-top: 65px !important; /* 小さなデバイス用に調整 */ } .site-header .header-sidebar .header-sidebar-inner { min-height: 65px !important; padding: 0 15px !important; } /* ロゴのサイズ調整 */ .site-header .site-branding img, .site-header .site-branding .custom-logo { max-height: 45px !important; width: auto !important; } } /* --- 極小デバイス用 --- */ @media (max-width: 480px) { body.sticky-header-active { padding-top: 60px !important; } .site-header .header-sidebar .header-sidebar-inner { min-height: 60px !important; padding: 0 10px !important; } .site-header .site-branding img, .site-header .site-branding .custom-logo { max-height: 40px !important; } } /* ====================================================== */ /* スティッキーヘッダー用JavaScript補助CSS */ /* ====================================================== */ /* スクロール時のアニメーション */ .site-header.scrolled { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } /* ヘッダーが隠れるアニメーション(オプション) */ .site-header.header-hidden { transform: translateY(-100%) !important; transition: transform 0.3s ease !important; } .site-header.header-visible { transform: translateY(0) !important; transition: transform 0.3s ease !important; } /* ====================================================== */ /* メニューが開いている時の調整 */ /* ====================================================== */ @media (max-width: 991px) { /* モバイルメニューが開いている時 */ body.menu-open #masthead { position: fixed !important; /* スティッキーから固定に変更 */ } /* メニューオーバーレイ */ .main-navigation.toggled { position: fixed !important; top: 70px !important; /* ヘッダーの高さ分 */ left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: rgba(255, 255, 255, 0.98) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; z-index: 998 !important; } @media (max-width: 768px) { .main-navigation.toggled { top: 65px !important; } } @media (max-width: 480px) { .main-navigation.toggled { top: 60px !important; } } } 【公式】ETUMAX SHOP | ブラックホース正規代理店 https://validator.w3.org/feed/docs/rss2.html Blog 商品一覧 Top New ロイヤルミント 1缶24粒 特定商取引法に基づく表記 ハーバルプラス 5箱150錠 ブラックホースプレミアム 5箱 60袋 ブラックホースプレミアム 3箱 36袋 ブラックホースプレミアム 2箱 24袋 ブラックホース 5箱 60袋 ブラックホース 3箱 36袋 ブラックホース 2箱 24袋 ブラックホース 1箱 12袋 ロイヤルハニー よくある質問 ETUMAX社について ハーバルプラス 3箱90錠 ハーバルプラス 2箱60錠 トップ ブラックホースプレミアム 1箱 12袋 お問い合わせ 利用規約 お支払い方法について ハーバルプラス 1箱30錠 ロイヤルハニー女性用 5箱60袋 ロイヤルハニー女性用 3箱36袋 ロイヤルハニー女性用 2箱24袋 サイトマップ ロイヤルハニー女性用 1箱12袋 ロイヤルミント 5缶 120粒 ロイヤルミント 3缶 72粒 ロイヤルミント 2缶48粒 購入手続き プライバシーポリシー 当店について オプトアウト設定 返金および返品・交換ポリシー お気に入りリスト 個人輸入に関するご案内 マイアカウント カート 配送方法・送料について