/* コラム（/column/）専用スタイル。既存の .post_text / .news_list / .c-bread / .top_release を流用し、差分のみ定義 */

/* 一覧: カテゴリタブ */
.column_tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none}
.column_tabs li a{display:inline-block;padding:8px 18px;border:1px solid #d9d9d9;border-radius:999px;font-size:14px;text-decoration:none;color:#333;background:#fff}
.column_tabs li.is-active a{background:#e8552b;border-color:#e8552b;color:#fff}

/* 一覧: カテゴリラベル */
.column_list .column_cat,.column_single .column_cat{display:inline-block;padding:2px 10px;border-radius:4px;background:#f3e9e4;color:#e8552b;font-size:12px;font-weight:700;line-height:1.6;text-decoration:none;white-space:nowrap}
.column_list .news_flex .column_cat{margin-right:12px}

/* 記事: メタ */
.column_single .column_meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}
.column_single .column_meta .post_date{margin:0}
.column_single .column_thumb{margin:24px 0}
.column_single .column_thumb img{width:100%;height:auto;display:block;border-radius:8px}

/* 記事: 目次 */
.column_toc{margin:0 0 40px;padding:20px 24px;background:#f7f7f7;border-radius:8px}
.column_toc__title{margin:0 0 8px;font-weight:700}
.column_toc ol{margin:0;padding-left:1.4em;counter-reset:toc}
.column_toc li{margin:4px 0;font-size:14px}
.column_toc li.lv3{margin-left:1.2em;list-style:circle}
.column_toc a{color:#333;text-decoration:none}
.column_toc a:hover{text-decoration:underline}

/* 記事: 本文の表（スマホで横スクロール） */
.column_body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0;-webkit-overflow-scrolling:touch}
.column_body th,.column_body td{border:1px solid #ddd;padding:10px 12px;text-align:left;white-space:nowrap;font-size:14px}
.column_body th{background:#f3f3f3}
.column_body h2{margin-top:56px}
.column_body h3{margin-top:36px}
.column_body blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid #e8552b;background:#fafafa;font-size:14px}

/* CTA */
.column_cta{margin:40px 0;padding:24px;background:#fff6f2;border:1px solid #f3d5c8;border-radius:8px;text-align:center}
.column_cta p{margin:0 0 16px;font-weight:700}
.column_cta .button{margin:0 auto}
/* CTA ボタン: テーマの .area_news_detail.post_text .button が width:240px 固定で、
   「料金シミュレータで試算する」のような長いラベルが見切れるため内容に合わせる。
   テーマ側より詳細度を上げる必要があるので .area_news_detail.post_text から書く。 */
.area_news_detail.post_text .column_cta .button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:240px;max-width:100%;height:auto;min-height:64px;line-height:1.4;padding:0 20px}
.column_cta--fixed{margin-top:56px}

/* FAQ */
.column_faq{margin-top:56px}
.column_faq dl{margin:0}
.column_faq dt{position:relative;margin-top:20px;padding:0 0 0 2em;font-weight:700}
.column_faq dt::before{content:"Q";position:absolute;left:0;top:0;color:#e8552b;font-weight:700}
.column_faq dd{position:relative;margin:8px 0 0;padding:0 0 20px 2em;border-bottom:1px solid #eee}
.column_faq dd::before{content:"A";position:absolute;left:0;top:0;color:#1a56db;font-weight:700}

/* 著者・関連 */
.column_author{margin:32px 0 0;font-size:13px;color:#666}
.column_related{margin-top:56px}
.column_related h2{margin-bottom:16px}

@media (max-width:768px){
	.column_tabs li a{padding:6px 12px;font-size:13px}
	.column_toc{padding:16px}
	.column_cta{padding:16px}
}

/* 記事: 直答ブロック（各H2直下の40〜80字。AIO対応。実行設計 §2-4-1） */
.column_body .column_lead{margin:16px 0 24px;padding:14px 18px;background:#fdf6f3;border-left:4px solid #e8552b;border-radius:0 4px 4px 0;font-weight:700;line-height:1.9}

/* 記事: この記事のポイント（冒頭の要約枠） */
.column_body .column_summary{margin:0 0 40px;padding:20px 24px;background:#f7f7f7;border-radius:8px}
.column_body .column_summary p{margin:0 0 8px;font-weight:700}
.column_body .column_summary ul{margin:0;padding-left:1.4em}
.column_body .column_summary li{margin:6px 0;font-size:15px}

/* 記事: 図版（インライン SVG を figure で包む。WRITING_GUIDE §5-2） */
.column_body .column_figure{margin:28px 0}
.column_body .column_figure svg{display:block;width:100%;height:auto;background:#fff;border:1px solid #eee;border-radius:8px}
.column_body .column_figure figcaption{margin-top:8px;font-size:12px;color:#666;text-align:center}

/* 記事: 免責事項（法令に言及する記事に必須。WRITING_GUIDE §2-2） */
.column_body .column_disclaimer{margin:40px 0 0;padding:16px 20px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;font-size:13px;color:#555}
.column_body .column_disclaimer p{margin:0 0 6px}
.column_body .column_disclaimer p:last-child{margin:0}