.elementor-11 .elementor-element.elementor-element-6fac313{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-f8b98fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;}.elementor-11 .elementor-element.elementor-element-f8b98fc:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f8b98fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF6E;}.elementor-11 .elementor-element.elementor-element-fbe4d80{--display:flex;}.elementor-11 .elementor-element.elementor-element-98f4c28 .raven-site-logo img, .elementor-11 .elementor-element.elementor-element-98f4c28 .raven-site-logo svg{width:108px;}.elementor-11 .elementor-element.elementor-element-98f4c28 .raven-site-logo{text-align:left;}.elementor-11 .elementor-element.elementor-element-4639b12{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{font-family:var( --e-global-typography-primary-font-family ), "Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic Medium","Yu Gothic",sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-nav-widget-container:not(.premium-nav-pointer-framed) .premium-menu-link-parent:before, .elementor-widget-premium-nav-menu .premium-nav-widget-container:not(.premium-nav-pointer-framed) .premium-menu-link-parent:after{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-nav-pointer-framed .premium-menu-link-parent:before, .elementor-widget-premium-nav-menu .premium-nav-pointer-framed .premium-menu-link-parent:after{border-color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-nav-menu-item > .premium-menu-link > .premium-item-icon{color:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-nav-menu-item > .premium-menu-link > .premium-item-icon:not(.premium-lottie-animation) svg * , .elementor-widget-premium-nav-menu .premium-nav-menu-item > .premium-menu-link > svg.premium-item-icon *{fill:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link{font-family:var( --e-global-typography-text-font-family ), "Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic Medium","Yu Gothic",sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu:not(.premium-hamburger-menu):not(.premium-nav-slide):not(.premium-nav-dropdown) .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-item:hover, .elementor-widget-premium-nav-menu.premium-hamburger-menu .premium-main-nav-menu .premium-sub-menu > .premium-sub-menu-item:hover > .premium-sub-menu-link, .elementor-widget-premium-nav-menu.premium-nav-slide .premium-main-nav-menu .premium-sub-menu > .premium-sub-menu-item:hover > .premium-sub-menu-link, .elementor-widget-premium-nav-menu.premium-nav-dropdown .premium-main-nav-menu .premium-sub-menu > .premium-sub-menu-item:hover > .premium-sub-menu-link{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-active-item .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-sub-menu-item .premium-sub-menu-link i.premium-sub-item-icon {color:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-sub-menu-item .premium-sub-menu-link .premium-sub-item-icon:not(.premium-lottie-animation) svg *, .elementor-widget-premium-nav-menu .premium-sub-menu-item .premium-sub-menu-link svg.premium-sub-item-icon * {fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu{justify-content:center;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-sub-menu .premium-sub-menu-link{justify-content:flex-start;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-hamburger-toggle{justify-content:center;}.elementor-11 .elementor-element.elementor-element-9f1b953.premium-ham-dropdown .premium-mobile-menu-container, .elementor-11 .elementor-element.elementor-element-9f1b953.premium-nav-dropdown .premium-mobile-menu-container{justify-content:right;}.elementor-11 .elementor-element.elementor-element-9f1b953.premium-hamburger-menu .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link, .elementor-11 .elementor-element.elementor-element-9f1b953.premium-nav-dropdown .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link, .elementor-11 .elementor-element.elementor-element-9f1b953.premium-nav-slide .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link{justify-content:flex-start;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{font-weight:600;color:#000000;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:#B82608;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link{color:#E72525;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-nav-menu-item > .premium-menu-link > .premium-item-icon{order:0;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link{color:#1A1A1A;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:#B82608;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu .premium-sub-menu-item:hover > .premium-sub-menu-link{color:#fff;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu .premium-sub-menu-item:hover > .premium-sub-menu-link .premium-dropdown-icon{color:#fff;}.elementor-11 .elementor-element.elementor-element-9f1b953 .premium-sub-menu-item .premium-sub-menu-link .premium-sub-item-icon{order:0;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu{justify-content:center;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-sub-menu .premium-sub-menu-link{justify-content:flex-start;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-hamburger-toggle{justify-content:center;}.elementor-11 .elementor-element.elementor-element-b632787.premium-ham-dropdown .premium-mobile-menu-container, .elementor-11 .elementor-element.elementor-element-b632787.premium-nav-dropdown .premium-mobile-menu-container{justify-content:right;}.elementor-11 .elementor-element.elementor-element-b632787.premium-hamburger-menu .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link, .elementor-11 .elementor-element.elementor-element-b632787.premium-nav-dropdown .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link, .elementor-11 .elementor-element.elementor-element-b632787.premium-nav-slide .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link{justify-content:flex-start;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{font-weight:600;color:#000000;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:#B82608;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link{color:#E72525;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-nav-menu-item > .premium-menu-link > .premium-item-icon{order:0;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link{color:#1A1A1A;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:#B82608;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu .premium-sub-menu-item:hover > .premium-sub-menu-link{color:#fff;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu .premium-sub-menu-item:hover > .premium-sub-menu-link .premium-dropdown-icon{color:#fff;}.elementor-11 .elementor-element.elementor-element-b632787 .premium-sub-menu-item .premium-sub-menu-link .premium-sub-item-icon{order:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), "Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic Medium","Yu Gothic",sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-11 .elementor-element.elementor-element-5cce4fd .elementor-button{background-color:#B82608;border-radius:60px 60px 60px 60px;}.elementor-11 .elementor-element.elementor-element-5cce4fd.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-5cce4fd .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-active-item .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:767px){.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-active-item .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}/* ===== RESONIX 2026-09-08 ヘッダー幅是正 (D) ===== 目的: ロゴ枠の20%固定をやめ、メニューに残り幅を渡す。項目は折り返さない。 撤去する場合はこのコメントブロックごと削除すること。 */ .elementor-11 .elementor-element.elementor-element-fbe4d80{ --width:auto; flex:0 0 auto; } .elementor-11 .elementor-element.elementor-element-4639b12{ --width:auto; flex:1 1 auto; min-width:0; } .elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu > .premium-nav-menu-item{ flex-shrink:0; } .elementor-11 .elementor-element.elementor-element-9f1b953 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{ white-space:nowrap; min-width:auto; } /* ===== /ヘッダー幅是正 (D) ===== */ /* ===== RESONIX 2026-09-09 ヘッダー圧縮 (P1 + CTA padding) ===== 目的: 1025〜1134px でメニュー項目群がコンテナからはみ出し CTA・ロゴの下に潜る事象の是正。1025px で成立させる。 方針: フォントサイズ(16px)と letter-spacing(normal) は変更せず、 余白だけで詰める。削減見込み 120px / 成立最小幅 1014px。 内訳: 内側コンテナの左右padding 40 + gap 24 + 項目padding 24 + 矢印margin 24 + CTApadding 8 = 120px 適用は 1025px 以上に限定（1024px以下のモバイル表示には一切かけない）。 撤去する場合はこのコメントブロックごと削除すること。 */ @media (min-width: 1025px) { /* 内側コンテナの左右padding 10px → 0（バー f8b98fc 側の10pxは残す） */ .elementor-11 .elementor-element.elementor-element-fbe4d80, .elementor-11 .elementor-element.elementor-element-4639b12 { --padding-left: 0px; --padding-right: 0px; } /* gap: 広い画面ほど広く、狭い画面で 8px まで縮む (1025px,8px)-(1440px,20px) を通る直線を clamp で挟む */ .elementor-11 .elementor-element.elementor-element-f8b98fc, .elementor-11 .elementor-element.elementor-element-4639b12 { --column-gap: clamp(8px, 2.89vw - 21.62px, 20px); } /* メニュー項目の左右padding 10px → 6px（PA既定 padding:7px 10px の左右のみ） */ .elementor-11 .elementor-element.elementor-element-9f1b953 .premium-nav-menu-item .premium-menu-link { padding-left: 6px; padding-right: 6px; } /* ドロップダウン矢印の左右margin 5px → 2px（PA既定 margin:5px の左右のみ） */ .elementor-11 .elementor-element.elementor-element-9f1b953 .premium-nav-menu-item .premium-dropdown-icon { margin-left: 2px; margin-right: 2px; } /* 端の余白: ヘッダー左右の外側余白 合計20px → 10px 6fac313(バーの外側 10px) と f8b98fc(バーの内側 10px) を各 5px に半減。 どちらか一方を 0 にするとバーが画面端に密着するか、 ロゴ/CTAが角丸に接するため、両方を半分ずつ詰める。 */ .elementor-11 .elementor-element.elementor-element-6fac313, .elementor-11 .elementor-element.elementor-element-f8b98fc { /* 端の余白: 上下padding(各10px)に合わせて広い画面では10px、 1025px付近では5pxまで縮む。(1025px,5px)-(1440px,10px)の直線をclampで挟む。 1025pxでは下限5pxに張り付くため、圧縮で確保した成立幅1000pxは変わらない。 */ --padding-left: clamp(5px, 1.205vw - 7.35px, 10px); --padding-right: clamp(5px, 1.205vw - 7.35px, 10px); } /* CTAボタンの左右padding 24px → 20px（Elementor既定 padding:12px 24px の左右のみ） */ .elementor-11 .elementor-element.elementor-element-5cce4fd .elementor-button { padding-left: 20px; padding-right: 20px; } } /* ===== /ヘッダー圧縮 ===== */ /* ===== RESONIX 2026-09-09 モバイルドロワーの絶対配置 (案A / 2026-09-09 修正) ===== 目的: ハンバーガー展開時にヘッダーバー自体が縦に伸びるのを止める。 原因: Premium Nav Menu の Mobile Layout が既定の Expand(dropdown) で、 .premium-mobile-menu-container に position 指定がなく static＝通常フローに 居るため、開いた分だけ f8b98fc(ヘッダーバー) の高さになっていた。 対処: ドロワーをフローから抜き、ヘッダーバーの直下に絶対配置する。 1024px は Premium Nav Menu 側のブレークポイント(breakpoint:1024)と一致させている。 ▼ 位置の基準について ドロワーの実際のDOM祖先は .premium-mobile-menu-container └ .premium-ver-inner-container / .premium-nav-widget-container └ .elementor-widget-container └ ウィジェット b632787 ← .elementor-widget{position:relative} (Elementor既定) └ コンテナ 4639b12 ← .e-con{position:var(--position)} / --position:relative └ コンテナ f8b98fc (ヘッダーバー) で、間に position:relative の祖先が2つある。そのままでは left/width が ヘッダーバーではなくウィジェット幅(ハンバーガーアイコン幅)に対して効いてしまうため、 その2つを position:static に落として f8b98fc を基準にしている。 ※ max-height は暫定値。ウィジェット b632787 の参照メニューを 「menu」(L1 6項目) から「mobile」(L1 7項目・子階層あり) へ切り替えると ドロワーの高さが大きく増えるため、切替後に実測して調整すること。 撤去する場合はこのコメントブロックごと削除すること。 */ @media (max-width: 1024px) { .elementor-11 .elementor-element.elementor-element-f8b98fc { position: relative; } .elementor-11 .elementor-element.elementor-element-4639b12 { position: static; } .elementor-11 .elementor-element.elementor-element-b632787 { position: static; } .elementor-11 .elementor-element.elementor-element-b632787 .premium-mobile-menu-container { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; max-height: calc(100vh - 140px); /* 暫定値。メニュー切替後に実測して調整 */ overflow-y: auto; } /* --- ドロワー内の項目: 余白とタイポグラフィ --- resonix.co.jp のモバイルメニュー実測値に合わせる (padding 8px 32px / 16px / line-height normal / weight 700 / 区切り線なし)。 詳細度メモ: post-11.css が .elementor-11 .elementor-element.elementor-element-b632787 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link (クラス5個) で font-weight:600 を当てているため、クラス6個以上で上書きしている。 */ .elementor-11 .elementor-element.elementor-element-b632787 .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link, .elementor-11 .elementor-element.elementor-element-b632787 .premium-main-mobile-menu .premium-sub-menu .premium-sub-menu-link { padding: 8px 32px; font-size: 16px; line-height: normal; font-weight: 700; } /* --- 階層別の左インデント (L1 32 / L2 48 / L3 64、右は全階層 32) --- Premium Addons のウォーカーは2段目と3段目で同一のクラスを出力する (li=.premium-sub-menu-item / a=.premium-sub-menu-link / ul=.premium-sub-menu。 pa-nav-menu-walker.php の start_lvl と :245 / :426 で確認)。 クラスで階層を区別できないため、入れ子の深さで指定している。 */ .elementor-11 .elementor-element.elementor-element-b632787 .premium-main-mobile-menu > .premium-nav-menu-item > .premium-sub-menu > .premium-nav-menu-item > .premium-sub-menu-link { padding-left: 48px; } .elementor-11 .elementor-element.elementor-element-b632787 .premium-main-mobile-menu > .premium-nav-menu-item > .premium-sub-menu > .premium-nav-menu-item > .premium-sub-menu > .premium-nav-menu-item > .premium-sub-menu-link { padding-left: 64px; } /* --- ドロワー全体 --- 背景と角丸は現状維持、上下余白のみ追加 */ .elementor-11 .elementor-element.elementor-element-b632787 .premium-main-mobile-menu { background: #fff; border-radius: 15px; padding: 10px 0; } } /* ===== /モバイルドロワーの絶対配置 (案A) ===== */