/* ============================================================ EV図鑑 子テーマ：本文コンポーネントCSS カスタマイザーCSS（post 523 / site-local/custom_css.css）からの移植。 - テーマは Cocoon 互換マークアップ（.entry-content / .related-list / .entry-card / .date-tags 等）を出力するため、大半のルールは無変更で効く - アーカイブ一覧だけは #list → .ev-archive-list（grid化）に付け替えた - #header / #navi / #content-in 等、Cocoon 構造専用のルールは新テーマでは 対象要素が存在しないため無効（残置しても無害。整理はフェーズ2） ============================================================ */ /* デザイントークン（単一の参照元）：色・角丸・フォントはここでだけ定義し、下の各指定は var() で参照する */ :root{ --ev-blue:#0062ff; --ev-blue-dark:#004fd6; --ev-ink:#1c2530; --ev-body:#3d474c; --ev-muted:#71808a; --ev-pale:#e3edff; --ev-section:#f3f7ff; --ev-line:#e2e9f2; --ev-line2:#edf1f6; --ev-radius:18px; --ev-font-head:"Zen Kaku Gothic New","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif; --ev-font-body:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif; --ev-shadow:0 6px 22px rgba(23,50,38,.07); } /* トップページ（新デザイン／モック再現版）のみ：Cocoonのヘッダー・ナビ・記事タイトル・シェアボタン・著者ボックスを隠し、自作デザインだけを表示する */ body.page-id-498 #header, body.page-id-525 #header, body.page-id-498 .header-container, body.page-id-525 .header-container, body.page-id-498 #navi, body.page-id-525 #navi, body.page-id-498 .navi-container, body.page-id-525 .navi-container, body.page-id-498 .article-header, body.page-id-525 .article-header, body.page-id-498 .entry-title, body.page-id-525 .entry-title, body.page-id-498 .sns-share, body.page-id-525 .sns-share, body.page-id-498 .author-box, body.page-id-525 .author-box{ display:none!important; } body.page-id-525 a[href*="/author/"]{display:none!important;} body.page-id-525 .sidebar{display:none!important;} /* 525のみ：Cocoonのモバイル用固定フッターメニュー（下部ボタン）はモック側ボトムナビと重複するため非表示にする（アイコン差し替え後は:has(.fa-star)指定が効かなくなったため、コンテナのクラスで直接指定する） */ body.page-id-525 .mobile-footer-menu-buttons{display:none!important;} /* 525のみ：モバイルではテーマのフッターメニュー自体を非表示にし（モック側フッターが代わり）、幅の原因を除く。デスクトップでは表示を変えない */ @media(max-width:860px){ body.page-id-525 .footer-menu, body.page-id-525 #footer-menu{display:none!important;} } /* 525のみ：最後の安全策。横方向のはみ出しを抑える（clipはstickyを壊さない） */ body.page-id-525{overflow-x:hidden;overflow-x:clip;} /* 記事ページ共通（body.single-post）：トップページ（モック再現版）のデザイン言語に合わせる。投稿65だけに効いていた指定を全記事へ一般化したもの。色・角丸・フォントは上の :root トークンを参照する */ body.single-post{background:#fff;overflow-x:hidden;overflow-x:clip;} body.single-post .entry-content{box-sizing:border-box;width:100%;max-width:1080px;margin-left:auto;margin-right:auto;color:var(--ev-ink);font-family:var(--ev-font-body);overflow-wrap:break-word;} body.single-post .entry-content p,body.single-post .entry-content li{color:var(--ev-body);line-height:1.9;} body.single-post .entry-content img,body.single-post .entry-content table,body.single-post .entry-content iframe{max-width:100%;} /* 記事タイトルまわり（ヘッダー・全体ナビは残す） */ body.single-post .entry-title,body.single-post .article-title{font-family:var(--ev-font-head);font-weight:800;color:var(--ev-ink);line-height:1.45;letter-spacing:.02em;font-size:1.875rem;} body.page .entry-title{font-size:1.875rem;line-height:1.45;} body.single-post .article-header{background:var(--ev-section);border:1px solid var(--ev-line);border-radius:var(--ev-radius);padding:22px 24px;box-shadow:var(--ev-shadow);} body.single-post .post-date,body.single-post .post-update,body.single-post .post-date .fa,body.single-post .post-update .fa{color:var(--ev-muted);} body.single-post .entry-content>p:first-child{color:var(--ev-muted);font-size:.86rem;line-height:1.7;background:var(--ev-section);border:1px solid var(--ev-line);border-radius:12px;padding:10px 14px;} /* 見出し h2／h3 */ body.single-post .entry-content h2{font-family:var(--ev-font-head);font-weight:700;color:var(--ev-ink);font-size:1.35rem;line-height:1.5;background:var(--ev-section);border-left:6px solid var(--ev-blue);border-radius:12px;padding:12px 18px;margin:2em 0 1em;} body.single-post .entry-content h3{font-family:var(--ev-font-head);font-weight:700;color:var(--ev-ink);font-size:1.15rem;line-height:1.55;border-left:4px solid var(--ev-blue);border-bottom:2px solid var(--ev-pale);padding:6px 0 8px 12px;margin:1.8em 0 1em;} /* 本文リンク（カード内のボタンは別途指定） */ body.single-post .entry-content a{color:var(--ev-blue);text-decoration:underline;text-underline-offset:3px;} body.single-post .entry-content a:hover{color:var(--ev-blue-dark);} body.single-post .entry-content ul li::marker{color:var(--ev-blue);} /* 目次 */ body.single-post .toc,body.single-post .toc-content{background:var(--ev-section);border:1px solid var(--ev-line);border-radius:var(--ev-radius);box-shadow:var(--ev-shadow);} body.single-post .toc-title{color:var(--ev-ink);font-family:var(--ev-font-head);font-weight:700;} body.single-post .toc-list a{color:var(--ev-blue);} /* 比較表 */ body.single-post .entry-content figure.wp-block-table{overflow-x:auto;border:1px solid var(--ev-line);border-radius:var(--ev-radius);box-shadow:var(--ev-shadow);margin:1.5em 0;} body.single-post .entry-content table{width:100%;border-collapse:separate;border-spacing:0;border:0;border-radius:var(--ev-radius);overflow:hidden;} body.single-post .entry-content table th+th,body.single-post .entry-content table td+td{border-left:0;} body.single-post .entry-content table th{background:var(--ev-pale);color:var(--ev-ink);font-family:var(--ev-font-head);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--ev-line);text-align:left;white-space:nowrap;} body.single-post .entry-content table td{color:var(--ev-body);padding:12px 14px;border-bottom:1px solid var(--ev-line2);} body.single-post .entry-content table tr:nth-child(even) td{background:var(--ev-section);} body.single-post .entry-content table tr:last-child td{border-bottom:0;} /* アフィリエイト静的カード（もしも かんたんリンク相当：商品画像＋価格＋Amazon／楽天ボタン。JS読み込みに依存しない） */ body.single-post .ev-aff-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--ev-line);border-radius:var(--ev-radius);box-shadow:var(--ev-shadow);padding:20px;margin:24px 0;overflow:hidden;} body.single-post .ev-aff-card__img{flex:0 0 180px;text-decoration:none!important;} body.single-post .ev-aff-card__img img{width:180px;height:180px;object-fit:contain;border-radius:12px;background:var(--ev-section);display:block;} body.single-post .ev-aff-card__body{flex:1;min-width:0;} body.single-post .ev-aff-card__name{font-family:var(--ev-font-head);font-weight:700;color:var(--ev-ink);font-size:1.05rem;line-height:1.5;margin:0 0 8px;} body.single-post .ev-aff-card__pr{display:inline-block;font-size:.7rem;line-height:1;color:#fff;background:var(--ev-blue);border-radius:4px;padding:3px 6px;margin-right:8px;vertical-align:2px;} body.single-post .ev-aff-card__price{color:var(--ev-body);font-weight:700;margin:0 0 14px;} body.single-post .ev-aff-card__btns{display:flex;gap:10px;flex-wrap:wrap;} body.single-post .ev-aff-card__btn{display:inline-block;padding:11px 18px;border-radius:999px;font-weight:700;font-size:.92rem;line-height:1.3;text-align:center;text-decoration:none!important;} body.single-post .ev-aff-card__btn--amazon{background:var(--ev-blue);color:#fff!important;} body.single-post .ev-aff-card__btn--amazon:hover{background:var(--ev-blue-dark);color:#fff!important;} body.single-post .ev-aff-card__btn--rakuten{background:#fff;color:var(--ev-blue)!important;border:1.5px solid var(--ev-blue);} body.single-post .ev-aff-card__btn--rakuten:hover{background:var(--ev-pale);color:var(--ev-blue-dark)!important;} /* カテゴリ／タグのチップ */ body.single-post .entry-categories a,body.single-post .post-categories a,body.single-post .cat-label,body.single-post .entry-tags a,body.single-post .tag-link{display:inline-block;background:var(--ev-pale);color:var(--ev-blue-dark)!important;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;text-decoration:none!important;margin:0 6px 6px 0;} body.single-post .entry-categories a:hover,body.single-post .entry-tags a:hover{background:var(--ev-blue);color:#fff!important;} /* 関連記事カード */ body.single-post .related-entry-card,body.single-post .related-entry-card-thumb{border-radius:var(--ev-radius);} body.single-post .related-entry-card-title{color:var(--ev-ink);font-family:var(--ev-font-head);font-weight:700;} /* スマホ：左右余白18px、表は横スクロール、カードは縦積みで画像・ボタンがはみ出さない */ @media(max-width:860px){ body.single-post .entry-content{padding-left:18px;padding-right:18px;} body.single-post .article-header{padding:18px;} body.single-post .entry-title,body.single-post .article-title{font-size:1.5rem;line-height:1.5;} body.page .entry-title{font-size:1.5rem;line-height:1.5;} body.single-post .entry-content h2{font-size:1.22rem;padding:12px 14px;} body.single-post .entry-content h3{font-size:1.08rem;} body.single-post .entry-content figure.wp-block-table{display:block;overflow-x:auto;} body.single-post .entry-content table{min-width:0;width:100%;font-size:.85rem;} body.single-post .entry-content table th{white-space:normal;padding:8px 10px;} body.single-post .entry-content table td{padding:8px 10px;overflow-wrap:break-word;} body.single-post .ev-aff-card{flex-direction:column;align-items:stretch;padding:18px;} body.single-post .ev-aff-card__img{flex:none;text-align:center;} body.single-post .ev-aff-card__img img{width:200px;height:200px;margin:0 auto;} body.single-post .ev-aff-card__btns{flex-direction:column;} body.single-post .ev-aff-card__btn{width:100%;box-sizing:border-box;} } /* 補足：Cocoonの見出しアイコン（h2／h3の::before）が新しい見出しデザインの文字と重なるため、記事ページでは非表示にする */ body.single-post .entry-content h2::before,body.single-post .entry-content h3::before{display:none;} /* 補足2：記事末尾のタグ一覧はテーマの出力構造上クラスが付かないため、/tag/ へのリンクでチップ化する（カテゴリ・サイドバーには影響しない） */ body.single-post a[href*="/tag/"]{display:inline-block;background:var(--ev-pale);color:var(--ev-blue-dark)!important;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;text-decoration:none!important;margin:0 6px 6px 0;} body.single-post a[href*="/tag/"]:hover{background:var(--ev-blue);color:#fff!important;} /* トップページ(525)モバイル幅フィット修正 2026-11-08：Cocoonのカラム連鎖（.wrap固定幅→.content-in flex→.main 860px→サイドバー336px）がメインカラムを狭めるため、モバイル幅では連鎖ごと全幅にする */ @media (max-width:1023px){ body.page-id-525 #content-in{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;} body.page-id-525 #content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;} body.page-id-525 .content-in{display:block!important;width:100%!important;max-width:100%!important;} body.page-id-525 #main{width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;float:none!important;} body.page-id-525 #sidebar{display:none!important;} } /* 記事ページも同根（Cocoonカラム連鎖）ため、モバイル幅では全幅化しサイドバーは下に積む 2026-11-08 */ @media (max-width:1023px){ body.single-post #content-in{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;} body.single-post #content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;} body.single-post .content-in{display:block!important;width:100%!important;max-width:100%!important;} body.single-post #main{width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;float:none!important;} body.single-post #sidebar{width:100%!important;max-width:100%!important;margin:24px 0 0!important;float:none!important;} body.single-post .entry-content table{max-width:100%;} } /* ヘッダー統一 2026-11-08（525以外）：旧ロゴ画像を廃し、トップページと同じ白基調・太字ロゴに揃える */ body:not(.page-id-525) #header{background:#fff;} body:not(.page-id-525) #header-in{justify-content:flex-start;padding-top:14px;padding-bottom:14px;} body:not(.page-id-525) .site-name-text{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:800;font-size:clamp(22px,3vw,28px);color:var(--ev-ink);letter-spacing:.02em;} body:not(.page-id-525) #navi{border-bottom:1px solid var(--ev-line);} body:not(.page-id-525) .mobile-footer-menu-buttons{background:#fff;border-top:1px solid var(--ev-line);} /* ヘッダーメニュー（#navi）は全ページで表示する（2026-11-08夜に変更：補助金・購入ガイド等の新メニューが どこからも見えない問題への対応で、旧「コンパクト化で畳む」ルールを撤回した） */ body:not(.page-id-525) #header-in{padding-top:10px;padding-bottom:10px;} body:not(.page-id-525) .site-name-text{font-size:22px;} body:not(.page-id-525) #navi-footer a{font-size:13px;} /* 角丸の廃止 2026-11-08（ユーザーの指示）：全ページ・カード・見出し・表をスクエアなクリーンスタイルに統一 */ *,*::before,*::after{border-radius:0!important;} /* 日付表示の改良 2026-11-08：グレーの箱型アイコンをやめ、「更新日／公開日」ラベル付きの小さく読みやすい表示にする */ body.single-post .date-tags{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:12px;} body.single-post .date-tags .post-date,body.single-post .date-tags .post-update{display:inline-flex;align-items:center;gap:6px;color:var(--ev-body);font-size:.85rem;} body.single-post .date-tags .fa{background:none!important;width:auto!important;height:auto!important;padding:0;margin:0;line-height:1;font-size:14px;color:var(--ev-blue);} body.single-post .date-tags .post-update time::before{content:"更新日：";font-weight:700;color:var(--ev-ink);} body.single-post .date-tags .post-date .entry-date::before{content:"公開日：";font-weight:700;color:var(--ev-ink);} /* ---- 2026-11-08 round4: header compaction / eyecatch fit / sns hide ---- */ body:not(.page-id-525) #header-in{padding-top:6px;padding-bottom:6px;} .logo-text{padding:4px 0 6px;} body:not(.page-id-525) .content{margin-top:8px;} .breadcrumb{margin:.4em .4em;} body.single-post .sns-share{display:none!important;} body.single-post .sns-follow{display:none!important;} body.single-post .eye-catch-wrap{display:block;} body.single-post .eye-catch img{width:100%;height:auto;display:block;} /* モバイルの下部メニュー二重表示を解消 2026-11-08：フッターメニュー（#navi-footer）と 下部固定バー（.mobile-footer-menu-buttons）は同じ6項目で重複するため、モバイルでは フッター側を隠し、固定バーに一本化する。デスクトップは固定バーが無いので残す。 */ @media(max-width:1023px){ body:not(.page-id-525) #navi-footer{display:none!important;} } /* フッター（黒地）ではサイト名が濃色で読めないため白にする */ #footer .site-name-text{color:#fff!important;} #footer .copyright, #footer .copyright a{color:#cfd8e3!important;} /* SNSシェア・フォローボタンは全ページで非表示（2026-11-08 ユーザー指示。記事ページだけでなく固定ページ等も含む） */ .sns-share, .sns-follow{display:none!important;} /* 記事ヘッダーの並びと日付・注釈の改良 2026-11-08（ユーザー指示）： 日付はアイキャッチのすぐ下へ小さく・濃く。アイキャッチ上のカテゴリラベルは 画像に焼き込まれた車種名と被るため消す。冒頭の注釈は小さく。 */ body.single-post .article-header{display:flex!important;flex-direction:column!important;} body.single-post .article-header .entry-title{order:1;} body.single-post .article-header .eye-catch-wrap{order:2;} body.single-post .article-header .date-tags{order:3;margin-top:8px;font-size:12px;gap:4px 14px;} body.single-post .date-tags .post-date, body.single-post .date-tags .post-update{font-size:12px;color:var(--ev-ink);} body.single-post .date-tags time, body.single-post .date-tags .entry-date{color:var(--ev-ink)!important;font-weight:600;} body.single-post .eye-catch .cat-label{display:none!important;} body.single-post .entry-content p.ev-pr{font-size:12px;line-height:1.7;color:var(--ev-muted);} /* 公開日は出さず更新日のみ（2026-11-08 ユーザー指示） */ body.single-post .date-tags .post-date{display:none!important;} /* 店舗ボタンの順序と主従 2026-11-08：楽天を先頭・主ボタンに（料率比較に基づくユーザー指示） */ body.single-post .ev-aff-card__btn--rakuten{order:-1;background:var(--ev-blue);color:#fff!important;border-color:var(--ev-blue);} body.single-post .ev-aff-card__btn--rakuten:hover{background:var(--ev-blue-dark);color:#fff!important;} body.single-post .ev-aff-card__btn--amazon{background:#fff;color:var(--ev-blue)!important;border:1.5px solid var(--ev-blue);} body.single-post .ev-aff-card__btn--amazon:hover{background:var(--ev-pale);} /* 表の外枠が端で切れる問題の修正 2026-11-08：外枠はfigureでなく表自身に持たせ、 border-collapseで一体化して、表のボックス内に必ず収める */ body.single-post .entry-content figure.wp-block-table{border:0;box-shadow:none;max-width:100%;} body.single-post .entry-content table{border-collapse:collapse;border:1px solid #bfccd9;box-sizing:border-box;} body.single-post .entry-content table th, body.single-post .entry-content table td{border:1px solid #bfccd9;box-sizing:border-box;} /* レビュー集計の見せ方 2026-11-08：点数をバッジとバーで一目で分かる形に */ body.single-post .ev-review{border:1px solid var(--ev-line);background:#fff;padding:16px;margin:14px 0;} body.single-post .ev-review__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;} body.single-post .ev-review__name{font-family:var(--ev-font-head);font-weight:700;color:var(--ev-ink);font-size:1rem;line-height:1.4;} body.single-post .ev-review__score{background:var(--ev-blue);color:#fff;font-weight:800;padding:4px 10px;font-size:.9rem;white-space:nowrap;} body.single-post .ev-review__score.is-none{background:var(--ev-muted);font-size:.8rem;} body.single-post .ev-review__bar{height:8px;background:var(--ev-line2);margin:0 0 10px;} body.single-post .ev-review__bar span{display:block;height:100%;background:var(--ev-blue);} body.single-post .entry-content p.ev-review__meta{font-size:.88rem;margin:0 0 10px;line-height:1.7;} body.single-post .ev-review__points{list-style:none;margin:0;padding:0;} body.single-post .ev-review__points li{padding:4px 0 4px 26px;position:relative;font-size:.92rem;line-height:1.6;} body.single-post .ev-review__points li::before{position:absolute;left:2px;top:4px;font-weight:800;} body.single-post .ev-review__points li.is-good::before{content:"◎";color:var(--ev-blue);} body.single-post .ev-review__points li.is-bad::before{content:"△";color:#c2710a;} /* 商品カードの2x2グリッド（スマホ）とバッジ 2026-11-08 */ body.single-post .ev-aff-card{position:relative;} body.single-post .ev-badge{position:absolute;top:10px;z-index:3;font-weight:800;line-height:1;padding:6px 9px;font-size:.78rem;color:#fff;pointer-events:none;} body.single-post .ev-badge--cheap{left:10px;background:#e8590c;} body.single-post .ev-badge--score{right:10px;background:var(--ev-blue);} body.single-post .ev-badge--new{left:10px;background:#5b6b76;} @media(max-width:860px){ body.single-post .ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;} body.single-post .ev-grid .ev-aff-card{flex-direction:column;gap:8px;padding:10px;margin:0;align-items:stretch;} body.single-post .ev-grid .ev-aff-card__img{flex:0 0 auto;} body.single-post .ev-grid .ev-aff-card__img img{width:100%;height:86px;} body.single-post .ev-grid .ev-aff-card__name{font-size:.82rem;line-height:1.45;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} body.single-post .ev-grid .ev-aff-card__price{font-size:.8rem;margin:0 0 8px;} body.single-post .ev-grid .ev-aff-card__btns{gap:6px;flex-wrap:nowrap;flex-direction:column;} body.single-post .ev-grid .ev-aff-card__btn{display:block;padding:8px 4px;font-size:.72rem;border-radius:0;} body.single-post .ev-grid .ev-badge{top:6px;font-size:.68rem;padding:5px 7px;} body.single-post .ev-grid .ev-badge--cheap{left:6px;} body.single-post .ev-grid .ev-badge--score{right:6px;} body.single-post .ev-grid .ev-badge--new{left:6px;} } /* グリッドカードのサイズ統一 2026-11-08：全カード同寸・ボタン下端そろえ */ @media(max-width:860px){ body.single-post .entry-content .ev-grid{grid-auto-rows:1fr;} body.single-post .entry-content .ev-grid .ev-aff-card{height:100%;box-sizing:border-box;} body.single-post .entry-content .ev-grid .ev-aff-card__img img{height:100px;} body.single-post .entry-content .ev-grid .ev-aff-card__name{font-size:.82rem;line-height:1.45;height:2.9em;min-height:2.9em;-webkit-line-clamp:2;} body.single-post .entry-content .ev-grid .ev-aff-card__price{font-size:.74rem;line-height:1.5;height:3em;min-height:3em;margin:0 0 6px;} body.single-post .entry-content .ev-grid .ev-aff-card__btns{margin-top:auto;} body.single-post .entry-content .ev-grid .ev-aff-card__btn{padding:8px 2px;font-size:.7rem;white-space:nowrap;border-radius:0;} } /* PRチップ非表示（2026-11-08 ユーザー指示） */ .ev-aff-card__pr{display:none!important;} /* 対応年式ボックス */ .ev-years{display:flex;gap:10px;align-items:baseline;border:1px solid var(--ev-line);border-left:4px solid var(--ev-blue);padding:10px 14px;margin:16px 0;font-size:14px;line-height:1.7} .ev-years b{color:var(--ev-blue-dark);white-space:nowrap} .ev-years .ev-years-note{display:block;font-size:12.5px;color:var(--ev-muted)} /* 著者プロフィールボックスは全ページ非表示（2026-11-08 ユーザー指示） */ .author-box{display:none!important} /* セール速報ボックス（パターン596・2026-11-08 見やすさ改善） */ .ev-salebox{border:2px solid var(--ev-blue);background:#fff;padding:18px} .ev-salebox__head{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid var(--ev-pale);padding-bottom:10px} .ev-salebox__title{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:20px;color:var(--ev-blue)} .ev-salebox__sub{font-size:12.5px;color:var(--ev-muted);font-weight:700} .ev-sale-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ev-line)} .ev-sale-item__store{flex:0 0 auto;font-weight:900;font-size:12.5px;color:#fff;padding:4px 10px;white-space:nowrap} .ev-sale-item__store--rakuten{background:#bf0000} .ev-sale-item__store--amazon{background:#232f3e} .ev-sale-item__body{flex:1;min-width:0} .ev-sale-item__name{margin:0;font-weight:900;font-size:16.5px;color:var(--ev-ink)} .ev-sale-item__name a{color:inherit;text-decoration:underline} .ev-sale-item__period{margin:2px 0 0;font-size:13.5px;color:var(--ev-body);font-weight:700} .ev-sale-item__btn{flex:0 0 auto;background:var(--ev-blue);color:#fff;font-weight:900;font-size:13.5px;padding:10px 14px;text-decoration:none;white-space:nowrap} .ev-salebox__note{margin:12px 0 0;font-size:12.5px;color:var(--ev-muted)} @media(max-width:640px){.ev-sale-item{flex-wrap:wrap}.ev-sale-item__btn{width:100%;text-align:center}} /* 投稿者情報（鉛筆アイコン）を全ページ非表示（2026-11-08 ユーザー指示） */ .author-info{display:none!important} /* EV購入ガイド：査定プログラムCTA・実質価格の式（2026-11-08追加） */ .ev-lead{border:2px solid var(--ev-pale);background:#f3f7ff;padding:18px 16px;margin:20px 0;text-align:center} .ev-lead__name{font-weight:800;color:var(--ev-ink);font-size:17px;margin:0 0 12px} .ev-lead__banner{display:inline-block;line-height:0} .ev-lead__banner img{max-width:100%;height:auto} .ev-lead__btn{display:block;margin:14px auto 0;max-width:420px;background:var(--ev-blue);color:#fff;font-weight:800;font-size:16px;padding:14px 18px;text-decoration:none} .ev-lead__btn:hover{background:var(--ev-blue-dark);color:#fff} .ev-formula{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap;margin:18px 0} .ev-formula__cell{flex:1;min-width:110px;background:#f3f7ff;border:2px solid var(--ev-pale);color:var(--ev-ink);font-weight:800;text-align:center;padding:14px 8px;display:flex;align-items:center;justify-content:center} .ev-formula__cell--result{background:var(--ev-blue);border-color:var(--ev-blue);color:#fff} .ev-formula__op{display:flex;align-items:center;font-weight:800;color:var(--ev-ink);font-size:18px} .ev-note{font-size:13px;color:var(--ev-muted)} /* polish components 2026-11-08 */ .ev-keybox{background:#f3f7ff;border:1px solid #e2e9f2;border-left:6px solid #0062ff;padding:18px;margin:24px 0} .ev-keybox__title{font-weight:700;font-size:17px;margin:0 0 12px;color:#1c2530} .ev-keybox__nums{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 8px} .ev-keybox__stat{flex:1 1 150px;background:#fff;border:1px solid #e2e9f2;padding:12px;text-align:center} .ev-keybox__stat b{display:block;font-size:23px;color:#004fd6;line-height:1.25} .ev-keybox__stat span{font-size:12.5px;color:#71808a} .ev-steps{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 18px;counter-reset:evstep evst} .ev-steps__item{flex:1 1 180px;background:#fff;border:1px solid #e2e9f2;border-top:4px solid #0062ff;padding:14px 12px 12px;position:relative} .ev-steps__item b{display:block;margin-bottom:6px;color:#1c2530} .ev-steps__item p{margin:0;font-size:13.5px;color:#3d474c} .ev-steps__item::before{counter-increment:evstep;content:counter(evstep);position:absolute;top:-14px;left:10px;background:#0062ff;color:#fff;width:26px;height:26px;line-height:26px;text-align:center;font-weight:700;font-size:14px} .ev-bars{margin:20px 0} .ev-bars__row{margin:0 0 16px} .ev-bars__label{font-weight:700;color:#1c2530;margin:0 0 6px;font-size:15px} .ev-bars__diff{color:#c2710a;font-weight:700;font-size:13.5px;margin-left:8px} .ev-bars__line{display:flex;align-items:center;gap:10px;margin:3px 0} .ev-bars__tag{flex:0 0 92px;font-size:12.5px;color:#71808a} .ev-bars__track{flex:1 1 auto} .ev-bars__bar{height:20px;background:#0062ff} .ev-bars__bar--next{background:#b9cffb} .ev-bars__yen{font-weight:700;color:#1c2530;font-size:14px;flex:0 0 auto} .ev-cta{background:#0062ff;color:#fff;text-align:center;padding:22px 16px;margin:26px 0} .ev-cta p{margin:0 0 6px;font-weight:700;font-size:18px;color:#fff} .ev-cta small{display:block;margin:0 0 14px;color:#dbe7ff;font-size:13.5px} .ev-cta a{display:inline-block;background:#fff;color:#004fd6;font-weight:700;padding:12px 26px;text-decoration:none;font-size:16px} .ev-funnel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:22px 0} .ev-funnel a{display:block;border:1px solid #e2e9f2;border-top:4px solid #0062ff;background:#fff;padding:14px;text-decoration:none} .ev-funnel b{display:block;color:#1c2530;font-size:16px;margin-bottom:6px} .ev-funnel span{font-size:13.5px;color:#3d474c} .ev-funnel .ev-funnel__go{color:#004fd6;font-weight:700;font-size:13.5px;margin-top:8px;display:block} .ev-fig{margin:24px 0} .ev-fig img{width:100%;height:auto;display:block} @media (max-width:640px){.ev-keybox__stat b{font-size:19px}.ev-bars__tag{flex-basis:76px}} /* カード代替リンク（コンテンツブロッカー対策） */ .ev-fallback{font-size:0;margin:10px 0 14px;line-height:1.5;} .ev-fallback::before{content:"カードが見えない場合はこちら（楽天市場への直接リンク）";display:block;font-size:12.5px;font-weight:700;color:#71808a;margin:0 0 6px;} .ev-fallback a{display:block;font-size:14px;font-weight:700;color:#14467c;background:#fff;border:1px solid #cfd9e4;border-left:5px solid #bf0000;padding:12px 34px 12px 14px;margin:0 0 8px;text-decoration:none;position:relative;} .ev-fallback a::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#8fa3b8;} /* 査定コンパクトカード 2026-11-08：購入ガイドの査定導線用（大きなバナーを使わない） */ .ev-satei{border:2px solid var(--ev-pale);background:#f3f7ff;padding:14px 16px 4px;margin:18px 0} .ev-satei__lead{font-weight:700;color:var(--ev-ink);margin:0 0 6px;font-size:14px} .ev-satei__row{padding:10px 0 14px;border-bottom:1px solid var(--ev-line)} .ev-satei__row:last-child{border-bottom:none} .ev-satei__name{font-weight:800;color:var(--ev-ink);font-size:15px;margin:0 0 2px} .ev-satei__desc{font-size:13px;color:var(--body,#3d474c);margin:0 0 8px} .ev-satei__btn{display:inline-block;background:var(--ev-blue);color:#fff;font-weight:800;font-size:14px;padding:11px 20px;text-decoration:none} .ev-satei__btn:hover{background:var(--ev-blue-dark);color:#fff} /* ヘッダーメニューのモバイル統一（2026-11-08・再発防止）： スマホ幅では #navi の展開リストを全ページ種別で出さない。モバイルの移動は下部固定バー（フッターメニュー）に一本化し、PC幅でのみ #navi を表示する。 必ず body:not(.page-id-525) のようにページ種別を問わないセレクタで当てること。single-post や page だけに当てると、固定ページでだけメニューの出方が変わる事故が再発する。 */ @media (max-width:1023px){ body:not(.page-id-525) #navi{display:none!important;} } .ev-satei a.ev-satei__btn{color:#fff!important;background:var(--ev-blue)!important} .ev-satei a.ev-satei__btn:hover{color:#fff!important;background:var(--ev-blue-dark)!important} /* EV新車情報システム（車種ページ/テスラ特設/一覧）— Phase 1でカスタマイザーCSSへ追加する */ .ev-model-lead{font-size:1.05em;line-height:1.8} .ev-model-spec{background:#f2f6fb;border-left:4px solid #1e5aa8;padding:12px 16px;margin:16px 0} .ev-model-spec h2{margin:0 0 8px;font-size:1.1em} .ev-model-spec ul{margin:0;padding-left:1.2em} .ev-model-article-list{line-height:1.9} .ev-news-list{margin-top:8px} .ev-news-entry{border-top:2px solid #1e5aa8;padding:14px 2px 18px} .ev-news-entry h3{margin:6px 0 8px;font-size:1.15em;line-height:1.5} .ev-news-meta{margin:0;font-size:.88em;color:#444} .ev-badge{display:inline-block;background:#1e5aa8;color:#fff;padding:1px 8px;font-size:.85em;margin-left:6px} .ev-badge-jp{background:#c0392b} .ev-badge-global{background:#666} .ev-news-source{font-size:.85em;color:#666} .ev-news-empty{color:#666} .ev-tesla-focus{background:#f7f7f7;border-left:4px solid #c0392b;padding:12px 16px;margin:16px 0} /* ev year tabs + article cards (2026-11-09) */ .ev-tabs{position:relative;margin:4px 0 20px} .ev-tabs>input{position:absolute;opacity:0;pointer-events:none} .ev-tabs>label{display:inline-block;padding:9px 14px;margin:0 4px -1px 0;border:1px solid #d8dee6;background:#f4f6f9;font-weight:700;cursor:pointer;font-size:14px} .ev-tabs>input:checked+label{background:#1e5aa8;color:#fff;border-color:#1e5aa8} .ev-tab-panels{border:1px solid #d8dee6;padding:14px} .ev-tab-panel{display:none} .ev-tabs>input:nth-of-type(1):checked~.ev-tab-panels>.ev-tab-panel:nth-child(1){display:block} .ev-tabs>input:nth-of-type(2):checked~.ev-tab-panels>.ev-tab-panel:nth-child(2){display:block} .ev-tabs>input:nth-of-type(3):checked~.ev-tab-panels>.ev-tab-panel:nth-child(3){display:block} .ev-tabs>input:nth-of-type(4):checked~.ev-tab-panels>.ev-tab-panel:nth-child(4){display:block} .ev-tabs:not(:has(>input)) .ev-tab-panel{display:block} .ev-acard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .ev-acard{display:block;border:1px solid #e3e8ef;text-decoration:none;color:inherit;background:#fff} .ev-acard-img{display:block} .ev-acard img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover} .ev-acard-t{display:block;padding:8px 10px;font-weight:700;line-height:1.5;font-size:14px} .ev-tab-none{margin:4px 0} /* ロゴ画像の高さをトップページと統一（2026-11-09） */ .site-logo-image{height:36px!important;width:auto!important;} /* ヘッダー余白圧縮＋パンくず非表示（2026-11-09） */ #breadcrumb{display:none!important;} body:not(.page-id-525) #header-in{padding-top:8px!important;padding-bottom:8px!important;} .logo-header{text-align:left!important;} #header .logo{margin-top:0!important;margin-bottom:0!important;} /* ヘッダー帯＋スクロール固定（2026-11-09） */ body:not(.page-id-525) #header{position:sticky!important;top:0;z-index:999;background-color:#fff;background-image:url('https://tabitabi-sorry.com/wp-content/uploads/2026/11/header_band_v2.png')!important;background-repeat:no-repeat;background-position:right center;background-size:auto 100%;box-shadow:0 1px 6px rgba(20,60,110,.15);} /* ヘッダー帯v3＋固定をfixed方式に（2026-11-09） */ body:not(.page-id-525) #header{position:fixed!important;top:0;left:0;right:0;background-image:url('https://tabitabi-sorry.com/wp-content/uploads/2026/11/header_band_v3.png')!important;} body:not(.page-id-525){padding-top:52px;} .entry-content h2,.entry-content h3{scroll-margin-top:64px;} /* ヘッダー帯・固定を一旦無効化（2026-11-09 16:35 障害対応） */ body:not(.page-id-525) #header{position:static!important;background-image:none!important;box-shadow:none!important;} body:not(.page-id-525){padding-top:0!important;} /* ヘッダー帯+固定 v5（2026-11-09）高さ52px固定・帯はpx指定 */ body:not(.page-id-525) #header{position:fixed!important;top:0;left:0;right:0;height:52px!important;overflow:hidden;background-color:#fff;background-image:url('https://tabitabi-sorry.com/wp-content/uploads/2026/11/header_band_v3.png')!important;background-size:auto 52px!important;background-position:right center;background-repeat:no-repeat;box-shadow:0 1px 4px rgba(0,0,0,.12);} body:not(.page-id-525){padding-top:52px!important;} /* ヘッダー帯v4（2026-11-09）白グラデは横幅の半分まで */ body:not(.page-id-525) #header{background-image:url('https://tabitabi-sorry.com/wp-content/uploads/2026/11/header_band_v4.png')!important;} /* ヘッダー帯v5（2026-11-09）白グラデをさらに半分に */ body:not(.page-id-525) #header{background-image:url('https://tabitabi-sorry.com/wp-content/uploads/2026/11/header_band_v5.png')!important;} /* ヘッダー帯v6（2026-11-09）グラデはロゴ直後まで */ body:not(.page-id-525) #header{background-image:url('https://tabitabi-sorry.com/wp-content/uploads/2026/11/header_band_v6.png')!important;} /* ロゴを帯の縦中央に（2026-11-09） */ body:not(.page-id-525) #header-in{display:flex;align-items:center;height:52px;padding-top:0!important;padding-bottom:0!important;} body:not(.page-id-525) #header-in .logo{line-height:0;} body:not(.page-id-525) .site-logo-image{display:block;} /* ロゴ横位置を元に戻す（2026-11-09） */ body:not(.page-id-525) #header-in{display:block;height:auto;padding-top:8px!important;padding-bottom:8px!important;} /* 車種ページヒーロー画像（2026-11-09） */ .ev-model-hero{margin:0 0 14px;} .ev-model-hero img{display:block;width:100%;height:auto;} .ev-model-hero figcaption{font-size:12px;color:#66707a;margin-top:4px;} /* 車種ページ基本情報デザイン（2026-11-09） */ .ev-spec2{border:1px solid #cfdde9;border-top:4px solid #14467c;background:#fff;margin:2px 0 18px;} .ev-spec2-head{display:flex;justify-content:space-between;align-items:baseline;background:#e8f1fa;padding:12px 14px;gap:10px;flex-wrap:wrap;} .ev-spec2-name{font-size:20px;font-weight:800;color:#14467c;} .ev-spec2-price{font-size:18px;font-weight:800;color:#bf0000;} .ev-spec2-table{width:100%;border-collapse:collapse;margin:0;} .ev-spec2-table th{width:32%;background:#f4f8fc;color:#14467c;text-align:left;padding:9px 12px;border-top:1px solid #e3ecf4;font-size:14px;vertical-align:top;} .ev-spec2-table td{padding:9px 12px;border-top:1px solid #e3ecf4;font-size:14.5px;} .ev-spec2-note{font-size:12px;color:#66707a;padding:10px 14px 0;margin:0;} .ev-spec2-btn{display:block;margin:12px 14px 14px;background:#14467c;color:#fff!important;text-align:center;padding:12px;font-weight:800;text-decoration:none;} /* ev-insurance-visuals */ .ev-fig{margin:18px 0} .ev-fig img{width:100%;height:auto;display:block} .ev-comic{margin:10px 0 22px} .ev-comic .panel{margin:0 0 14px} .ev-comic .panel img{width:100%;height:auto;display:block;border:2px solid #14467c} .ev-comic .cap{background:#14467c;color:#fff;font-weight:700;padding:8px 14px;font-size:15px} .ev-comic .cap b{color:#ffb35c} .ev-check{background:#fff9ee;border:2px solid #f28c28;padding:16px 18px;margin:18px 0} .ev-check p{margin:0 0 8px;font-weight:700} .ev-check ul{margin:0;padding:0;list-style:none} .ev-check li{padding:7px 0 7px 30px;position:relative;border-bottom:1px dashed #e5d9c3} .ev-check li:last-child{border-bottom:none} .ev-check li:before{content:"✓";position:absolute;left:2px;top:6px;color:#f28c28;font-weight:900} .ev-point{background:#e8f1fa;border-left:6px solid #14467c;padding:12px 16px;margin:14px 0} .ev-point p{margin:0} .ev-point .ttl{font-weight:800;color:#14467c;margin-bottom:4px} .ev-3chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0} .ev-3chips span{flex:1;min-width:96px;text-align:center;background:#14467c;color:#fff;font-weight:800;padding:10px 6px;font-size:16px} .ev-steps{margin:14px 0;padding:0;list-style:none} .ev-steps li{padding:8px 0 8px 44px;position:relative} .ev-steps li:before{counter-increment:evst;content:counter(evst);position:absolute;left:0;top:6px;width:30px;height:30px;background:#f28c28;color:#fff;font-weight:900;text-align:center;line-height:30px;border-radius:50%} /* ev-tesla-rich-css */ .ev-fig{margin:1.4em 0}.ev-fig img{width:100%;height:auto;display:block}.ev-fig figcaption{font-size:.85em;color:#55606e;margin-top:.45em;line-height:1.5} /* ev-formula-mobile */ @media (max-width:640px){.ev-formula{flex-direction:column;gap:4px}.ev-formula__cell{width:100%;min-width:0;justify-content:space-between;text-align:left;padding:12px 14px}.ev-formula__cell span{font-size:14px}.ev-formula__cell strong{font-size:20px;white-space:nowrap}.ev-formula__op{justify-content:center;font-size:20px;padding:2px 0}} /* ev-howto-css: numbered howto steps (handlecover) */ .ev-howto{margin:16px 0;padding:0;list-style:none;counter-reset:evhowto} .ev-howto li{padding:10px 0 10px 46px;position:relative;line-height:1.75} .ev-howto li:before{counter-increment:evhowto;content:counter(evhowto);position:absolute;left:0;top:8px;width:32px;height:32px;background:#0062ff;color:#fff;font-weight:900;text-align:center;line-height:32px;border-radius:50%} .ev-howto li b{color:#1c2530} /* ===== サイト全体フレーム統一 2026-11-11（ev-frameプラグインと連携） ===== 方針：メニューは左サイドバーに統一し上部グローバルナビは廃止。 横幅は構造ラッパーをID指定で全幅化し（.wrap一括指定は525モックを壊すため厳禁）、 左右パディング24pxでブラウザ幅にフィットさせる。 */ /* 背景：スキン（skin-innocence）の菱形パターン squ_ten2.png を廃し、トップと同じ無地にする */ body{background-image:none!important;background-color:#fff!important;} /* 上部グローバルナビ（#navi）は全ページ・全幅で非表示（モバイルの移動は下部固定バーと ev-header-buttons のドロワーに一本化。ドロワーはメニュー実体を読むため非表示化の影響なし） */ #navi{display:none!important;} /* 横幅フィット：構造ラッパーを全幅化 */ #header-in,#footer-in{width:100%!important;max-width:none!important;box-sizing:border-box;} #content-in{width:100%!important;max-width:none!important;box-sizing:border-box;} @media (min-width:1024px){ #header-in,#content-in,#footer-in{padding-left:24px;padding-right:24px;} /* 記事本文の幅キャップ（1080px）も外し、メインカラム幅いっぱいに使う */ body.single-post .entry-content{max-width:none!important;} } /* 525はモック側が自前で幅を持つため、テーマ側ラッパーは余白ゼロで全幅にする（全幅指定） */ body.page-id-525 #content,body.page-id-525 #content-in{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;} /* ヘッダー圧縮（推奨セット 2026-11-11）：デンタバナーを廃し、ロゴ＋検索だけの細い帯に統一。 高さはpx固定（デスクトップ64px／モバイル56px）。背景は白地で画像なし。 旧帯ルール（v1〜v6・バナー版）がカスケード上位に残るため、新指定にも !important を付ける。 position:fixed＋body padding-top の方式は従来どおり（高さだけ変更）。 */ body:not(.page-id-525) #header{position:fixed!important;top:0;left:0;right:0;height:64px!important;overflow:hidden;background-color:#fff;background-image:none!important;box-shadow:0 1px 4px rgba(0,0,0,.12);} body.admin-bar:not(.page-id-525) #header{top:32px;} body:not(.page-id-525){padding-top:64px!important;} body:not(.page-id-525) #header-in{display:flex;flex-direction:row;align-items:center;height:64px;padding-top:0!important;padding-bottom:0!important;} body:not(.page-id-525) .site-logo-image{height:36px!important;} .entry-content h2,.entry-content h3{scroll-margin-top:80px;} @media (max-width:1023px){ body:not(.page-id-525) #header{height:56px!important;} body:not(.page-id-525){padding-top:56px!important;} body:not(.page-id-525) #header-in{height:56px;} body:not(.page-id-525) .site-logo-image{height:30px!important;} .entry-content h2,.entry-content h3{scroll-margin-top:72px;} } @media (max-width:782px){ body.admin-bar:not(.page-id-525) #header{top:46px;} } /* 日付表示は全ページで黒（#1a1a1a）に統一し、グレーの箱型アイコンも消す */ .post-date,.post-update,.entry-date,.date-tags, .post-date time,.post-update time,.entry-date time, .entry-card-date,.related-entry-card-date,.widget-entry-card-date{color:#1a1a1a!important;} .date-tags .fa,.post-date .fa,.post-update .fa{background:none!important;color:#1a1a1a!important;} /* 記事の日付表示（2026-11-11 修正）：全ページで日付を黒で表示する要件に合わせ、 「公開日は出さず更新日のみ（2026-11-08）」の .post-date 非表示ルールを上書きし、 投稿日・更新日の両方を表示する。色は上の日付黒色ルール（#1a1a1a）が効く。 */ body.single-post .date-tags .post-date{display:inline-flex!important;} /* EV車種別一覧リデザイン（2026-11-11・検索/チップ/カードグリッド） */ .evidx{margin:8px 0 24px} .evidx-tools{margin:0 0 12px} .evidx-search{display:block} .evidx-search-label{display:block;font-weight:700;font-size:.95em;color:#16324f;margin-bottom:6px} .evidx-search input{width:100%;box-sizing:border-box;padding:12px 14px;font-size:16px;border:2px solid #1e5aa8;background:#fff;color:#222;border-radius:0} .evidx-count{margin:8px 0 0;font-size:.9em;color:#55606c} .evidx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px} .evidx .evidx-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#eef4fb;border:1px solid #1e5aa8;color:#1e5aa8;text-decoration:none;font-size:.92em;font-weight:700;line-height:1.2} .evidx .evidx-chip:hover{background:#1e5aa8;color:#fff} .evidx-chip-n{background:#1e5aa8;color:#fff;font-size:.78em;padding:1px 6px} .evidx .evidx-chip:hover .evidx-chip-n{background:#fff;color:#1e5aa8} .evidx .evidx-chip-up{background:#d33333;border-color:#d33333;color:#fff} .evidx .evidx-chip-up:hover{background:#a82323;border-color:#a82323;color:#fff} .evidx-none{border:1px solid #d5e0ee;background:#f7fafd;padding:12px 14px;color:#444} .evidx-mk{margin:26px 0 0;scroll-margin-top:90px} .evidx .evidx-mk-h{margin:0 0 12px;padding:10px 14px;background:#eef4fb;border:none;border-left:6px solid #1e5aa8;font-size:1.15em;color:#16324f;display:flex;align-items:center;gap:10px} .evidx .evidx-mk-h::before,.evidx .evidx-mk-h::after{content:none!important} .evidx-mk-n{background:#1e5aa8;color:#fff;font-size:.72em;padding:2px 8px;font-weight:700} .evidx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px} .evidx-grid>br,.evidx-chips>br{display:none} .evidx .evidx-card{display:block;border:1px solid #d5e0ee;background:#fff;text-decoration:none;color:#222} .evidx .evidx-card:hover{border-color:#1e5aa8;box-shadow:0 2px 10px rgba(30,90,168,.18)} .evidx-ph{display:block;aspect-ratio:768/293;overflow:hidden;background:#eef4fb} .evidx-ph img{display:block;width:100%;height:100%;object-fit:cover} .evidx-ph-none{display:flex;align-items:center;justify-content:center;color:#7d8ea3;font-weight:700;font-size:.95em} .evidx-info{display:block;padding:10px 12px 12px} .evidx-name{display:block;font-weight:700;font-size:1.02em;line-height:1.35} .evidx-sub{display:block;font-size:.82em;color:#66707a;margin:2px 0 6px} .evidx-spec{display:block;font-size:.85em;color:#444;line-height:1.55} .evidx-badge{display:inline-block;margin-top:8px;background:#d33333;color:#fff;font-size:.78em;font-weight:700;padding:2px 8px} @media (max-width:640px){.evidx-grid{grid-template-columns:repeat(2,1fr);gap:10px}.evidx-info{padding:8px 9px 10px}.evidx-name{font-size:.95em}} /* フォーム要素のフォント統一（2026-11-11・fixes_batch6） input/textarea/select/button は body の font-family を継承せず UA 既定になる （実測：input=Arial・textarea=monospace → 和文が明朝にフォールバックして表示される）。 サイト本文と同じゴシックスタックを明示して全ページで統一する。 */ input,textarea,select,button{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif} /* モバイルリデザイン 第1弾（2026-11-11）：記事ヘッダーの圧縮（モバイルのみ） 記事タイトルまわりの箱余白と、日付の上マージンを詰めて本文の開始位置を上げる。 同セレクタの先行ルール（padding:18px／margin-top:8px）より後に置いて上書きする。 */ @media(max-width:860px){ body.single-post .article-header{padding:14px 16px;} body.single-post .article-header .date-tags{margin-top:6px;} } /* モバイルリデザイン 第2弾（2026-11-11）：車種一覧のツールバー化（モバイルのみ） 検索＋メーカーチップを .evidx-bar にまとめ、固定ヘッダー（56px）の直下へ sticky 吸着。 チップは1行横スクロールにして約575pxの折り返しブロックを無くす。 導入文は 2125/2129 の本文

のみ 13px に圧縮（カード内は span のため影響なし）。 */ @media (max-width:1023px){ .evidx-bar{position:sticky;top:56px;z-index:60;background:#fff;padding:8px 0 8px;border-bottom:1px solid #d5e0ee;} .evidx-tools{display:flex;align-items:center;gap:10px;margin:0;} .evidx-search{flex:1;min-width:0;} .evidx-search-label{display:none;} .evidx-search input{padding:10px 12px;} .evidx-count{margin:0;font-size:12px;color:#55606c;white-space:nowrap;} .evidx-chips{flex-wrap:nowrap;overflow-x:auto;margin:8px 0 0;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;} .evidx-chips::-webkit-scrollbar{display:none;} .evidx .evidx-chip{flex:0 0 auto;min-height:32px;padding:4px 10px;font-size:12.5px;} .evidx-mk{margin-top:18px;scroll-margin-top:172px;} .evidx .evidx-mk-h{padding:7px 10px;font-size:1em;margin-bottom:10px;} .evidx-info{line-height:1.5;} .evidx-spec{line-height:1.5;} body.page-id-2125 .entry-content>p,body.page-id-2129 .entry-content>p{font-size:13px;line-height:1.7;} } @media (max-width:782px){ body.admin-bar .evidx-bar{top:102px;} } /* モバイルリデザイン 第3弾（2026-11-11）：記事の商品カード横型化（モバイルのみ） 画像左（104px）＋商品名・価格は右、購入ボタンはカード全幅の1行（各44px以上）に。 __body は display:contents でカードのグリッドに溶かし込む（非対応環境では 通常の縦積みに戻るだけで崩れない）。グリッド内カードも同じ横型に統一する。 */ @media(max-width:860px){ body.single-post .ev-grid{grid-template-columns:1fr;gap:12px;grid-auto-rows:auto;} body.single-post .ev-aff-card{display:grid;grid-template-columns:104px 1fr;grid-template-areas:"img name" "img price" "btns btns";column-gap:12px;row-gap:0;padding:12px;align-items:start;height:auto;} body.single-post .ev-aff-card__img{grid-area:img;flex:none;} body.single-post .ev-aff-card__img img{width:104px;height:104px;border-radius:8px;} body.single-post .ev-aff-card__body{display:contents;} body.single-post .ev-aff-card__name{grid-area:name;font-size:.95rem;line-height:1.45;margin:0 0 4px;height:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} body.single-post .ev-aff-card__price{grid-area:price;font-size:.9rem;margin:0;height:auto;} body.single-post .ev-aff-card__btns{grid-area:btns;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-top:10px;width:auto;} body.single-post .ev-grid .ev-aff-card__btns{flex-direction:row;} body.single-post .ev-aff-card__btn{flex:1 1 0;width:auto;min-height:44px;display:flex;align-items:center;justify-content:center;padding:6px 4px;font-size:.8rem;line-height:1.3;} body.single-post .ev-grid .ev-aff-card__name{height:auto;} body.single-post .ev-grid .ev-aff-card__price{height:auto;} /* 横型では右上のスコアバッジが商品名に重なるため、全バッジを画像の左上に寄せる */ body.single-post .ev-badge--score{right:auto;left:10px;top:10px;} body.single-post .ev-grid .ev-badge--score{right:auto;left:10px;top:10px;} } /* モバイルリデザイン 第3弾（2026-11-11）：車種ページの compact 化（モバイルのみ） スペック表の余白・文字を詰め、ヒーローは 16/9 で全幅表示（現行 4/3 の切り取りを緩和）、 用品タブは小さなチップの折り返し行にする（パネルは全幅でチップ列の下に置く）。 */ @media(max-width:860px){ .ev-hero2 img{aspect-ratio:16/9;} .ev-spec2{padding:12px 12px 14px;} .ev-spec2-head{gap:10px;margin-bottom:8px;} .ev-spec2-name{font-size:17px;} .ev-spec2-price{font-size:15px;} .ev-spec2 th,.ev-spec2 td{padding:6px 8px;font-size:12.5px;line-height:1.55;} .ev-spec2-note{font-size:11px;} .ev-tabs{display:flex;flex-wrap:wrap;gap:6px;} .ev-tabs>label{padding:6px 10px;font-size:13px;min-height:38px;display:inline-flex;align-items:center;margin:0;} .ev-tab-panels{flex:0 0 100%;order:99;} } /* モバイルリデザイン 第3弾（2026-11-11）：購入ガイド（6103）の導入圧縮（モバイルのみ） アプリ本体（iframe）までの距離を縮める。ページ内