/* /blog/ のみに適用するスタイル。既存テーマの他ページへ影響しません。 */
.kujo-blog-content{max-width:1200px;margin:0 auto;padding:30px 22px 76px;box-sizing:border-box}
.kujo-blog-content .kujo-blog-inner,.kujo-blog-content .kujo-blog-main{width:100%;max-width:none;min-width:0;margin:0;padding:0;float:none;box-sizing:border-box;background:transparent;box-shadow:none}
.kujo-blog-breadcrumb{font-size:13px;color:#71807b;margin:0 0 30px}
.kujo-blog-breadcrumb a{color:#246c57;text-decoration:none}
.kujo-blog-breadcrumb span{margin-left:8px}
.kujo-blog-heading{padding:40px 32px;background:#f0f7f3;border-radius:18px;margin:0 0 28px}
.kujo-blog-eyebrow{font-size:11px;letter-spacing:.15em;color:#237458;font-weight:700;margin:0 0 10px}
.kujo-blog-heading h1{font-size:clamp(28px,4vw,40px);line-height:1.35;color:#174c3c;margin:0 0 12px;padding:0;border:0;background:none}
.kujo-blog-heading>p:last-child{margin:0;color:#53665d;line-height:1.8;font-size:15px}
.kujo-blog-categories{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}
.kujo-blog-categories a{display:inline-block;padding:9px 16px;border:1px solid #d5e4dc;border-radius:999px;background:#fff;color:#235542;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}
.kujo-blog-categories a:hover,.kujo-blog-categories a.is-current{background:#1b654d;border-color:#1b654d;color:#fff}
.kujo-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kujo-blog-card{margin:0!important;padding:0!important;min-width:0;background:#fff;border:1px solid #e1e9e4;border-radius:15px;overflow:hidden;box-shadow:0 4px 16px rgba(30,73,54,.045);transition:transform .2s,box-shadow .2s}
.kujo-blog-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(30,73,54,.12)}
.kujo-blog-card-link{height:100%;display:flex;flex-direction:column;color:inherit;text-decoration:none!important}
.kujo-blog-thumb{width:100%;aspect-ratio:16/9;background:#ebf3ed;overflow:hidden;display:flex;align-items:center;justify-content:center}
.kujo-blog-thumb img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0}
.kujo-blog-noimage{color:#2b6d50;font-weight:800;font-size:21px}
.kujo-blog-card-body{padding:18px 18px 19px;display:flex;flex-direction:column;flex:1;gap:11px}
.kujo-blog-tags span{display:inline-block;font-size:11px;line-height:1.5;color:#17644c;background:#e8f4ed;padding:4px 9px;border-radius:5px}
.kujo-blog-card-body h2{font-size:17px;line-height:1.6;font-weight:750;letter-spacing:.01em;color:#24332d;margin:0;padding:0;border:0;background:none;overflow-wrap:anywhere}
.kujo-blog-card-body time{font-size:12px;color:#7d8982;margin-top:auto}
/* WordPress/Cocoon の ul・li・page-numbers 既定装飾と競合させず、横並びにする。 */
.kujo-blog-pagination{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%;
  margin:40px 0 0;
  padding:0;
  clear:both;
  box-sizing:border-box;
}
.kujo-blog-pagination > .page-numbers{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  float:none!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-width:42px;
  min-height:42px;
  max-width:none!important;
  margin:0!important;
  padding:8px 13px!important;
  box-sizing:border-box;
  border:1px solid #dce7df!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#245741!important;
  font-size:14px!important;
  font-weight:700;
  line-height:1.3!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  writing-mode:horizontal-tb!important;
  text-decoration:none!important;
}
.kujo-blog-pagination > .page-numbers.current,
.kujo-blog-pagination > a.page-numbers:hover,
.kujo-blog-pagination > a.page-numbers:focus-visible{
  background:#1b654d!important;
  color:#fff!important;
  border-color:#1b654d!important;
}
.kujo-blog-pagination > .page-numbers.current{cursor:default}
.kujo-blog-pagination > .page-numbers.dots{border:0!important;background:transparent!important;min-width:24px;padding:8px 0!important}
@media(max-width:600px){.kujo-blog-pagination{gap:7px!important;margin-top:30px}.kujo-blog-pagination > .page-numbers{min-width:40px;min-height:40px;padding:7px 10px!important;font-size:13px!important}}
.kujo-blog-empty{text-align:center;padding:65px 15px;background:#f5f8f6;border-radius:14px}
.kujo-blog-empty a{color:#17644c}
@media(max-width:900px){.kujo-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.kujo-blog-content{padding:18px 15px 55px}.kujo-blog-breadcrumb{margin-bottom:18px}.kujo-blog-heading{padding:25px 18px;margin-bottom:22px}.kujo-blog-heading>p:last-child{font-size:13px}.kujo-blog-categories{gap:7px;margin-bottom:22px}.kujo-blog-categories a{font-size:12px;padding:8px 11px}.kujo-blog-grid{grid-template-columns:minmax(0,1fr);gap:17px}.kujo-blog-card-body{padding:15px}.kujo-blog-card-body h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.kujo-blog-card,.kujo-blog-categories a{transition:none}.kujo-blog-card:hover{transform:none}}