/* ========================= Global header / layout ========================= */ .site-header, .header_scrolled .site-header { background-color:#16303a; } .global-nav-name { color:#fff; } .site-body { padding:0 .5rem 0; } .main-section { margin-bottom:0; } .vkvu_section_text { font-size:120%; } /* --- smartphone tweaks --- */ @media (max-width:767px){ .vkvu_section_title{ font-size:220%; font-weight:700; } .vkvu_section_text{ font-size:125%; font-weight:700; } .vkvu_section_btn{ font-size:150%; font-weight:700; } body,html{ font-size:calc(var(--vk-size-text)*.675); } .wp-image-279{ width:40%; } .wp-block-column ol{ visibility:hidden; height:0; } .wp-block-image.alignright{ float:none; margin-right:0; margin-left:1em; margin-bottom:.5em; } } /* ========================= Tag archive (post_tag) - WPはを付与 - Lightningのタグ説明にも対応目的：タグ説明HTMLの見た目部品（fd-*） ========================= */ /* 見出し・本文（タグアーカイブ全体） */ body.tag h2{ margin:22px 0 10px; font-size:1.15rem; } body.tag p{ margin:12px 0; color:#444; } body.tag a{ text-decoration:underline; } body.tag img{ max-width:100%; height:auto; display:block; } /* ---- KV画像 ---- */ body.tag .fd-kv img{ width:100%; height:auto; display:block; border-radius:10px; margin:0 0 20px; } /* ---- 価格ボックス ---- */ body.tag .fd-price{ background:#fafafa; border:1px solid #ddd; border-radius:12px; padding:16px 18px; margin:12px 0 22px; box-sizing:border-box; } @media (max-width:640px){ body.tag .fd-price{ padding:12px; } } /* ---- CTA（.fd-cta / .fd-cta-text 共通） ---- */ body.tag .fd-cta, body.tag .fd-cta-text{ text-align:center; margin:26px 0 20px; line-height:1.6; } body.tag .fd-coupon{ font-size:20px; font-weight:700; color:#d62828; margin-bottom:10px; } body.tag .fd-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 24px; border-radius:8px; background:#0056b3; color:#fff; font-weight:700; font-size:18px; text-decoration:none; line-height:1.2; box-shadow:0 3px 6px rgba(0,0,0,.15); vertical-align:middle; } body.tag .fd-btn:visited{ color:#fff; } @media (max-width:768px){ body.tag .fd-btn{ width:100%; font-size:17px; padding:14px 18px; } } /* ---- タグ風チップ（関連カテゴリー） ---- */ body.tag .fd-tags, body.tag .fd-rel{ display:flex !important; flex-wrap:wrap; gap:18px 28px; margin:6px 0 0; } body.tag .fd-tags a, body.tag .fd-rel a{ display:inline-block; padding:4px 10px; font-size:14px; font-weight:600; letter-spacing:.02em; color:#16303a; background:#f1f1f1; border-radius:6px; text-decoration:none; transition:background .2s ease, color .2s ease; } body.tag .fd-tags a:hover, body.tag .fd-rel a:hover{ background:#16303a; color:#fff; text-decoration:none; } /* ---- Lightningのタグ説明ラッパー（念のため） ---- ※ .term-description / .taxonomy-description / .vk_term_description いずれの中に書いても .fd-* に当たるよう body.tag で包括 */