/* ========================================================= brush.css ケアラーサポート尾道 静的サイト 見た目ブラッシュアップ v01 2026-10-22 DDD Graphics 制作オペレーター v02 2026-10-22 QA・初見モニター指摘対応（/online/ 静的ヒーロー、単語途中の改行、会社概要の表・写真余白） v03 2026-10-22 幅そろえ（空き列を外し全ページの枠を1100pxに）＋スクロールでふわっと表示（fx.js） 方針：Avadaの元CSSは触らず、後勝ち（詳細度・最小限の!important）で上書き 文言・構成・リンク・画像は変更しない。 ========================================================= */ /* ---------- 0. 共通トークン ---------- */ :root{ --csp-max:1100px; /* 中身の最大幅 */ --csp-pad:40px; /* 左右パディング PC */ --csp-side:max(var(--csp-pad), calc((100% - var(--csp-max)) / 2)); --csp-sec:96px; /* セクション上下余白 PC */ } @media (max-width:767px){ :root{ --csp-pad:20px; --csp-sec:64px; } } /* ---------- 1. 本文の可読性 ---------- */ :root, body{ --body_typography-font-size:16px !important; --body_typography-line-height:1.8 !important; } body{ -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-wrap:anywhere; /* 長いURL・英数字の横はみ出し防止 */ word-break:normal; line-break:strict; } /* 見出し代わりの大きな文字（20px以上）は行間を元の1.5に戻す */ #main .fusion-text[style*="--awb-font-size:2"]:not([style*="--awb-line-height"]), #main .fusion-text[style*="--awb-font-size:3"]:not([style*="--awb-line-height"]), #main .fusion-text[style*="--awb-font-size:4"]:not([style*="--awb-line-height"]){ line-height:1.5; } /* 見出しは折り返しをそろえる（本文は通常折り返し） */ #main h1, #main h2, #main h3, .fusion-title h2{ text-wrap:balance; line-break:strict; } /* 極小文字（11〜13px）を読める大きさへ（会社概要の経歴・事業紹介の注記など） */ #main .fusion-text[style*="--awb-font-size:11px"], #main .fusion-text[style*="--awb-font-size:12px"]{ --awb-font-size:13px !important; } #main .fusion-text[style*="--awb-font-size:13px"]{ --awb-font-size:15px !important; } #main .fusion-text p[style*="font-size: 11px"], #main .fusion-text p[style*="font-size:11px"]{ font-size:13px !important; } /* 埋め込み（Facebook等）が列からはみ出さないように */ #main iframe{ max-width:100%; } /* ---------- 2. コンテナ幅そろえ ---------- */ /* 2-1 ヘッダー：中身を1100pxに */ .fusion-header{ padding-left:var(--csp-pad) !important; padding-right:var(--csp-pad) !important; } .fusion-header > .fusion-row, .fusion-header .fusion-row{ max-width:var(--csp-max) !important; margin-left:auto !important; margin-right:auto !important; } /* 2-2 100%幅テンプレート（ホーム・会社概要・事業紹介・研修助言・個別相談・コンテンツ） セクション外側は画面幅いっぱい（背景は端まで）、中身だけ1100px */ #main.width-100 .post-content > .fusion-fullwidth{ padding-left:var(--csp-side) !important; padding-right:var(--csp-side) !important; } /* 100%行（hundred-percent-fullwidth）も他と同じ1100px内に */ #main.width-100 .post-content > .fusion-fullwidth > .fusion-builder-row{ max-width:calc(100% + 4%) !important; } /* 2-3 通常テンプレート（記事・お問合せ・CLUE CARD・一覧）：#main の左右余白 */ html body #main:not(.width-100){ padding-left:var(--csp-pad) !important; padding-right:var(--csp-pad) !important; } html body #main:not(.width-100) > .fusion-row{ max-width:var(--csp-max) !important; } /* 2-4 フッター（ビルダー製）も同じ幅 */ .fusion-footer .fusion-fullwidth, .fusion-tb-footer .fusion-fullwidth{ padding-left:var(--csp-side) !important; padding-right:var(--csp-side) !important; } /* 2-5 セクション間の余白：研修・助言支援ページの帯（70px）を PC 96px／SP 64px に統一 */ #main .post-content > .fusion-fullwidth[style*="--awb-padding-top:70px"]{ --awb-padding-top:var(--csp-sec) !important; --awb-padding-top-medium:var(--csp-sec) !important; --awb-padding-top-small:var(--csp-sec) !important; } #main .post-content > .fusion-fullwidth[style*="--awb-padding-bottom:70px"]{ --awb-padding-bottom:var(--csp-sec) !important; --awb-padding-bottom-medium:var(--csp-sec) !important; --awb-padding-bottom-small:var(--csp-sec) !important; } /* ---------- 3. ケアラーズ記事（動画版・マンガ版） ---------- */ /* PC：本文列（3/5）を少し広げて漫画を読みやすい幅に。左右の空き列（1/5）を狭める */ @media (min-width:1025px){ body.single-post .post-content .fusion_builder_column_1_5{ --awb-width-large:12.5% !important; } body.single-post .post-content .fusion_builder_column_3_5{ --awb-width-large:75% !important; --awb-spacing-left-large:1.92% !important; --awb-spacing-right-large:1.92% !important; } } /* 漫画画像：最大780px・中央 */ body.single-post .post-content .fusion-text img{ display:block; width:100%; max-width:780px; height:auto; margin-left:auto; margin-right:auto; } /* 本文の段落は行長を全角40字程度に */ body.single-post .post-content .fusion-text p:not(:has(img)){ max-width:40em; margin-left:auto; margin-right:auto; } body.single-post .fusion-video{ margin-left:auto; margin-right:auto; } /* ---------- 4. 列の縦積み切替（研修・助言支援ページ等） ---------- */ /* 4列（PC25%）：タブレットは2列、スマホは1列 */ .fusion-layout-column[style*="--awb-width-medium:25%"]{ --awb-width-medium:50% !important; --awb-width-small:100% !important; } /* 料金プラン×お客様の声（40%/60%）：スマホは縦積み */ .fusion-layout-column[style*="--awb-width-small:40%"], .fusion-layout-column[style*="--awb-width-small:60%"]{ --awb-width-small:100% !important; --awb-spacing-left-small:1.92% !important; --awb-spacing-right-small:1.92% !important; } @media (max-width:767px){ .fusion-layout-column[style*="--awb-width-medium:40%"], .fusion-layout-column[style*="--awb-width-medium:60%"]{ width:100% !important; } } /* ---------- 5. スマホ表示 ---------- */ /* ※段落内の
は中央寄せのリード文などで意図的に使われているため残す（非表示にしない） */ @media (max-width:600px){ /* 中央寄せのリード文（19px＋字間）は1行に収まる大きさへ */ #main .fusion-text[style*="--awb-content-alignment:center"][style*="--awb-font-size:19px"]{ --awb-font-size:16px !important; --awb-letter-spacing:.04em !important; } #main .fusion-text.hb{ font-size:17px !important; --awb-letter-spacing:.04em !important; } #main .fusion-text.hb p{ font-size:inherit !important; } } @media (max-width:430px){ #main .fusion-text.hb{ font-size:15px !important; --awb-letter-spacing:0px !important; } } @media (max-width:767px){ /* 料金表：スマホでは横スクロールさせず折り返す */ #main .table-1 th, #main .table-1 td{ white-space:normal !important; padding:10px 12px !important; vertical-align:top; } #main .table-1 table img{ float:none !important; display:block; max-width:100%; height:auto; margin:0 0 6px !important; } /* 電話番号は改行しない */ a[href^="tel:"]{ white-space:nowrap; } } /* スマホ：列の左右内余白が大きすぎて本文が細くなる箇所（50px・12%・20%）を20pxに */ @media (max-width:640px){ .fusion-layout-column[style*="--awb-padding-left:50px"], .fusion-layout-column[style*="--awb-padding-left:49px"], .fusion-layout-column[style*="--awb-padding-left:20%"], .fusion-layout-column[style*="--awb-padding-left:12%"]{ --awb-padding-left-small:20px !important; } .fusion-layout-column[style*="--awb-padding-right:50px"], .fusion-layout-column[style*="--awb-padding-right:49px"], .fusion-layout-column[style*="--awb-padding-right:20%"], .fusion-layout-column[style*="--awb-padding-right:12%"]{ --awb-padding-right-small:20px !important; } } /* スマホ：料金表（3列）は「形態｜料金」の下に「備考」を全幅で（文言・順番はそのまま） */ @media (max-width:600px){ #main .table-1 table, #main .table-1 thead, #main .table-1 tbody{ display:block; width:100% !important; } #main .table-1 tr{ display:grid; grid-template-columns:1fr 1fr; } #main .table-1 tr > :nth-child(3){ grid-column:1 / -1; } } /* スマホ：段組み（2段）テキストは1段に（会社概要の資格一覧が細い2段＋項目の途中で段送りになるため） */ @media (max-width:600px){ #main .fusion-text.awb-text-cols{ --awb-columns:1 !important; columns:1 !important; } } /* PC・タブレット：段の途中で項目が分かれないように */ #main .fusion-text.awb-text-cols li{ break-inside:avoid; } #main .fusion-text.awb-text-cols > ul:first-child{ margin-top:0; } /* ---------- 5-2. 改行：見出し・ラベルは単語の途中で切らない（v02） ---------- (A) Chrome/Edge：見出し・ラベル類を文節単位で改行（auto-phrase）。本文の段落は通常の折り返しのまま（右端が不揃いになるため） (B) auto-phrase 非対応（Safari・Firefox）：句読点・スペース・括弧で区切れて、各行が収まることを確認した箇所だけ keep-all。 収まらない語だけは任意位置で折る（overflow-wrap:anywhere）。keep-all を広くかけると Safari で逆に孤立文字が出るため限定 */ @supports (word-break:auto-phrase){ #main :is(h1,h2,h3,h4,h5,h6):not(.entry-title), #main .fusion-text[style*="--awb-text-font-family"]:not(.jogeake):not(.ha), #main .fusion-button, #main .awb-button, #main table th, #main .tablepress td.column-1, #main .table-1 td:first-child, #main .table-1 td:nth-child(2), #main .fusion-text.hb, .home #main .fusion-builder-row-2 .fusion-text, body.page-id-2264 #main .fusion-builder-row-1 .fusion-text, #main .fusion-text p > b, #main .fusion-text p > strong, #main .fusion-text.wh4, #main .fusion-text.awb-text-cols li, .csp-hero__txt{ word-break:auto-phrase; overflow-wrap:anywhere; } } @supports not (word-break:auto-phrase){ #main .fusion-text[style*="--awb-font-size:38px"], /* 研修・助言支援ヒーロー「現場の課題から、／研修と次の一手を。」 */ .home #main .fusion-builder-row-2 :is(h1,h2,h3), /* トップ研修カード見出し（「、」で改行） */ body.page-id-2264 #main .fusion-builder-row-1 .fusion-text, /* 研修・助言支援ヒーローのリード（「・」「、」で改行） */ body.page-id-2264 #main .fusion-builder-row-1 h3, /* 同ヒーローの小見出し（スペース・「・」で改行） */ body.page-id-2264 #main .fusion-title h1, /* 同 お客様の声の見出し（「」の前後で改行） */ .home #main .fusion-builder-row-2 .fusion-text, /* トップ研修カード：「――福祉・介護事業所向け｜研修・助言支援」・料金行（スペースで改行） */ .home #main .fusion-builder-row-1 .fusion-text, /* トップのリード（「」」の後で改行） */ #main .fusion-text.hb[style*="--awb-content-alignment:center"], /* 中央寄せリード（「、」で改行） */ #main .fusion-text p > b, /* 太字の短いラベル（「｜」・スペースで改行） */ #main .fusion-text.wh4, /* 研修・助言支援 料金プランの枠内ラベル（「｜」で改行） */ #main .fusion-text[style*="--awb-font-size:17px"][style*="Zen Kaku"][style*="--awb-text-font-weight:700"], /* 選ばれる3つの理由 小見出し（「・」で改行） */ .csp-hero__txt{ word-break:keep-all; overflow-wrap:anywhere; line-break:strict; } } /* ページ見出し（.ha：「CLUECARD研修　お問い合わせ」など）は全ブラウザで keep-all（全角スペースで改行。auto-phrase だと「お問い／合わせ」になる） */ #main .fusion-text.ha{ word-break:keep-all; overflow-wrap:anywhere; line-break:strict; } /* 表内のリンク文字（「ONOMICHI SHARE　オノミチシェア」）はスペースの位置で改行（「オノミ／チシェア」防止） */ #main .table-1 td a{ word-break:keep-all; overflow-wrap:anywhere; } /* 個別相談の料金表（表として並ぶ 601px 以上）：形態・基本料金の列は折り返さない（「基本料／金」「オンライ／ン相談」「2,500円(税／込)」防止）。 その分狭くなる備考列は、写真を回り込ませず上に置き、文字の幅を確保（回り込みのままだと「オノミチシェ／ア」） */ @media (min-width:601px){ #main .table-1 th:nth-child(-n+2), #main .table-1 td:nth-child(-n+2){ white-space:nowrap !important; } } @media (min-width:601px){ #main .table-1 td img.alignleft{ float:none !important; display:block; margin:0 0 6px !important; max-width:100%; height:auto; } } /* 25pxの見出し（「こんなお悩みありませんか？」等）：400px以下は22pxに（「か？」だけが次行に落ちるため） */ @media (max-width:400px){ #main .fusion-text[style*="--awb-font-size:25px"]{ --awb-font-size:22px !important; } } /* トップ研修カード内の3項目（ヒアリング・設計・助言）：タブレットの3列は左右の内余白50→24px・説明15px、767px以下は縦積み （3列のままだと説明文の幅が約140〜156pxで「整／理」「ま／で対応」と語の途中で折れるため） */ @media (min-width:641px) and (max-width:1024px){ .home #main .fusion-builder-row-2 .fusion_builder_column_1_3{ --awb-padding-left-medium:24px !important; --awb-padding-right-medium:24px !important; } .home #main .fusion-builder-row-2 .fusion_builder_column_1_3 .fusion-text:not([style*="--awb-font-size"]){ font-size:15px; } } @media (max-width:767px){ .home #main .fusion-builder-row-2 .fusion_builder_column_1_3{ --awb-width-medium:100% !important; } } /* トップ研修カードの料金行：「パック名＋金額」がひとかたまりで折り返るよう、行の最大幅をパック1つ分（16em）／2つ分（31em）に制限 （HTMLに区切りの要素が無く nowrap の単位を作れないため。文言・順番はそのまま。スペースの位置で改行される） */ .home #main .fusion-builder-row-2 .fusion-text[style*="--awb-font-size:15px"] p{ max-width:none; } @media (max-width:600px){ .home #main .fusion-builder-row-2 .fusion-text[style*="--awb-font-size:15px"] p{ max-width:16em; line-height:1.8; } } @media (min-width:601px) and (max-width:819px){ .home #main .fusion-builder-row-2 .fusion-text[style*="--awb-font-size:15px"] p{ max-width:31em; line-height:1.8; } } /* 選ばれる3つの理由（3列）の小見出し：タブレット幅では列が狭いので15pxに（「福祉・／介護現場に即したヒアリング」が1行に収まる大きさ） */ @media (min-width:641px) and (max-width:1100px){ #main .fusion-text[style*="--awb-font-size:17px"][style*="Zen Kaku"][style*="--awb-text-font-weight:700"]{ --awb-font-size:15px !important; } } @media (min-width:768px) and (max-width:800px){ #main .fusion-text[style*="--awb-font-size:17px"][style*="Zen Kaku"][style*="--awb-text-font-weight:700"]{ --awb-font-size:14px !important; } } /* 研修・助言支援「選ばれる3つの理由」（3列）：767px以下は縦積み（3列だと1列約160pxで小見出しが語の途中で折れるため） */ @media (max-width:767px){ body.page-id-2264 .fusion-layout-column[style*="--awb-width-medium:33.333333333333%"]{ --awb-width-medium:100% !important; } } /* 研修・助言支援のヒーロー見出し（38px・2行の
入り）：スマホでは各行が1行に収まる大きさに */ @media (max-width:767px){ #main .fusion-text[style*="--awb-font-size:38px"]{ --awb-font-size:clamp(24px, 7.6vw, 38px) !important; } } /* ---------- 5-3. 会社概要（v02） ---------- */ /* 表の見出し列（社名・所在地・事業内容など）は折り返さない */ #main .tablepress td.column-1{ white-space:nowrap; width:1%; padding-right:16px; } /* 写真の下に余白（スマホで写真の直下に氏名がくっつくため） */ #main .fusion-text img.alignleft{ margin-bottom:16px; } /* 640px以下：左寄せ写真の横に氏名が細く回り込む（430〜600pxで「ケア／ラーサ／ポート…」）ため、写真の下に置く */ @media (max-width:640px){ #main .fusion-text img.alignleft{ float:none; display:block; margin:0 0 16px; } } /* ---------- 5-4. 個別相談の静的ヒーロー（.csp-hero／v02） ---------- 元スライダー実測：全幅・高さ300px・背景cover中央／文字 Sawarabi Mincho 33px・行間40px・字間5px・黒、左揃えのまま画面中央、上端から約205px */ .csp-hero{ position:relative; width:100%; height:300px; margin:0; background-color:#edebd6; background-size:cover; background-position:center center; background-repeat:no-repeat; display:flex; justify-content:center; align-items:flex-start; } .csp-hero__txt{ margin:0; padding:205px 20px 0; text-align:left; font-family:"Sawarabi Mincho", serif; font-weight:400; font-size:33px; line-height:40px; letter-spacing:5px; color:#000; } #sliders-container > .rs-p-wp-fix:empty{ display:none; } @media (max-width:767px){ .csp-hero{ height:210px; } .csp-hero__txt{ padding-top:128px; font-size:21px; line-height:30px; letter-spacing:2px; } } @media (max-width:360px){ .csp-hero__txt{ font-size:20px; letter-spacing:1px; } } /* ---------- 6. フォーム ---------- */ .csp-form .hp{ display:none !important; } .csp-form .wpcf7-response-output, .csp-form .wpcf7-spinner{ display:none !important; } .csp-form{ max-width:600px; margin-left:auto; margin-right:auto; } .csp-form p{ margin:0 0 20px; line-height:1.6; font-size:15px; } .csp-form label{ display:block; } .csp-form .wpcf7-form-control-wrap{ display:block; margin-top:6px; } .csp-form input[type="text"], .csp-form input[type="email"], .csp-form input[type="tel"], .csp-form input[type="url"], .csp-form input[type="number"], .csp-form input[type="date"], .csp-form select, .csp-form textarea{ box-sizing:border-box; width:100% !important; max-width:600px; min-height:48px; height:auto !important; padding:10px 14px !important; font-size:16px !important; /* iOSのズーム防止 */ line-height:1.6 !important; color:#333 !important; background:#fff !important; border:1px solid #c9c4c0 !important; border-radius:6px !important; } .csp-form textarea{ min-height:180px; } .csp-form input:focus, .csp-form select:focus, .csp-form textarea:focus{ outline:2px solid rgba(221,93,93,.45); outline-offset:1px; border-color:#dd5d5d !important; } .csp-form ::placeholder{ color:#9a9a9a; } .csp-form .wpcf7-list-item{ display:inline-flex; align-items:center; margin:6px 20px 6px 0; } .csp-form .wpcf7-list-item label{ display:inline-flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; } .csp-form input[type="checkbox"], .csp-form input[type="radio"]{ width:20px; height:20px; margin:0; } .csp-form input[type="submit"]{ display:block; width:100% !important; max-width:320px; min-height:52px; margin:8px auto 0; padding:12px 24px !important; font-size:16px !important; font-weight:700; letter-spacing:.1em; color:#fff !important; background:#c94a4a !important; border:0 !important; border-radius:999px !important; cursor:pointer; } .csp-form input[type="submit"]:hover, .csp-form input[type="submit"]:focus{ background:#ad3a3a !important; } /* 送信結果メッセージ */ .csp-result{ max-width:600px; margin:0 auto 24px; padding:14px 18px; border-radius:6px; font-size:15px; line-height:1.7; } .csp-result.ok{ background:#eef7ef; color:#245b2c; border:1px solid #b9dcbc; } .csp-result.ng{ background:#fdeeee; color:#8a2323; border:1px solid #efbcbc; } /* ---------- 7. 動きを減らす設定の人には既存のフェード演出を無効化 ---------- */ @media (prefers-reduced-motion:reduce){ .fusion-animated{ visibility:visible !important; animation:none !important; } } /* ---------- 8. ヘッダー：モバイルメニューへの切替幅を 800px → 1000px に引き上げ ---------- 801〜1000pxではPCナビ（中央ロゴ分割）が2段に折れるため。 Avada本体の「max-width:800px」内のヘッダー／メニュー関連ルールを、そのまま801〜1000pxにも適用する（自動抽出・無改変） */ @media only screen and (min-width:801px) and (max-width:1000px){ .ls-container .button .button-icon-divider-left.fusion-megamenu-image,.ls-container .fusion-button .button-icon-divider-left.fusion-megamenu-image,.rev_slider .button .button-icon-divider-left.fusion-megamenu-image,.rev_slider .fusion-button .button-icon-divider-left.fusion-megamenu-image{padding:0 5px} .ls-container .button .button-icon-divider-right.fusion-megamenu-image,.ls-container .fusion-button .button-icon-divider-right.fusion-megamenu-image,.rev_slider .button .button-icon-divider-right.fusion-megamenu-image,.rev_slider .fusion-button .button-icon-divider-right.fusion-megamenu-image{padding:0 5px} body.side-header #wrapper{margin-left:0!important;margin-right:0!important} body.side-header.layout-boxed-mode #wrapper{margin-left:auto!important;margin-right:auto!important} .layout-boxed-mode .side-header-wrapper{background-color:transparent} #side-header{transition:background-color .25s ease-in-out;position:static;height:auto;width:100%!important;padding:20px 30px!important;margin:0!important;background-color:var(--mobile_header_bg_color)} #side-header .side-header-styling-wrapper{display:none} #side-header .side-header-wrapper{padding-top:0;padding-bottom:0;position:relative} #side-header .header-social,#side-header .header-v4-content{display:none} #side-header .fusion-logo{margin:0!important;float:left} #side-header .side-header-content{padding:0!important} #side-header.fusion-mobile-menu-design-classic .fusion-logo{float:none;text-align:center} #side-header.fusion-mobile-menu-design-classic .fusion-main-menu-container .fusion-mobile-nav-holder{display:block;margin-top:20px} #side-header.fusion-mobile-menu-design-classic .fusion-main-menu-container .fusion-mobile-sticky-nav-holder{display:none} #side-header .fusion-main-menu,#side-header .side-header-content-1-2,#side-header .side-header-content-3{display:none} #side-header.fusion-mobile-menu-design-modern .fusion-logo{float:left;margin:0} #side-header.fusion-mobile-menu-design-modern .fusion-logo-left{float:left} #side-header.fusion-mobile-menu-design-modern .fusion-logo-center{float:left} #side-header.fusion-mobile-menu-design-modern .fusion-logo-right{float:right} #side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-right .fusion-mobile-menu-icons{float:left;position:static} #side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-right .fusion-mobile-menu-icons a{float:left} #side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-right .fusion-mobile-menu-icons :first-child{margin-left:0} #side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-left .fusion-mobile-menu-icons{float:right} #side-header.fusion-mobile-menu-design-modern .fusion-logo-menu-left .fusion-mobile-menu-icons:last-child{margin-left:0} #side-header.fusion-mobile-menu-design-modern .fusion-mobile-menu-icons{display:block} #side-header.fusion-mobile-menu-design-modern .fusion-main-menu-container .fusion-mobile-nav-holder,#side-header.fusion-mobile-menu-design-modern .side-header-wrapper>.fusion-secondary-menu-search{padding-top:20px;margin-left:-30px;margin-right:-30px;margin-bottom:-20px} #side-header.fusion-mobile-menu-design-modern .fusion-main-menu-container .fusion-mobile-nav-holder>ul{display:block;border-right:0;border-left:0;border-bottom:0} #side-header.fusion-mobile-menu-design-flyout .fusion-logo-left{float:left} #side-header.fusion-mobile-menu-design-flyout.fusion-header-has-flyout-menu .fusion-flyout-mobile-menu-icons{z-index:99999;position:relative;display:flex} .avada-responsive #side-header.fusion-is-sticky{background-color:var(--header_sticky_bg_color)} body #wrapper .header-shadow:after,body.side-header #wrapper #side-header.header-shadow .side-header-border:after{position:static;height:auto;box-shadow:none} body.layout-boxed-mode.side-header-right #side-header{position:absolute;top:0} body.layout-boxed-mode.layout-scroll-offset-framed #wrapper #side-header{height:auto;position:relative} .fusion-header-has-flyout-menu .fusion-header-has-flyout-menu-content{z-index:99999;display:flex;align-items:center;justify-content:space-between} .fusion-is-sticky .fusion-mobile-menu-design-flyout .fusion-header{position:fixed} .fusion-header-v4.fusion-flyout-active .fusion-flyout-menu,.fusion-header-v5.fusion-flyout-active .fusion-flyout-menu{top:100px!important} .fusion-header-v4.fusion-flyout-active .fusion-flyout-menu .fusion-menu,.fusion-header-v5.fusion-flyout-active .fusion-flyout-menu .fusion-menu{margin-top:0} .admin-bar .fusion-header-v4.fusion-flyout-active .fusion-flyout-menu,.admin-bar .fusion-header-v5.fusion-flyout-active .fusion-flyout-menu{top:146px} .admin-bar .fusion-header-v4.fusion-flyout-active .fusion-flyout-menu .fusion-menu,.admin-bar .fusion-header-v5.fusion-flyout-active .fusion-flyout-menu .fusion-menu{margin-top:0} .fusion-mobile-menu-design-flyout .fusion-secondary-header,.fusion-mobile-menu-design-modern .fusion-secondary-header{padding:0} .fusion-mobile-menu-design-flyout .fusion-secondary-header .fusion-row,.fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-row{padding-left:0;padding-right:0} .fusion-mobile-menu-design-flyout .fusion-social-links-header,.fusion-mobile-menu-design-modern .fusion-social-links-header{max-width:100%;text-align:center;margin-top:10px;margin-bottom:8px} .fusion-mobile-menu-design-flyout .fusion-social-links-header a,.fusion-mobile-menu-design-modern .fusion-social-links-header a{margin-right:20px;margin-bottom:5px} .fusion-mobile-menu-design-flyout .fusion-alignleft,.fusion-mobile-menu-design-modern .fusion-alignleft{border-bottom:1px solid transparent} .fusion-mobile-menu-design-flyout .fusion-alignleft,.fusion-mobile-menu-design-flyout .fusion-alignright,.fusion-mobile-menu-design-modern .fusion-alignleft,.fusion-mobile-menu-design-modern .fusion-alignright{width:100%;float:none;display:block} .fusion-mobile-menu-design-flyout .fusion-secondary-menu>ul>li,.fusion-mobile-menu-design-modern .fusion-secondary-menu>ul>li{display:inline-block;vertical-align:middle;text-align:left} .fusion-mobile-menu-design-flyout .fusion-secondary-menu-cart,.fusion-mobile-menu-design-modern .fusion-secondary-menu-cart{border-right:0} .fusion-mobile-menu-design-flyout .fusion-secondary-menu-icon,.fusion-mobile-menu-design-modern .fusion-secondary-menu-icon{background-color:transparent;padding-left:10px;padding-right:7px;min-width:100%} .fusion-mobile-menu-design-flyout .fusion-secondary-menu-icon:after,.fusion-mobile-menu-design-modern .fusion-secondary-menu-icon:after{display:none} .fusion-mobile-menu-design-flyout .fusion-header-tagline,.fusion-mobile-menu-design-modern .fusion-header-tagline{margin-top:10px;float:none;line-height:24px} .fusion-body .fusion-mobile-menu-design-flyout .fusion-secondary-header .fusion-alignleft,.fusion-body .fusion-mobile-menu-design-flyout .fusion-secondary-header .fusion-alignright,.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignleft,.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignright{text-align:center} .fusion-body .fusion-mobile-menu-design-flyout .fusion-secondary-menu>ul>li,.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-menu>ul>li{float:none} #side-header .fusion-mobile-logo,.fusion-mobile-logo{display:inline-block} .fusion-mobile-menu-design-flyout .fusion-secondary-menu .fusion-secondary-menu-icon,.fusion-mobile-menu-design-flyout .fusion-secondary-menu .fusion-secondary-menu-icon:hover,.fusion-mobile-menu-design-flyout .fusion-secondary-menu-icon:before,.fusion-mobile-menu-design-modern .fusion-secondary-menu .fusion-secondary-menu-icon,.fusion-mobile-menu-design-modern .fusion-secondary-menu .fusion-secondary-menu-icon:hover,.fusion-mobile-menu-design-modern .fusion-secondary-menu-icon:before{color:var(--snav_color)} .side-header-background-color{background-color:var(--mobile_header_bg_color)} .fusion-body .fusion-header-wrapper .fusion-header,.fusion-body .fusion-header-wrapper .fusion-secondary-main-menu{background-color:var(--mobile_header_bg_color)} .avada-mobile-header-color-not-opaque .fusion-body #side-header{position:absolute;z-index:10000} .avada-mobile-header-color-not-opaque .layout-boxed-mode.fusion-body #side-header{width:100%;max-width:calc(var(--site_width) - var(--side_header_width))} .avada-mobile-header-color-not-opaque .layout-wide-mode.fusion-body #side-header{left:0;right:0} .fusion-mobile-menu-design-modern .fusion-secondary-header{padding-left:0!important;padding-right:0!important} .fusion-mobile-menu-design-modern .ubermenu-responsive-toggle,.fusion-mobile-menu-design-modern .ubermenu-sticky-toggle-wrapper{clear:both} .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu{width:auto;display:block;float:left} .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu>ul .fusion-middle-logo-menu-logo{display:block} .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-sticky-menu{display:none} .fusion-mobile-menu-design-modern.fusion-header-v7.mobile-logo-pos-right .fusion-main-menu{float:right} .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-logo{padding:0} .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-header,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-header{padding-top:20px;padding-bottom:20px} .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-header .fusion-row,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-header .fusion-row{width:100%} .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-logo{margin:0!important} .fusion-mobile-menu-design-modern.fusion-header-v1 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v2 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v3 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v4 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v5 .modern-mobile-menu-expanded .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v7 .modern-mobile-menu-expanded .fusion-logo{margin-bottom:20px!important} .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-nav-holder{padding-top:20px;margin-left:-30px;margin-right:-30px;margin-bottom:calc(-20px - var(--header_padding-bottom))} .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder>ul,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-nav-holder>ul,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-nav-holder>ul,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder>ul,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder>ul,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-nav-holder>ul{display:block} .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-sticky-nav-holder{display:none} .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-menu-icons,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-menu-icons{display:block} .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo a{float:none} .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo .searchform{float:none;display:none} .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-header-banner{margin-top:10px} .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-logo-center .fusion-logo{float:left} .rtl .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-logo-center .fusion-logo{float:right} .rtl .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-logo-center .fusion-mobile-menu-icons{float:left} .rtl .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-logo-center .fusion-mobile-menu-icons a{float:left;margin-left:0;margin-right:15px} .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder{padding-top:0;margin-left:-30px;margin-right:-30px;margin-bottom:0} .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-secondary-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-secondary-main-menu{position:static;border:0} .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-secondary-main-menu .fusion-mobile-nav-holder>ul,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-secondary-main-menu .fusion-mobile-nav-holder>ul{border:0} .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-secondary-main-menu .searchform,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-secondary-main-menu .searchform{float:none} .fusion-mobile-menu-design-modern.fusion-header-v4.fusion-logo-right .fusion-logo,.fusion-mobile-menu-design-modern.fusion-header-v5.fusion-logo-right .fusion-logo{float:right} .fusion-mobile-menu-design-modern.fusion-header-v4.fusion-sticky-menu-only .fusion-secondary-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v5.fusion-sticky-menu-only .fusion-secondary-main-menu{position:static} .fusion-header .fusion-row{padding-left:0;padding-right:0} .fusion-header-wrapper .fusion-row{padding-left:0;padding-right:0;max-width:100%} .fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-contact-info{text-align:center;line-height:normal} .fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-secondary-menu{display:none} .fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-social-links-header{max-width:100%;margin-top:5px;text-align:center;margin-bottom:5px} .fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-header-tagline{float:none;text-align:center;margin-top:10px;line-height:24px;margin-left:auto;margin-right:auto} .fusion-header-wrapper .fusion-mobile-menu-design-classic .fusion-header-banner{float:none;text-align:center;margin:0 auto;width:100%;margin-top:20px;clear:both} .fusion-secondary-header{background-color:var(--header_top_bg_color)} .fusion-secondary-header .fusion-row{display:block} .fusion-secondary-header .fusion-alignleft{margin-right:0} .fusion-secondary-header .fusion-alignright{margin-left:0} body.fusion-body .fusion-secondary-header .fusion-alignright>*{float:none} body.fusion-body .fusion-secondary-header .fusion-alignright .fusion-social-links-header .boxed-icons{margin-bottom:5px} .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-header,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-header,.fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-header{padding-top:20px;padding-bottom:20px} .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-logo a,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-logo a,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-logo a,.fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-logo a{float:none;text-align:center;margin:0!important} .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-mobile-nav-holder{display:block;margin-top:20px} .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-main-menu{display:none} .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-main-menu{display:block;max-width:none} .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-main-menu>ul>li{display:none} .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-main-menu>ul .fusion-middle-logo-menu-logo{display:block} .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-sticky-menu>ul .fusion-middle-logo-menu-logo{display:none} .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-logo{padding:0} .fusion-mobile-menu-design-classic .fusion-secondary-header{padding:10px} .fusion-mobile-menu-design-classic .fusion-secondary-header .fusion-mobile-nav-holder{margin-top:0} .fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-header,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-header{padding-top:20px;padding-bottom:20px} .fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-secondary-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-secondary-main-menu{padding-top:6px;padding-bottom:6px} .fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-main-menu,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-main-menu{display:none} .fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-mobile-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-mobile-nav-holder{display:block} .fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-logo a,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-logo,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-logo a{float:none;text-align:center;margin:0!important} .fusion-mobile-menu-design-classic.fusion-header-v4 .searchform,.fusion-mobile-menu-design-classic.fusion-header-v5 .searchform{display:block;float:none;width:100%;margin:13px 0 0} .fusion-mobile-menu-design-classic.fusion-header-v4 .search-table,.fusion-mobile-menu-design-classic.fusion-header-v5 .search-table{width:100%} .fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-logo a{float:none} .fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-header-banner{margin-top:10px} .fusion-mobile-menu-design-classic .fusion-alignleft{margin-bottom:10px} .fusion-mobile-menu-design-classic .fusion-alignleft,.fusion-mobile-menu-design-classic .fusion-alignright{float:none;width:100%;line-height:normal;display:block} .fusion-mobile-menu-design-classic .fusion-mobile-nav-holder .fusion-secondary-menu-icon:after,.fusion-mobile-menu-design-classic .fusion-mobile-nav-holder .fusion-secondary-menu-icon:before{display:none} .fusion-header-v4 .fusion-logo{display:block} .fusion-header-v4.fusion-mobile-menu-design-modern .fusion-logo .fusion-logo-link{max-width:75%} .fusion-header-v4.fusion-mobile-menu-design-modern .fusion-mobile-menu-icons{position:absolute} .fusion-header-v4.fusion-mobile-menu-design-flyout .fusion-logo .fusion-logo-link{max-width:75%} .fusion-header-v4.fusion-mobile-menu-design-flyout .fusion-mobile-menu-icons{position:absolute} .fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-main-menu>ul .fusion-middle-logo-menu-logo{display:none} .fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-main-menu-sticky>ul .fusion-middle-logo-menu-logo,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-sticky-menu>ul .fusion-middle-logo-menu-logo{display:block} .fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu{display:none} .fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu-sticky,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-sticky-menu{display:block} .fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-sticky-header-wrapper,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-sticky-header-wrapper{position:fixed;width:100%} .fusion-is-sticky .fusion-sticky-menu-only.fusion-header-v4.fusion-mobile-menu-design-flyout.fusion-flyout-menu-active .fusion-secondary-main-menu,.fusion-is-sticky .fusion-sticky-menu-only.fusion-header-v5.fusion-mobile-menu-design-flyout.fusion-flyout-menu-active .fusion-secondary-main-menu{z-index:9999999} .fusion-mobile-menu-design-flyout.fusion-header-v1 .fusion-main-menu,.fusion-mobile-menu-design-flyout.fusion-header-v2 .fusion-main-menu,.fusion-mobile-menu-design-flyout.fusion-header-v3 .fusion-main-menu,.fusion-mobile-menu-design-flyout.fusion-header-v4 .fusion-main-menu,.fusion-mobile-menu-design-flyout.fusion-header-v5 .fusion-main-menu,.fusion-mobile-menu-design-flyout.fusion-header-v7 .fusion-main-menu>ul>li,.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-main-menu,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu>ul>li{display:none} .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v4 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v5 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-classic.fusion-header-v7 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-flyout.fusion-header-v1 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-flyout.fusion-header-v2 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-flyout.fusion-header-v3 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-flyout.fusion-header-v4 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-flyout.fusion-header-v5 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-flyout.fusion-header-v7 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-sticky-nav-holder,.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-sticky-nav-holder{display:none} .fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v7.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v7.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v7.fusion-sticky-menu-1 .fusion-mobile-nav-holder{display:none} .fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-classic.fusion-header-v7.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-flyout.fusion-header-v7.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v1.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v2.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v3.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v4.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder,.fusion-is-sticky .fusion-mobile-menu-design-modern.fusion-header-v7.fusion-sticky-menu-1 .fusion-mobile-sticky-nav-holder{display:block} #side-header.fusion-mobile-menu-design-flyout .side-header-wrapper,.fusion-mobile-menu-design-flyout .fusion-header .fusion-row{z-index:9999} .fusion-mobile-menu-design-flyout.fusion-header-v1 .fusion-flyout-mobile-menu-icons,.fusion-mobile-menu-design-flyout.fusion-header-v2 .fusion-flyout-mobile-menu-icons,.fusion-mobile-menu-design-flyout.fusion-header-v3 .fusion-flyout-mobile-menu-icons,.fusion-mobile-menu-design-flyout.fusion-header-v4 .fusion-flyout-mobile-menu-icons,.fusion-mobile-menu-design-flyout.fusion-header-v5 .fusion-flyout-mobile-menu-icons,.fusion-mobile-menu-design-flyout.fusion-header-v7 .fusion-flyout-mobile-menu-icons{z-index:99999;position:relative;display:flex} .fusion-mobile-menu-design-flyout.fusion-header-v7 .fusion-main-menu{display:block;float:left;width:auto} .fusion-mobile-menu-design-flyout.fusion-header-v7 .fusion-main-menu>ul .fusion-middle-logo-menu-logo{display:block} .fusion-mobile-menu-design-flyout.fusion-header-v7.fusion-flyout-active .fusion-main-menu{z-index:99999} .fusion-mobile-menu-design-flyout.fusion-header-v7.fusion-flyout-active .fusion-logo{z-index:99999} .fusion-flyout-mobile-menu.fusion-mobile-nav-holder>ul{display:block;width:100%;text-align:center;border:none} .fusion-flyout-mobile-menu.fusion-mobile-nav-holder .fusion-mobile-nav-item a{border:none} .fusion-flyout-mobile-menu.fusion-mobile-nav-holder .fusion-open-submenu,.fusion-flyout-mobile-menu.fusion-mobile-nav-holder .sub-menu,.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu .fusion-main-menu-cart,.fusion-header-v4 .fusion-logo .fusion-header-content-3-wrapper .fusion-secondary-menu-search,.fusion-mobile-menu-design-flyout.fusion-header-v7 .fusion-flyout-menu .fusion-middle-logo-menu-logo,.fusion-mobile-menu-design-flyout.fusion-header-v7 .fusion-main-menu.fusion-sticky-menu{display:none} .fusion-header-v4.fusion-header-has-flyout-menu .fusion-header>.fusion-row{position:relative} .avada-not-responsive .fusion-main-menu>ul>li{padding-right:var(--mobile_nav_padding)} .avada-responsive .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu{float:var(--logo_alignment)} .avada-responsive.mobile-logo-pos-center .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu{float:left} .mobile-logo-pos-right .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu{float:right} .fusion-body .fusion-header-wrapper .fusion-main-menu.fusion-ubermenu-mobile{display:block} .fusion-mobile-nav-holder li.fusion-mobile-nav-item .wpml-ls-item a::before{display:none} .fusion-mobile-nav-holder .wpml-ls-native{padding:0 5px} .avada-mobile-header-color-not-opaque .fusion-header-wrapper{position:absolute;z-index:10000} .avada-mobile-header-color-not-opaque .fusion-header-wrapper .fusion-header{background-image:none} .avada-mobile-header-color-not-opaque .layout-boxed-mode .fusion-header-wrapper{width:100%;max-width:var(--site_width)} .avada-mobile-header-color-not-opaque .layout-wide-mode .fusion-header-wrapper{left:0;right:0} body.avada-has-mobile-menu-search:not(.avada-has-main-nav-search-icon) .fusion-header-v6.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-search-toggle{display:flex} body:not(.avada-has-mobile-menu-search) .fusion-header-v6.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-search-toggle{display:none} } /* ========================================================= v03 2026-10-22 幅そろえ（全ページの中身の枠を1100pxに統一）＋ふわっと表示 ========================================================= */ /* ---------- 5. 幅そろえ：左右の空き列を外し、中身の列を枠いっぱい（1100px）に ---------- */ #main .fusion-layout-column.csp-spacer{ display:none !important; } #main .fusion-layout-column.csp-wide{ --awb-width-large:100% !important; --awb-width-medium:100% !important; --awb-width-small:100% !important; --awb-spacing-left-large:1.92% !important; --awb-spacing-right-large:1.92% !important; } /* 外側余白0のカード列だけの行（トップの研修カード等）：行のはみ出しをなくして枠の端をそろえる */ #main .fusion-fullwidth.csp-flush > .fusion-builder-row{ margin-left:0 !important; margin-right:0 !important; width:100% !important; max-width:100% !important; } /* 通常テンプレート（お問い合わせ等）で、セクション自体に付いていた左右3%の余白を外す（#main 側の余白でそろえる） */ #main:not(.width-100) .post-content > .fusion-fullwidth.hundred-percent-fullwidth{ --awb-padding-left:0px !important; --awb-padding-right:0px !important; } /* フォームは枠の中で読みやすい幅に（枠の端はほかのセクションとそろう） */ #main form.csp-form{ max-width:760px; margin-left:auto; margin-right:auto; } /* ---------- 6. ふわっと表示（スクロールで画面に入ったら） ---------- */ html.csp-fx-on #main .post-content > .fusion-fullwidth > .fusion-builder-row > .fusion-layout-column:not(.csp-spacer):not(:has([data-animationType])){ opacity:0; transform:translateY(20px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); } html.csp-fx-on #main .post-content > .fusion-fullwidth > .fusion-builder-row > .fusion-layout-column.is-in{ opacity:1 !important; transform:none !important; } @media (prefers-reduced-motion:reduce){ html.csp-fx-on #main .fusion-layout-column{ opacity:1 !important; transform:none !important; transition:none !important; } } @media print{ html.csp-fx-on #main *{ opacity:1 !important; transform:none !important; } }