@charset "UTF-8";
/*============================
コラム誘導ボタン（カスタムCTA）
AddQuicktag挿入用 / 仕様書 2026-07-01
==============================*/

.column-cta {
  margin: 1em 0;
}

.column-cta__lead,
.post-body .column-cta__lead {
  margin: 0 0 8px;
  color: #6b6b66;
  font-size: 14px;
  line-height: 1.6;
}

.column-cta__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  padding: 14px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.column-cta__btn:hover,
.column-cta__btn:focus {
  text-decoration: none;
  opacity: 0.92;
}

.column-cta__icon {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.column-cta__text {
  flex: 1 1 auto;
  text-align: left;
}

.column-cta__arrow {
  display: block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-left: auto;
}

/*---- 強：成約直結 ----*/
.column-cta--strong .column-cta__btn {
  background-color: #c85a32;
  color: #ffffff;
}

.column-cta--strong .column-cta__icon,
.column-cta--strong .column-cta__arrow {
  color: #ffffff;
}

/*---- 中：比較検討 ----*/
.column-cta--mid .column-cta__btn {
  background-color: #f5ecd6;
  color: #6b4f1f;
}

.column-cta--mid .column-cta__icon,
.column-cta--mid .column-cta__arrow {
  color: #6b4f1f;
}

/*---- 弱：情報収集 ----*/
.column-cta--weak .column-cta__btn {
  background-color: #f0f4f8;
  color: #3a475c;
}

.column-cta--weak .column-cta__icon,
.column-cta--weak .column-cta__arrow {
  color: #3a475c;
}

/* SVGをcurrentColorで塗る */
.column-cta__icon img,
.column-cta__arrow img,
.column-cta__icon svg,
.column-cta__arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}