/* 拡張図鑑の表（自作プラグイン）が出す部品だけの指定。
   サイト全体の色・字体・カード・表の細かい見た目は、テーマの「追加CSS」に貼る
   `拡張図鑑_追加CSS_本番用.css` ＋ `wp/css/追加分_本番用.css`（D章）の側にあります。
   ここには「追加CSS側に無い部品」だけを置いています（同じ指定を2か所に書かないため）。 */

/* 読み上げソフト用の見出し（目には見えない） */
.kz-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* トップの中身の幅と、かたまりごとの余白 */
.kz-wrap{max-width:1040px;margin:0 auto;padding:0 20px;}
.kz-top .kz-sec-block{margin:56px 0;}
.kz-top .kz-sec-block:first-child{margin-top:44px;}
@media (max-width:767px){
  .kz-wrap{padding:0 16px;}
  .kz-top .kz-sec-block{margin:40px 0;}
}

/* 表の下に出す1行（取得日） */
.kz-table-note,.kz-hayami-wrap .kz-store-note{margin:8px 0 26px;font-size:13.5px;color:#4A5E66;}

/* 種別が混ざっているときの注意書き（表の代わりに出す） */
.kz-warn{margin:0 0 26px;padding:12px 16px;border:2px solid #162F3A;border-radius:10px;background:#fff;font-size:14.5px;line-height:1.8;}

/* 編集する人にだけ見える注意書き */
.kz-editor-note{margin:0 0 20px;padding:8px 12px;border:1px dashed #AEB8BC;border-radius:8px;background:#F7F7F5;font-size:13px;color:#4A5E66;}

/* 広告の枠（欄が空のときは枠ごと出しません） */
.kz-adbox{max-width:728px;margin:0 auto;}

/* カードの画像のリンク（カード全体の形は追加CSS側の .kz-card） */
.kz-card-thumb-link{display:block;text-decoration:none;}
.kz-card-desc{margin:0;font-size:13.5px;line-height:1.7;color:#4A5E66;}

/* サイドバーの「おすすめの比較記事」（アイキャッチ＋タイトルの縦並び） */
.kz-osusume{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.kz-osusume a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#162F3A;}
.kz-osusume a:hover .kz-osusume-title,.kz-osusume a:focus .kz-osusume-title{text-decoration:underline;color:#4FCB8A;}
.kz-osusume-thumb{flex:0 0 72px;width:72px;height:54px;border-radius:8px;overflow:hidden;background:#F3F5F4;display:block;}
.kz-osusume-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.kz-osusume-noimg{display:block;width:100%;height:100%;background:#F3F5F4;}
.kz-osusume-title{font-size:13.5px;line-height:1.6;font-weight:700;}

/* 記事末尾の「あわせて読む」（3列×2行。列の数は追加CSS側の .kz-cards で決まります） */
.kz-related{margin:48px 0 8px;}
.kz-related-title{margin:0 0 16px;font-size:21px;display:flex;align-items:center;gap:10px;}
.kz-related-title::before{content:"";width:14px;height:14px;background:#4FCB8A;border-radius:4px;flex:0 0 auto;}