/* お役立ち情報（コラム）本文用の追加CSS
   ※ ConoHaのWAFがハイフン2つの並びをSQLコメントとみなして保存をブロックするため、
      コメント区切りとCSS変数 var() は使わず、色は実値で書いている */

/* 表 */
.column_content .wp-block-table{ margin: 0 0 32px; }
.column_content .wp-block-table table{
	width:100%; border-collapse:collapse; font-size:1.5rem; background:#fff;
}
.column_content .wp-block-table th,
.column_content .wp-block-table td{
	padding:16px 18px; border-bottom:1px solid #e8e8e8;
	text-align:left; vertical-align:top; line-height:1.8;
}
.column_content .wp-block-table thead th{
	background:#f7f7f7; color:#333; font-weight:700;
	border-bottom:2px solid #ddd; white-space:nowrap;
}
.column_content .wp-block-table tbody td:first-child{ font-weight:600; }
.column_content .wp-block-table tbody tr:last-child td{ border-bottom:0; }
@media screen and (max-width:767px){
	.column_content .wp-block-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
	.column_content .wp-block-table table{ min-width:560px; }
}

/* 箇条書き */
.column_content ul.wp-block-list{
	background:#fcf8f1; border:1px solid #f1e6d4; padding:22px 26px; margin-bottom:32px;
}
.column_content ul.wp-block-list li{ font-weight:500; line-height:1.9; margin-bottom:12px; }
.column_content ul.wp-block-list li:before{ width:10px; height:10px; margin-top:10px; }

/* 番号リスト */
.column_content ol.wp-block-list{ list-style:none; margin-left:0; counter-reset:hpmnum; margin-bottom:32px; }
.column_content ol.wp-block-list li{
	counter-increment:hpmnum; list-style:none; margin-left:0; padding-left:42px;
	position:relative; line-height:1.9; margin-bottom:14px;
}
.column_content ol.wp-block-list li::before{
	content:counter(hpmnum); position:absolute; left:0; top:3px;
	width:27px; height:27px; border-radius:50%; background:#ed9c19; color:#fff;
	font-size:1.4rem; font-weight:700; line-height:27px; text-align:center;
}

/* 記事内のCTA（ボタンはサイト共通の .btn をそのまま使用） */
.column_content .hpm-cta-box{
	background:#f9f4ec;
	padding:32px 30px 28px; margin:44px 0; text-align:center;
}
.column_content .hpm-cta-box__title{
	font-size:2.2rem; font-weight:600; line-height:1.6; letter-spacing:.05em;
	margin-bottom:14px;
}
.column_content .hpm-cta-box__text{
	line-height:1.9; margin:0 auto 24px; text-align:center;
	word-break:auto-phrase; text-wrap:pretty;
}
.column_content .hpm-cta-box .btn_w{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.column_content .hpm-cta-box .btn{ min-width:270px; color:#fff !important; text-decoration:none !important; }
@media screen and (max-width:767px){
	.column_content .hpm-cta-box{ padding:26px 18px 24px; }
	.column_content .hpm-cta-box .btn{ min-width:0; width:100%; }
}

/* 日本語の改行位置（文節で折り返す） */
.column_content p,
.column_content li,
.column_content td,
.column_content th,
.column_content h2,
.column_content h3,
.column_content .hpm-cta-box__title{ word-break:auto-phrase; }
.column_content h2,
.column_content h3{ text-wrap:balance; }

/* ===== ここまで ===== */

/* 監修者ブロック：画像が未設定のときは画像枠を隠す */
/* 監修者の顔写真がまだ無いので枠ごと隠す。
   写真をもらったら、この1行を消すだけで表示されます。
   ※ 画像の属性セレクタはConoHaのWAFに弾かれるため使わない */
.column_content .sin_authority_w .imgarea{ display:none; }

/* 表：ブロック標準CSSの枠線を打ち消す */
.column_content .wp-block-table td,
.column_content .wp-block-table th{
	border-left:0 !important; border-right:0 !important; border-top:0 !important;
	border-bottom:1px solid #e8e8e8 !important;
}
.column_content .wp-block-table thead th{
	background:#f7f7f7 !important; border-bottom:2px solid #ddd !important;
}
.column_content .wp-block-table tbody tr:last-child td{ border-bottom:0 !important; }
.column_content .wp-block-table table{ border:0 !important; }

/* 表：theadの3px黒線（ブロック標準）を打ち消す */
.column_content .wp-block-table thead{ border-bottom:1px solid #ddd !important; }
.column_content .wp-block-table tfoot{ border-top:0 !important; }

/* 本文の強調 */
.column_content .hpm-marker{
	background:linear-gradient(transparent 52%, #ffe066 52%);
	color:#333 !important;        /* テーマがstrongをオレンジにするため打ち消す */
	font-weight:700; padding:0 2px;
}
.column_content .hpm-em{ color:#c47a0c; font-weight:700; }
.column_content strong{ font-weight:700; }

/* 本文中の写真：H2直下に1枚。本文幅いっぱいだと重いので少し内側に収める */
.column_content .wp-block-image{ margin:26px auto 44px; max-width:840px; }
.column_content .wp-block-image img{ display:block; width:100%; height:auto; border-radius:0; }
/* 強調部分も日本語の文節で折り返す（「6か／月以下」のような切れ方を防ぐ） */
.column_content .hpm-marker{ word-break:auto-phrase; }
/* 文字色は短い語にしか使わないので、途中で改行させない */
.column_content .hpm-em{ white-space:nowrap; }