/* ======================================== i18n Visibility Control (Enhanced) ======================================== */ /* 基本的なi18n制御（詳細なスタイルは site-fixes.css で管理） */ #about .i18n, #brands .i18n { display: none !important; } /* ======================================== PCとスマートフォン用のコンテンツ制御（重複表示防止） ======================================== */ /* PC用コンテンツ（デフォルト表示） */ .only-pc { display: block !important; } /* スマートフォン用コンテンツ（デフォルト非表示） */ .only-sp { display: none !important; } /* スマートフォン表示時の制御 */ @media (max-width: 767px) { .only-pc { display: none !important; } .only-sp { display: block !important; } } /* overview-titleクラスの制御（HTML内の重複表示防止） */ .overview-title-desktop { display: block !important; } .overview-title-mobile { display: none !important; } @media (max-width: 767px) { .overview-title-desktop { display: none !important; } .overview-title-mobile { display: block !important; } } /* 強制制御（競合回避） */ html body .only-pc { display: block !important; } html body .only-sp { display: none !important; } @media (max-width: 767px) { html body .only-pc { display: none !important; } html body .only-sp { display: block !important; } } /* さらに強力な制御（最高特異性） */ html body .about-inner.only-pc { display: block !important; } html body .about-inner.only-sp { display: none !important; } @media (max-width: 767px) { html body .about-inner.only-pc { display: none !important; } html body .about-inner.only-sp { display: block !important; } } /* 最終手段：最高特異性セレクタ */ html body .restandard-section .about-inner.only-pc { display: block !important; } html body .restandard-section .about-inner.only-sp { display: none !important; } @media (max-width: 767px) { html body .restandard-section .about-inner.only-pc { display: none !important; } html body .restandard-section .about-inner.only-sp { display: block !important; } } /* さらに強力な制御（最高特異性） */ html body .section-about .about-inner.only-pc { display: block !important; } html body .section-about .about-inner.only-sp { display: none !important; } @media (max-width: 767px) { html body .section-about .about-inner.only-pc { display: none !important; } html body .section-about .about-inner.only-sp { display: block !important; } } /* 最終手段：最高特異性セレクタ */ html body #about-restandard .about-inner.only-pc { display: block !important; } html body #about-restandard .about-inner.only-sp { display: none !important; } @media (max-width: 767px) { html body #about-restandard .about-inner.only-pc { display: none !important; } html body #about-restandard .about-inner.only-sp { display: block !important; } } /* ======================================== 言語判定（ の値で切替） ======================================== */ html[lang="ja"] #about .only-ja, html[lang="ja"] #brands .only-ja, html[lang="ja"] #about-restandard .only-ja { display: block !important; } html[lang="en"] #about .only-en, html[lang="en"] #brands .only-en, html[lang="en"] #about-restandard .only-en { display: block !important; } /* 念のための保険：見えない要素を確実に隠す */ html[lang="ja"] #about .only-en, html[lang="ja"] #brands .only-en, html[lang="ja"] #about-restandard .only-en, html[lang="en"] #about .only-ja, html[lang="en"] #brands .only-ja, html[lang="en"] #about-restandard .only-ja { display: none !important; } /* 競合CSS対策：より強力なセレクタで確実に制御 */ html[lang="ja"] #about .i18n.only-ja, html[lang="ja"] #brands .i18n.only-ja, html[lang="ja"] #about-restandard .i18n.only-ja { display: block !important; } html[lang="en"] #about .i18n.only-en, html[lang="en"] #brands .i18n.only-en, html[lang="en"] #about-restandard .i18n.only-en { display: block !important; } /* デフォルト言語設定（lang属性が未設定の場合） */ html:not([lang]) #about .only-ja, html:not([lang]) #brands .only-ja, html:not([lang]) #about-restandard .only-ja { display: block !important; } html:not([lang]) #about .only-en, html:not([lang]) #brands .only-en, html:not([lang]) #about-restandard .only-en { display: none !important; } /* 強制可視化の上書き（既存のreveal.cssとの競合回避） */ #about .i18n[style*="display: none"], #brands .i18n[style*="display: none"], #about-restandard .i18n[style*="display: none"] { display: block !important; } /* ======================================== About ReStandardの中央揃え ======================================== */ .restandard-section .restandard-body { text-align: center !important; margin-left: auto !important; margin-right: auto !important; max-width: 1024px !important; } .restandard-section .restandard-body img, .restandard-section .restandard-body figure { display: block !important; margin: 0 auto !important; } /* Collection競合ルール削除済み - style.cssで統一管理 */ /* ======================================== 言語切り替えボタンのスタイル ======================================== */ [data-lang-btn] { cursor: pointer; transition: all 0.2s ease; border: 1px solid #333; padding: 8px 16px; margin: 0 4px; border-radius: 4px; font-weight: 600; } [data-lang-btn].active { background-color: #333 !important; color: #fff !important; border-color: #333 !important; } [data-lang-btn]:not(.active) { background-color: transparent !important; color: #333 !important; border-color: #333 !important; } [data-lang-btn]:hover { background-color: #f0f0f0 !important; transform: translateY(-1px); } [data-lang-btn].active:hover { background-color: #222 !important; } /* ======================================== 最も強力なセレクタによる言語切り替え保証 ======================================== */ html body[lang="ja"] #about .only-ja, html body[lang="ja"] #brands .only-ja { display: block !important; } html body[lang="en"] #about .only-en, html body[lang="en"] #brands .only-en { display: block !important; } html body[lang="ja"] #about .only-en, html body[lang="ja"] #brands .only-en, html body[lang="en"] #about .only-ja, html body[lang="en"] #brands .only-ja { display: none !important; }