/*
Theme Name: zen_tcd113-child
Template: zen_tcd113
Version: 1.0.0
*/



.c-pageHeader { max-width: 1100px; margin: 0 auto; }
.c-grid { display: grid; gap: 24px; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); max-width: 1100px; margin: 0 auto; padding: 0 20px 60px; }
.c-card { border: 1px solid rgba(0,0,0,.08); padding: 16px; }
.c-card h2 { font-size: 18px; line-height: 1.5; margin-top: 10px; }
.c-pager { max-width: 1100px; margin: 20px auto 60px; padding: 0 20px; }

.campus-grid{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  margin:24px auto 60px;
  max-width:1100px;
  padding:0 20px;
}

.campus-card{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  overflow:hidden;
}

.campus-card__thumb img{
  width:100%;
  height:auto;
  display:block;
}

.campus-card__body{ padding:16px; }
.campus-card__title{ font-size:18px; margin:0 0 10px; line-height:1.4; }

.campus-card__meta{ margin:0 0 12px; }
.campus-card__meta dt{ font-size:12px; opacity:.7; }
.campus-card__meta dd{ margin:0 0 8px; }

.campus-card__cta{ display:flex; gap:10px; flex-wrap:wrap; }

.campus-btn{
  display:inline-block;
  padding:10px 14px;
  border:1px solid rgba(0,0,0,.18);
  text-decoration:none;
  line-height:1;
}

.campus-btn--primary{ border-color:#111; }
.campus-btn--ghost{ background:transparent; }




/* 校舎：本文先頭のアイキャッチ */
.p-campus-featured img{
  width:100%;
  height:auto;
  display:block;
  margin-top:16px;
}

/* 校舎：基本情報 */
.p-campus-meta{
  margin-top:14px;
}
.p-campus-row{
  margin:6px 0;
}

/* 校舎：CTA */
.p-campus-cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 0;
}
.campus-btn{
  display:inline-block;
  padding:10px 14px;
  border:1px solid rgba(0,0,0,.18);
  text-decoration:none;
  line-height:1;
}
.campus-btn--primary{ border-color:#111; }
.campus-btn--ghost{ background:transparent; }



/* =========================
   校舎一覧（/campus/）見出しをカードと揃える
   ========================= */

/* 見出しブロック：カードグリッドと同じ幅・同じ左右余白に */
.post-type-archive-campus .c-pageHeader{
  max-width: 1100px;      /* カード側と同じ幅にする */
  margin: 0 auto 28px;
  padding: 40px 24px !important;  /* inline style より強く */
  text-align: left;
}

/* H1：主見出し */
.post-type-archive-campus .c-pageHeader h1{
  margin: 0 0 10px;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.25;
  letter-spacing: .04em;
  font-weight: 700;
}

/* p：H2っぽい説明文（見た目だけ） */
.post-type-archive-campus .c-pageHeader p{
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  opacity: .85;
}

/* スマホは左右余白を少し狭く */
@media (max-width: 767px){
  .post-type-archive-campus .c-pageHeader{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}