@charset "UTF-8";
/* ============================================================
   コラム（カスタム投稿タイプ column）
   - TOPの新着欄 .hao-column-home
   - 一覧・記事ページ .hao-column-page
   TOP下層（#hao-home-v5）のアイボリー／ブラウン／ゴールドに合わせる
   ============================================================ */

/* ---------- TOP：コラム新着（文字のみ・控えめ） ---------- */
.hao-column-home{
  background:#f9f6f0;
  color:#5c4730;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  padding:2rem 16px;
  border-bottom:1px solid #d4c4a8;
  box-sizing:border-box;
}
.hao-column-home *,.hao-column-home *::before,.hao-column-home *::after{box-sizing:border-box;}
.hao-column-home__inner{max-width:760px;margin:0 auto;}
.hao-column-home .hao-column-home__title{
  font-family:inherit!important;
  font-size:1.125rem!important;
  font-weight:600;
  line-height:1.6!important;
  letter-spacing:.1em;
  color:#5c4730;
  text-align:left;
  margin:0 0 .75rem;
  padding:0;
  border:0;
  height:auto!important;
}
.hao-column-home__list{list-style:none;margin:0;padding:0;border-top:1px solid #d4c4a8;}
.hao-column-home__item{margin:0;padding:0;border-bottom:1px solid #d4c4a8;}
.hao-column-home__link{
  display:flex;
  gap:1.25em;
  align-items:baseline;
  padding:.75rem .25rem;
  color:#5c4730;
  text-decoration:none;
  line-height:1.7;
}
.hao-column-home__link:hover .hao-column-home__name{color:#9e7d45;text-decoration:underline;}
.hao-column-home__date{flex:0 0 auto;color:#9e7d45;font-size:.875rem;letter-spacing:.05em;}
.hao-column-home__name{flex:1 1 auto;min-width:0;font-size:.95rem;overflow-wrap:anywhere;}
.hao-column-home .hao-column-home__more{margin:.75rem 0 0!important;text-align:right;font-size:.875rem!important;line-height:1.7!important;}
.hao-column-home__more a{color:#9e7d45;text-decoration:none;}
.hao-column-home__more a::after{content:" \203A";}
.hao-column-home__more a:hover{text-decoration:underline;}

/* #hao-home-v5（7セクション構成）内に入る場合 */
#hao-home-v5 .hao-column-home{padding:clamp(1.75rem,4vw,2.5rem) max(16px,calc((100% - 1120px)/2));}
/* #hao-home-v5 h2 / p の !important 指定より優先させる */
#hao-home-v5 .hao-column-home .hao-column-home__title{font-size:1.125rem!important;line-height:1.6!important;}
#hao-home-v5 .hao-column-home .hao-column-home__more{font-size:.875rem!important;line-height:1.7!important;}
/* 新着欄を挟んでも、後続セクションの背景色（交互）を元のまま保つ */
#hao-home-v5 .hao-column-home ~ .hao-home-section:nth-child(odd){background:var(--pale);}
#hao-home-v5 .hao-column-home ~ .hao-home-section:nth-child(even){background:var(--ivory);}

@media (max-width:767px){
  .hao-column-home__link{flex-direction:column;gap:.15em;padding:.7rem .25rem;}
  .hao-column-home__date{font-size:.8rem;}
}

/* ---------- コラム一覧・コラム記事ページ ---------- */
.hao-column-page{
  background:#f9f6f0;
  color:#5c4730;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  line-height:1.9;
  padding:140px 16px 64px; /* 固定ヘッダーの下から始める */
  box-sizing:border-box;
}
.hao-column-page *,.hao-column-page *::before,.hao-column-page *::after{box-sizing:border-box;}
.hao-column-page__inner{max-width:760px;margin:0 auto;}
.hao-column-page a{color:#9e7d45;}

.hao-column-page__title{
  font-family:inherit;
  font-size:clamp(1.5rem,3vw,2rem);
  font-weight:600;
  line-height:1.5;
  letter-spacing:.1em;
  color:#5c4730;
  text-align:center;
  margin:0 0 2rem;
  padding:0 0 1rem;
  border-bottom:1px solid #9e7d45;
}
.hao-column-page__empty{text-align:center;margin:2rem 0;}

/* 一覧 */
.hao-column-list{list-style:none;margin:0;padding:0;border-top:1px solid #d4c4a8;}
.hao-column-list__item{margin:0;padding:0;border-bottom:1px solid #d4c4a8;}
.hao-column-page .hao-column-list__link{
  display:flex;
  gap:1.5em;
  align-items:baseline;
  padding:1rem .25rem;
  color:#5c4730;
  text-decoration:none;
}
.hao-column-page .hao-column-list__link:hover .hao-column-list__title{color:#9e7d45;text-decoration:underline;}
.hao-column-list__date{flex:0 0 auto;color:#9e7d45;font-size:.9rem;letter-spacing:.05em;}
.hao-column-list__title{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;}

/* ページネーション */
.hao-column-pagination{margin:2.5rem 0 0;}
.hao-column-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;}
.hao-column-pagination .page-numbers{
  display:inline-block;
  min-width:2.5em;
  padding:.35em .8em;
  border:1px solid #d4c4a8;
  border-radius:3px;
  background:#fff;
  color:#5c4730;
  text-align:center;
  text-decoration:none;
  line-height:1.6;
}
.hao-column-pagination .page-numbers.current{background:#5c4730;border-color:#5c4730;color:#fff;}
.hao-column-pagination .page-numbers.dots{border-color:transparent;background:transparent;}
.hao-column-pagination a.page-numbers:hover{border-color:#9e7d45;color:#9e7d45;}

/* 記事 */
.hao-column-entry__date{display:block;color:#9e7d45;font-size:.9rem;letter-spacing:.05em;margin:0 0 .25rem;}
.hao-column-entry__title{
  font-family:inherit;
  font-size:clamp(1.35rem,3vw,1.8rem);
  font-weight:600;
  line-height:1.6;
  color:#5c4730;
  margin:0 0 1.75rem;
  padding:0 0 1rem;
  border-bottom:1px solid #9e7d45;
  overflow-wrap:anywhere;
}
.hao-column-entry__body{font-size:1rem;line-height:2;overflow-wrap:anywhere;}
.hao-column-entry__body p{margin:0 0 1.5em;}
.hao-column-entry__body img{max-width:100%;height:auto;}

/* 下部リンク */
.hao-column-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.75rem 1.5rem;
  margin:3rem 0 0;
  padding:1.5rem 0 0;
  border-top:1px solid #d4c4a8;
}
.hao-column-page .hao-column-links a{text-decoration:none;}
.hao-column-page .hao-column-links a:hover{text-decoration:underline;}

@media (max-width:767px){
  .hao-column-page{padding:100px 16px 48px;}
  .hao-column-page .hao-column-list__link{flex-direction:column;gap:.15em;padding:.85rem .25rem;}
  .hao-column-list__date{font-size:.8rem;}
}