@charset "UTF-8";
/*
 * 記事の部品（写真フィギュア・注記ボックス）  対象: 記事 20 / 32 / 178
 *
 * サイト共通CSS（Cocoon → ヘッド用コード）に既にあるものは★重複させない。
 * あちらには .cb-pr / .cb-card / .cb-btn / .cb-rak / .cb-amz /
 * table.cb-list の th,td / .bx-* / .ob-* / #header 系がすでに入っている。
 */

/* ── 写真フィギュア（記事 20 / 32 / 178） ──
   ★178 は本文に <style> が無く .cb-photo のマークアップだけがあったため、
     これまで枠も背景もキャプション装飾も付いていなかった。ここで初めて付く。 */
.cb-photo{margin:2em 0;padding:0;background:#faf6f0;border-radius:12px;overflow:hidden;border:1px solid #e8ddcc}
.cb-photo img{width:100%;display:block}
.cb-photo figcaption{font-size:.85em;color:#6b5a48;line-height:1.9;padding:.9em 1.1em;margin:0}
.cb-photo figcaption b{color:#3b2412}

/* ── ふるさと納税記事（記事 32）の注記ボックス ──
   ★本文側は .cb-btn を小さく（padding:6px 13px / .85em）上書きしていたが、
     同じクラスを使う他15ページと不一致だったため移さず、共通CSSの値に揃える。 */
.cb-note{background:#fff8e6;border-left:4px solid #e8b53a;padding:12px 16px;margin:18px 0}
.cb-box{background:#f5f8fa;border:1px solid #dde5ea;border-radius:8px;padding:14px 18px;margin:18px 0}
/* 共通CSS側の table.cb-list に下余白が無く、表が後続の本文に接する。cb-list は記事32のみ使用 */
table.cb-list{margin:0 0 22px}