/* ==========================================================================
lp-overrides.css
各LP固有 _assets_lp/css/style_lp.css が新フォーマットと衝突する箇所を
ピンポイントで打ち消す（最小限）
※ ヘッダー/フッター本体の固定は header-footer-overrides.css 側で実施
========================================================================== */
/* ----------------------------------------------------------------------
html ルートフォントサイズの強制 10px 化
一部のLPのstyle_lp.css冒頭リセットCSSが
`html, body, div, ... { font-size: 100% }` を含んでおり、
reset.css の `html { font-size: 10px }` を上書きしてしまうため、
ここで強制的に 10px に戻して 1rem = 10px の基準を維持する。
（header-footer-overrides.css のフォント指定は rem ベースのため必須）
---------------------------------------------------------------------- */
html {
font-size: 10px !important;
}
/* ----------------------------------------------------------------------
body フォントサイズの強制
一部のLPのstyle_lp.css冒頭リセット
`html, body, div, ... { font-size: 100% }` で body にも 100% が当たり、
reset.css の `body { font-size: var(--fs-base) }` を打ち消して
bodyが事実上10pxになる。
結果、クラスなしの 等が10pxで描画されてしまうため、
ここで強制的に正規の値（PC: 16px / SP: 14px）に戻す。
※ ヘッダー/フッターは個別セレクタ + !important でrem指定しているので
bodyのfont-size変更に影響されない。
---------------------------------------------------------------------- */
body {
font-size: var(--fs-base) !important;
}
@media only screen and (max-width: 768px) {
body {
font-size: var(--fs-small) !important;
}
}
/* ----------------------------------------------------------------------
.basic_h1 を視覚的に非表示
一部LPの
はSEO用見出しで、直下の
と内容がほぼ重複している。共通CSSに basic_h1 のスタイル定義がなく、
reset.cssで font-size:100% に潰されて中途半端に表示されるため、
スクリーンリーダーには残しつつ画面からは隠す。
---------------------------------------------------------------------- */
.lp .basic_h1 {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* ----------------------------------------------------------------------
旧LPの body padding-top / min-width を打ち消し
旧LPは独自の固定ヘッダー（110px）前提で body に余白を入れていたため、
新共通ヘッダー（fixed）と二重に余白がついていた
---------------------------------------------------------------------- */
body.lp {
padding-top: 0 !important;
min-width: 0 !important;
}
@media screen and (min-width: 768px) {
body.lp {
padding-top: 0 !important;
min-width: 0 !important;
}
}
/* ----------------------------------------------------------------------
旧LPの `.inner { width: 1200px }` が tmpl_inner より優先されるのを防止
tmpl_inner クラスを併記しているので tmpl_inner 側を優先させる
---------------------------------------------------------------------- */
.tmpl_inner.inner {
width: auto !important;
max-width: 1240px;
margin: 0 auto;
padding: 0 2rem;
}
@media only screen and (max-width: 768px) {
.tmpl_inner.inner {
width: auto !important;
min-width: 0 !important;
}
}
/* ----------------------------------------------------------------------
action_btns / phonecall は HTMLからは削除済みだが、
万が一残っている場合のCSS残骸を非表示化
---------------------------------------------------------------------- */
.lp .action_btns,
.lp .phonecall {
display: none !important;
}
/* ----------------------------------------------------------------------
.mainvisual セクション
旧LPでは .mainvisual に `padding-top: 80px` が入っているが、
これは旧固定ヘッダー(110px)前提の余白。
新ヘッダー(60px固定)では .main_content { margin-top: 60px } で
既にヘッダー分の余白が確保されているため、padding-topは不要。
また、旧LPの `min-width: 1200px` は表示崩れの原因になるので解除。
---------------------------------------------------------------------- */
.lp .mainvisual {
padding-top: 0 !important;
min-width: 0 !important;
}
@media screen and (max-width: 768px) {
.lp .mainvisual {
padding-top: 0 !important;
}
}
/* mainvisual内の「お試し」ボタン等は背景画像と一緒に表示する想定。
元のサイズ感（min-height等）は LP固有CSS のまま動作する。 */