.elementor-9052 .elementor-element.elementor-element-6c5f585:not(.elementor-motion-effects-element-type-background), .elementor-9052 .elementor-element.elementor-element-6c5f585 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-9052 .elementor-element.elementor-element-6c5f585{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9052 .elementor-element.elementor-element-6c5f585 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9052 .elementor-element.elementor-element-2c1297d{padding:30px 0px 60px 0px;}.elementor-9052 .elementor-element.elementor-element-b2ff70c > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-9052 .elementor-element.elementor-element-b2ff70c .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:2rem;font-weight:600;line-height:1.7em;color:#2B2B2B;}.elementor-9052 .elementor-element.elementor-element-c0e7111{--divider-border-style:solid;--divider-color:#565454;--divider-border-width:2px;}.elementor-9052 .elementor-element.elementor-element-c0e7111 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-9052 .elementor-element.elementor-element-c0e7111 .elementor-divider-separator{width:100%;}.elementor-9052 .elementor-element.elementor-element-c0e7111 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-9052 .elementor-element.elementor-element-a667765{--grid-columns:1;}.elementor-9052 .elementor-element.elementor-element-a667765 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-9052 .elementor-element.elementor-element-a667765 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-9052 .elementor-element.elementor-element-a667765 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9052 .elementor-element.elementor-element-a667765 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9052 .elementor-element.elementor-element-a667765 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-9052 .elementor-element.elementor-element-497e704 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-9052 .elementor-element.elementor-element-6c5f585{padding:0px 0px 0px 15px;}.elementor-9052 .elementor-element.elementor-element-a667765{--grid-columns:2;}.elementor-9052 .elementor-element.elementor-element-497e704 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-9052 .elementor-element.elementor-element-a667765{--grid-columns:1;}.elementor-9052 .elementor-element.elementor-element-a667765 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-9052 .elementor-element.elementor-element-497e704 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-2663fb7 *//* ==========================================================
   相続コラム一覧のタグ絞り込みボタン（[hokuto_column_tag_filter] の見た目）
   貼り付け先: Elementor Theme Builder → コラム用Archiveテンプレート（post-9052）
               → 左下の歯車（ページ設定）→ 高度な設定 → カスタムCSS
   影響範囲: .hokuto-column-tag-filter の中だけ（他のページ・テンプレートは無影響）
   根拠（2026-10-02実測）:
     - /columns/ と /column_tag/<slug> はどちらも elementor-page-9052（同じテンプレート）で
       表示されているため、ここ1か所に貼れば両方に効く
     - 丸いボタンを並べるだけのシンプルな形（参考サイトにあった外枠は、2026-10-08 西ノ原様の判断で外した）
     - 色はサイトのアクセント色 #F08322
     - サイト全体のリンク色 `.elementor-kit-5 a { color:#04249F }` に負けないよう、
       リンクのセレクタは `.hokuto-column-tag-filter a.…` と詳細度を上げている
   ========================================================== */

.hokuto-column-tag-filter {
  margin: 0 0 30px;
}
.hokuto-column-tag-filter__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hokuto-column-tag-filter__item {
  margin: 0;
  padding: 0;
}
.hokuto-column-tag-filter a.hokuto-column-tag-filter__link {
  display: inline-block;
  padding: 6px 18px;
  border: 1px solid #F08322;
  border-radius: 999px;
  background: #fff;
  color: #F08322;
  font-size: 15px;
  line-height: 1.6;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.hokuto-column-tag-filter a.hokuto-column-tag-filter__link:hover,
.hokuto-column-tag-filter a.hokuto-column-tag-filter__link:focus {
  background: #FBE6D7;
  color: #F08322;
}
/* 表示中のタグ（「すべて」を含む） */
.hokuto-column-tag-filter a.hokuto-column-tag-filter__link.is-active,
.hokuto-column-tag-filter a.hokuto-column-tag-filter__link.is-active:hover {
  background: #F08322;
  color: #fff;
}
.hokuto-column-tag-filter__count {
  font-size: 0.85em;
}

@media (max-width: 767px) {
  .hokuto-column-tag-filter {
    margin-bottom: 24px;
  }
  /* スマホは文字・余白を詰めて、短いタグなら1行に3つ並ぶ大きさに（2026-10-08 西ノ原様の要望） */
  .hokuto-column-tag-filter__list {
    gap: 6px;
  }
  .hokuto-column-tag-filter a.hokuto-column-tag-filter__link {
    padding: 3px 10px;
    font-size: 12px;
  }
}/* End custom CSS */