@charset "UTF-8";
/* blog.css — auto-split from style.css (blog) */


/* ブログ/特集 一覧（カードは .bcard を流用） */
.bloglist__filter{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:-20px 0 56px;}
.bloglist__filter a{
  padding:15px 24px;line-height:1;
  font-family:var(--f-min);font-size:18px;letter-spacing:.1em;color:var(--c-ink);
  border:1px solid var(--c-beige2);transition:.2s;
}
.bloglist__filter a:hover{border-color:var(--c-green);color:var(--c-green);}
.bloglist__filter a.is-active{background:var(--c-green);color:#fff;border-color:var(--c-green);}
.bloglist__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 48px;}
/* 記事が1件も無いとき */
.bloglist__empty{
  grid-column:1 / -1;text-align:center;padding:64px 0;
  font-family:var(--f-min);font-size:18px;letter-spacing:.04em;color:var(--c-muted);
}

/* ブログ詳細 */
.blogd{width:min(100% - 48px,1400px);margin:0 auto;padding-top:83px;display:flex;flex-direction:column;}
/* 表示順（PC=タイトル→日付→画像→本文＝Figma順。パンくずはPC非表示） */
.blogd__crumb{order:0;display:none;flex-wrap:wrap;align-items:center;gap:6px;font-family:var(--f-min);font-size:13px;color:var(--c-muted);margin-bottom:20px;}
.blogd__crumb a{color:var(--c-muted);}
.blogd__crumb a:hover{color:var(--c-green);}
.blogd__crumb-cur{color:var(--c-ink);}
.blogd__title{order:1;}
.blogd__meta{order:2;}
.blogd__hero{order:3;}
.blogd__sec{order:4;}
.blogd .article__back{order:5;}
.blogd__title{font-family:var(--f-min);font-weight:400;font-size:32px;line-height:1.25;letter-spacing:.05em;color:var(--c-ink);}
.blogd__meta{margin-top:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.blogd__meta time{font-family:var(--f-min);font-size:18px;letter-spacing:.04em;color:var(--c-muted);}
.blogd__hero{margin-top:32px;aspect-ratio:1400/447;overflow:hidden;}
.blogd__hero img{width:100%;height:100%;object-fit:cover;}
.blogd__sec{margin-top:72px;display:grid;gap:46px;align-items:start;}
.blogd__sec--img-left{grid-template-columns:344px 1fr;}
.blogd__sec--img-right{grid-template-columns:1fr 425px;}
.blogd__sec--full{grid-template-columns:1fr;}
.blogd__img{overflow:hidden;}
.blogd__sec--img-left .blogd__img{aspect-ratio:344/447;}
.blogd__sec--img-right .blogd__img{aspect-ratio:425/447;}
.blogd__img img{width:100%;height:100%;object-fit:cover;}
.blogd__h{
  position:relative;border-bottom:1px solid var(--c-ink);
  padding:8px 24px 8px 32px;margin-bottom:24px;
  font-family:var(--f-min);font-weight:400;font-size:32px;line-height:1.4;color:var(--c-ink);
}
.blogd__h::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--c-green);}
.blogd__sec p{font-family:var(--f-min);font-size:18px;line-height:1.78;color:var(--c-ink);}
.blogd__sec p + p{margin-top:1.4em;} /* wpautop の段落(P)間スペース */
@media (max-width:1023px){
  .bloglist__cards{grid-template-columns:repeat(2,1fr);gap:40px 32px;}
}

@media (max-width:767px){
  body.post-type-archive-feature,body.tax-feature_cat,body.single-feature{background:#fff;}   /* 特集ページはSPも白背景 */
  .subpage-inner--wide{width:calc(100% - 16px);}   /* SP一覧はコンテンツ幅を広げる（左右8px） */
  .bloglist__cards{grid-template-columns:1fr;gap:40px;}
  .bloglist__filter{gap:8px;margin-bottom:40px;}
  .bloglist__filter a{font-size:14px;padding:10px 16px;}
  /* SP: 全幅（max制限なし）／パンくず→画像→タイトル→日付→本文 */
  .blogd{width:100%;padding-top:20px;}
  .blogd__crumb,.blogd__hero,.blogd__title,.blogd__meta,.blogd__sec,.blogd .article__back{order:0;}
  .blogd__crumb{display:flex;padding:0 25px;margin-bottom:16px;}
  .blogd__title,.blogd__meta,.blogd__sec,.blogd .article__back{padding-left:25px;padding-right:25px;}
  .blogd__hero{margin-top:4px;aspect-ratio:375/220;}   /* 画像はフルブリード（全幅） */
  .blogd__title{font-size:20px;line-height:1.5;}
  .blogd__meta time{font-size:14px;}
  .blogd__sec{grid-template-columns:1fr;margin-top:48px;gap:20px;}
  .blogd__sec--img-left .blogd__img,.blogd__sec--img-right .blogd__img{aspect-ratio:340/220;}
  .blogd__h{font-size:18px;padding:8px 16px 8px 22px;margin-bottom:16px;}
  .blogd__h::before{width:5px;}
  .blogd__sec p{font-size:15px;line-height:1.85;}
}

/* 特集ページ カテゴリー絞り込みタブ */
.feature-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;}
.feature-filter__item{display:inline-flex;align-items:center;padding:8px 20px;border:1px solid var(--c-beige2);border-radius:999px;font-family:var(--f-min);font-size:15px;line-height:1;color:var(--c-ink);background:#fff;transition:background .2s,color .2s,border-color .2s;}
.feature-filter__item:hover{background:var(--c-beige);}
.feature-filter__item.is-active{background:var(--c-green);border-color:var(--c-green);color:#fff;}
@media(max-width:767px){.feature-filter{gap:8px;margin-bottom:28px;}.feature-filter__item{padding:6px 14px;font-size:13px;}}

/* 特集ページ詳細：戻るボタン（Figma 院長ブログ詳細 4:10103 準拠）
   ボタン 340×61・枠線1px・矢印左/文字右(space-between)・上の隙間116px */
.blogd .article__back{display:flex;justify-content:center;margin-top:116px;}
.blogd .article__back .btn--back{
  width:340px;min-width:0;justify-content:space-between;gap:24px;
  padding:16px 24px;line-height:1.35;               /* 高さ約61pxに */
}
@media (max-width:767px){
  .blogd .article__back{margin-top:64px;margin-bottom:60px;}   /* ボタン下の余白を広げる */
  .blogd .article__back .btn--back{width:100%;max-width:340px;}
}