/* =========================================================
   博多エキナカ司法書士事務所 コラム用 文字装飾（hk-）
   WordPress「外観 > カスタマイズ > 追加CSS」に貼って使う。
   既存テーマの .marker / .marker--red / .comment.kaisetsu_01 はそのまま併用。
   色：紺 #1f3a68 ／ 金 #d9a521 ／ 淡青 #eef3f9 ／ 赤 #c0392b ／ 緑 #2e7d5b
   ========================================================= */
.post-ctt .hk-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.85em;color:#555;border-bottom:1px solid #e3e8ef;padding:0 0 10px;margin:0 0 24px}
.post-ctt .hk-meta b{color:#1f3a68}

/* ボックス共通 */
.post-ctt .hk-box{position:relative;border-radius:10px;padding:22px 24px 18px;margin:28px 0;line-height:1.9;background:#fff;border:2px solid #1f3a68}
.post-ctt .hk-box>.hk-box-ttl{position:absolute;top:-14px;left:16px;background:#1f3a68;color:#fff;font-weight:700;font-size:.9em;padding:2px 14px;border-radius:999px;letter-spacing:.05em}
.post-ctt .hk-box p:last-child,.post-ctt .hk-box ul:last-child{margin-bottom:0}
.post-ctt .hk-box ul{margin:6px 0 10px 1.2em;list-style:none;padding:0}
.post-ctt .hk-box ul li{position:relative;padding-left:1.3em;margin:4px 0}
.post-ctt .hk-box ul li:before{content:"";position:absolute;left:0;top:.75em;width:.55em;height:.55em;border-radius:50%;background:#d9a521}

/* この記事の結論 */
.post-ctt .hk-conclusion{background:#f7f9fc;box-shadow:0 4px 0 #d9a521}
.post-ctt .hk-conclusion .hk-sub{display:block;margin-top:10px;font-size:.92em;color:#444}

/* 追記（更新情報） */
.post-ctt .hk-update{border:none;border-left:6px solid #d9a521;background:#fffaf0;border-radius:0 10px 10px 0;padding:16px 20px}
.post-ctt .hk-update .hk-date{display:inline-block;font-weight:700;color:#8a6510;margin-bottom:4px}
.post-ctt .hk-update.is-old{opacity:.8;font-size:.92em}

/* ポイント・補足 */
.post-ctt .hk-point{border:none;background:#eef3f9;padding:20px 22px}
.post-ctt .hk-point>.hk-box-ttl{background:#2b5797}

/* 注意 */
.post-ctt .hk-caution{border-color:#c0392b;background:#fff6f5}
.post-ctt .hk-caution>.hk-box-ttl{background:#c0392b}

/* 向いている人／向かない人（2列カード） */
.post-ctt .hk-fit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.post-ctt .hk-fit>div{border-radius:10px;padding:16px 18px;line-height:1.8}
.post-ctt .hk-fit .hk-good{background:#eef7f2;border:2px solid #2e7d5b}
.post-ctt .hk-fit .hk-bad{background:#fbf3ea;border:2px solid #c97a2b}
.post-ctt .hk-fit h4{margin:0 0 8px!important;font-size:1em!important}
.post-ctt .hk-fit .hk-good h4{color:#2e7d5b}.post-ctt .hk-fit .hk-bad h4{color:#a35f1a}
.post-ctt .hk-fit ul{list-style:none;margin:0;padding:0}
.post-ctt .hk-fit li{position:relative;padding-left:1.5em;margin:6px 0}
.post-ctt .hk-fit .hk-good li:before{content:"✓";position:absolute;left:0;color:#2e7d5b;font-weight:700}
.post-ctt .hk-fit .hk-bad li:before{content:"△";position:absolute;left:0;color:#c97a2b;font-weight:700}
@media(max-width:640px){.post-ctt .hk-fit{grid-template-columns:1fr}}

/* 数字で見せる（実績の比率など） */
.post-ctt .hk-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.post-ctt .hk-stat{background:#1f3a68;color:#fff;border-radius:10px;padding:16px 18px;text-align:center;line-height:1.6}
.post-ctt .hk-stat b{display:block;font-size:2em;color:#f5c542;line-height:1.3}
@media(max-width:640px){.post-ctt .hk-stats{grid-template-columns:1fr}}

/* 一次資料の引用 */
.post-ctt .hk-source{background:#f6f7f9;border:1px solid #d6dbe3;border-left:5px solid #6b7a90;border-radius:6px;padding:16px 20px 12px;margin:20px 0;font-size:.95em;line-height:1.85}
.post-ctt .hk-source .hk-src{display:block;margin-top:8px;font-size:.82em;color:#6b7a90}
.post-ctt .hk-source .hk-src:before{content:"出典：";font-weight:700}

/* 比較表 */
.post-ctt .hk-table-wrap{overflow-x:auto;margin:20px 0}
.post-ctt table.hk-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95em}
.post-ctt table.hk-table th,.post-ctt table.hk-table td{border:1px solid #d6dbe3;padding:10px 12px;vertical-align:top}
.post-ctt table.hk-table thead th{background:#1f3a68;color:#fff;text-align:center}
.post-ctt table.hk-table tbody th{background:#eef3f9;text-align:left;width:34%}
.post-ctt table.hk-table td.hk-num{text-align:right;white-space:nowrap}
.post-ctt .hk-note{font-size:.85em;color:#666}

/* よくある質問（開閉式） */
.post-ctt .hk-faq{margin:20px 0}
.post-ctt .hk-faq details{border:1px solid #d6dbe3;border-radius:8px;margin:10px 0;background:#fff}
.post-ctt .hk-faq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 52px;font-weight:700;position:relative;line-height:1.6}
.post-ctt .hk-faq summary::-webkit-details-marker{display:none}
.post-ctt .hk-faq summary:before{content:"Q";position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:#1f3a68;color:#fff;text-align:center;line-height:28px;font-family:Arial,sans-serif}
.post-ctt .hk-faq summary:after{content:"＋";position:absolute;right:16px;top:13px;color:#1f3a68}
.post-ctt .hk-faq details[open] summary:after{content:"－"}
.post-ctt .hk-faq .hk-a{position:relative;padding:4px 18px 14px 52px;line-height:1.85}
.post-ctt .hk-faq .hk-a:before{content:"A";position:absolute;left:14px;top:2px;width:28px;height:28px;border-radius:50%;background:#d9a521;color:#fff;text-align:center;line-height:28px;font-family:Arial,sans-serif;font-weight:700}

/* 申込み・お問合せ */
.post-ctt .hk-cta{background:linear-gradient(135deg,#1f3a68,#2b5797);color:#fff;border-radius:14px;padding:24px;margin:32px 0;text-align:center;line-height:1.8}
.post-ctt .hk-cta .hk-cta-ttl{font-size:1.35em;font-weight:700;margin-bottom:4px}
.post-ctt .hk-cta .hk-cta-price{font-size:2em;font-weight:900;color:#f5c542;line-height:1.3}
.post-ctt .hk-cta .hk-cta-note{font-size:.82em;opacity:.85}
.post-ctt .hk-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.post-ctt a.hk-btn{display:inline-block;min-width:200px;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none!important;box-shadow:0 3px 0 rgba(0,0,0,.2)}
.post-ctt a.hk-btn-line{background:#06c755;color:#fff!important}
.post-ctt a.hk-btn-tel{background:#fff;color:#1f3a68!important}
.post-ctt a.hk-btn-mail{background:transparent;color:#fff!important;border:2px solid #fff}
.post-ctt .hk-cta-mini{border:2px solid #d9a521;background:#fffaf0;border-radius:10px;padding:14px 18px;margin:20px 0;line-height:1.8}
.post-ctt .hk-cta-mini b.hk-gold{color:#8a6510}

/* 強調（使い分け） */
.post-ctt .hk-big{font-size:1.3em;font-weight:700;line-height:1.6}
.post-ctt .hk-navy{color:#1f3a68;font-weight:700}
.post-ctt .hk-center{text-align:center}

/* 執筆者 */
.post-ctt .hk-author{display:flex;gap:16px;align-items:center;border-top:3px solid #1f3a68;background:#f7f9fc;padding:18px;margin:36px 0 10px;border-radius:0 0 10px 10px}
.post-ctt .hk-author img{width:96px;height:96px;object-fit:cover;object-position:top;border-radius:50%;flex:none;margin:0!important}
.post-ctt .hk-author .hk-author-name{font-weight:700;color:#1f3a68}
.post-ctt .hk-author p{margin:0!important;font-size:.9em;line-height:1.8}

/* 見出し画像 */
.post-ctt img.hk-hero{display:block;width:100%;height:auto;border-radius:10px;margin:8px 0 18px}

/* ===== 2026-10-11 レイアウト改善 ===== */
/* 5つの特徴の画像：パソコンでは右に小さく、スマホでは非表示 */
.post-ctt img.hk-thumb{float:right;width:240px;height:auto;margin:0 0 12px 18px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
@media(max-width:640px){.post-ctt img.hk-thumb{display:none}}
.post-ctt h3{clear:both}
/* ひとことで言うと */
.post-ctt .hk-oneline{background:#fff8e6;border-left:5px solid #d9a521;border-radius:6px;padding:10px 14px;margin:8px 0 16px}
.post-ctt .hk-oneline b{display:inline-block;background:#d9a521;color:#fff;font-size:.8em;border-radius:4px;padding:1px 8px;margin-right:8px}
/* 更新履歴（折りたたみ） */
.post-ctt details.hk-history{border:1px solid #e6d3a3;border-radius:8px;margin:16px 0;background:#fffcf3}
.post-ctt details.hk-history summary{cursor:pointer;padding:10px 14px;font-weight:700;color:#8a6516}
.post-ctt details.hk-history .hk-box{margin:0 12px 12px}
/* 申込み方法の3ステップ */
.post-ctt .hk-steps{background:#eef7f2;border:2px solid #06c755;border-radius:10px;padding:16px 18px;margin:20px 0}
.post-ctt .hk-steps-ttl{font-weight:900;color:#1f3a68;margin:0 0 8px}
.post-ctt .hk-steps ol{margin:0 0 8px 1.4em;padding:0}
.post-ctt .hk-steps li{margin:8px 0;line-height:1.7}
.post-ctt .hk-steps li b{display:block;color:#1f3a68}
/* 結論ボックスの箇条書き */
.post-ctt .hk-conclusion ul li a{white-space:nowrap;font-weight:700}
/* スマホでは表を1行ずつのカードに */
@media(max-width:640px){
  .post-ctt table.hk-cards{min-width:0}
  .post-ctt table.hk-cards thead{display:none}
  .post-ctt table.hk-cards,.post-ctt table.hk-cards tbody,.post-ctt table.hk-cards tr,.post-ctt table.hk-cards th,.post-ctt table.hk-cards td{display:block;width:auto}
  .post-ctt table.hk-cards tr{border:1px solid #d6dbe3;border-radius:8px;margin:0 0 12px;overflow:hidden}
  .post-ctt table.hk-cards tbody th{background:#1f3a68;color:#fff;border:none;width:auto!important;box-sizing:border-box}
  .post-ctt table.hk-cards td,.post-ctt table.hk-cards th{width:auto!important}
  .post-ctt table.hk-cards tbody th a{color:#fff}
  .post-ctt table.hk-cards td{border:none;border-top:1px solid #eef1f5;text-align:left!important;white-space:normal}
  .post-ctt table.hk-cards td:before{content:attr(data-label);display:block;font-size:.78em;font-weight:700;color:#2b5797;margin-bottom:2px}
}
/* キャンペーン利用者の手書きアンケート：3列の一覧（スマホは2列） */
.post-ctt .hk-surveys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.post-ctt .hk-surveys figure{margin:0}
.post-ctt .hk-surveys img{display:block;width:100%;height:auto;margin:0!important;border:1px solid #d6dbe3;border-radius:6px}
.post-ctt .hk-surveys figcaption{font-size:.78em;color:#555;text-align:center;margin-top:4px;line-height:1.4}
@media(max-width:640px){.post-ctt .hk-surveys{grid-template-columns:repeat(2,1fr)}}

/* 2026-10-11 執筆者表示（記事冒頭）：事務所名＋代表／司法書士 氏名 */
.post-ctt .hk-meta-by{flex-basis:100%;line-height:1.7;color:#333}
.post-ctt .hk-meta-by a{color:#1f3a68;text-decoration:underline}
.post-ctt .hk-author{scroll-margin-top:80px}