/* 2026-10-20 コロ助：症例・ブログまわりの見せ方（inc/kanjin-lists.php）。
   カテゴリの札はいつも効く。試作の見た目（?kl=a〜c）は body.kl-a〜c の下だけに効く。 */

/* カテゴリの札（一覧・関連記事・TOP） */
.kl-cats{display:flex;flex-wrap:wrap;gap:5px}
.kl-cat{display:inline-block;font-size:12px;line-height:1.6;letter-spacing:.04em;color:#a67931;background:#f8f5ee;border:1px solid #e6dcc6;border-radius:999px;padding:1px 10px;font-weight:500}
.kl-cat.is-commentary{color:#fff;background:#a67931;border-color:#a67931}
.lower-template-content-main-list-item-link-txt>.kl-cats{margin-bottom:8px}
.single-relevance-swiper-link-content>.kl-cats{margin-bottom:8px}

/* サイドメニュー（一覧・記事ページ）：件数を札に・当院についてへのリンク（いつも効く） */
.lower-template-content-side-category-list-item-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.kl-side-name{min-width:0}
.kl-side-count{flex:0 0 auto;min-width:26px;padding:0 8px;border-radius:999px;background:#f3eee2;color:#a67931;font-size:12px;line-height:20px;text-align:center;font-family:"Cinzel",serif}
.lower-template-content-side-category-list-item-link:hover .kl-side-count{background:#c3aa6e;color:#fff}
.kl-side-more{margin:10px 0 0}
.kl-side-more a{display:inline-flex;gap:8px;align-items:center;color:#a67931;font-size:14px;font-weight:600;border-bottom:1px solid #c3aa6e;padding-bottom:2px;text-decoration:none}
.lower-template-content-side-about-txt{color:#555!important}
/* サイドメニュー：親カテゴリでまとめたとき（kanjin_kl_side_cats）。子は親の下に小さい札で並べる */
.kl-side-group .lower-template-content-side-category-list-item-link{font-weight:600}
.kl-side-group:has(.kl-side-subs)>.lower-template-content-side-category-list-item-link{border-bottom:0!important;padding-bottom:6px!important}
.kl-side-group:has(.kl-side-subs){border-bottom:1px solid rgb(209,205,199)}
.kl-side-group .kl-side-name{white-space:normal!important;overflow:visible!important}
.kl-side-subs{display:flex;flex-wrap:wrap;gap:5px 6px;padding:0 0 12px}
.kl-side-sub{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.5;color:#666;background:#f8f5ee;border-radius:999px;padding:2px 10px;text-decoration:none;transition:background .2s,color .2s}
.kl-side-sub span{font-family:"Cinzel",serif;font-size:10.5px;color:#a67931}
.kl-side-sub:hover{background:#efe6d3;color:#a67931}
/* 関連記事が0件の記事（カテゴリが付いていない記事など）では、空の「関連記事」の見出しを出さない（2026-10-20） */
.lower-template-content-main-bottom-relevance:not(:has(.swiper-slide)){display:none}
/* 記事の頭：カテゴリを札に・題を一回り小さく（いつも効く） */
.lower-template-content-main-head-top{align-items:center}
.lower-template-content-main-head-top-category{display:inline-flex!important;align-items:center;gap:6px;color:#a67931!important;background:#f8f5ee;border:1px solid #e6dcc6;border-radius:999px;padding:3px 12px 3px 8px;font-size:13px!important;font-weight:600;text-decoration:none;margin-right:6px}
.lower-template-content-main-head-top-category:hover{background:#f3eee2}
.lower-template-content-main-head-top-category-icon{width:14px!important;height:auto!important;margin:0!important;opacity:.8}
.lower-template-content-main-head-title{font-size:28px!important;line-height:1.6!important;color:#303030}
@media (max-width:768px){
  .lower-template-content-main-head-title{font-size:21px!important;line-height:1.55!important}
  .lower-template-content-main-head-top-category{font-size:12px!important;padding:2px 10px 2px 7px}
}

/* 症例のカード（一覧・関連記事）の4項目 */
.kl-card-facts{margin:10px 0 4px!important;font-size:12px!important;line-height:1.6;color:#444}
.kl-card-facts dd{margin:0!important}
.kl-card-facts .kl-facts-risk dd{font-size:11.5px}

/* カテゴリが2つの記事：記事の頭は札を左に寄せ、日付を右端へ。カードの札は少し小さくして2つを1行に収める（2026-10-20） */
.lower-template-content-main-head-top{justify-content:flex-start!important;flex-wrap:wrap;gap:6px 0}
.lower-template-content-main-head-top-date{margin-left:auto!important}
.lower-template-content-main-list-item-link-txt>.kl-cats .kl-cat,.single-relevance-swiper-link-content>.kl-cats .kl-cat{font-size:11px;padding:1px 8px;letter-spacing:.02em}

/* ===== 試作の共通 ===== */
.kl-on .home-case,.kl-on .home-blog{display:none}
.kl-top{--g:#c3aa6e;--gd:#a67931;--bg:#f8f5ee;--ln:#e6dcc6;--tx:#303030;color:var(--tx);padding:90px 0 80px}
.kl-top *{box-sizing:border-box}
.kl-top a{color:inherit;text-decoration:none}
.kl-top ul,.kl-top dl,.kl-top dd,.kl-top p,.kl-top h2{margin:0;padding:0;list-style:none}
.kl-top li::before{content:none!important}
.kl-inner{max-width:1200px;margin:0 auto;padding:0 40px}
.kl-head{text-align:center;margin-bottom:40px}
.kl-head-en{font-family:"Cormorant Garamond","Cinzel",serif;font-size:clamp(48px,7vw,96px);line-height:1;color:var(--g);letter-spacing:.06em}
.kl-head-jp{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px!important}
.kl-head-jp .__large{font-family:"Shippori Mincho",serif;font-size:24px;letter-spacing:.12em;font-weight:500}
.kl-head-jp .__small{font-family:"Shippori Mincho",serif;font-size:13px;color:var(--gd);letter-spacing:.06em}
.kl-head-lead{max-width:780px;margin:18px auto 0!important;font-size:15px;line-height:2;text-align:left}
.kl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--gd);letter-spacing:.06em}
.kl-meta time{font-family:"Cinzel",serif}
.kl-more{text-align:center;margin-top:40px!important}
.kl-more a{display:inline-flex;align-items:center;gap:12px;color:#fff;background:linear-gradient(135deg,#cdb67c,#a67931);border-radius:999px;padding:13px 40px;font-size:15px;letter-spacing:.1em;box-shadow:0 4px 12px rgba(166,121,49,.28);transition:transform .2s,box-shadow .2s}
.kl-more a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(166,121,49,.34)}
.kl-more a span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.22);font-size:13px}
.kl-note{text-align:center;font-size:12px;color:#777;margin-top:12px!important}
.kl-blog-img,.kl-case-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ln)}
.kl-blog-img img,.kl-case-img img{width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:transform .4s}
.kl-top a:hover .kl-blog-img img,.kl-top a:hover .kl-case-img img{transform:scale(1.04)}
.kl-blog-title,.kl-case-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;color:var(--tx);line-height:1.6}
.kl-blog-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13.5px;line-height:1.8;color:#666}
.kl-arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--g);color:var(--gd);font-size:14px;flex:0 0 auto;transition:background .2s,color .2s}
.kl-top a:hover .kl-arrow{background:var(--g);color:#fff}
.kl-facts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:12.5px;line-height:1.65;color:#444;border-top:1px dashed #d9cba5;padding-top:10px}
.kl-facts>div{display:contents}
.kl-facts dt{color:var(--gd);font-weight:600;white-space:nowrap}
.kl-facts-risk dd{font-size:12px;color:#555}
.kl-case-btn{margin-top:auto!important;padding-top:12px;text-align:right}
.kl-case-btn a{display:inline-flex;gap:8px;align-items:center;color:var(--gd);font-size:14px;border-bottom:1px solid var(--g);padding-bottom:2px}
.kl-case-link{display:flex;flex-direction:column;gap:10px}

/* ===== A：上本町I'S寄せ（ブログは行の一覧・症例は3列のカード） ===== */
.kl-v-a.kl-top-blog{background:#fff}
.kl-v-a .kl-blog{border-top:1px dashed #cdbf9c}
.kl-v-a .kl-blog-item{border-bottom:1px dashed #cdbf9c}
.kl-v-a .kl-blog-item a{display:grid;grid-template-columns:200px 1fr auto;gap:26px;align-items:center;padding:20px 6px}
.kl-v-a .kl-blog-img{border-radius:8px}
.kl-v-a .kl-blog-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.kl-v-a .kl-blog-title{font-size:17px;-webkit-line-clamp:1}
.kl-v-a .kl-blog-item a:hover .kl-blog-title{color:var(--gd)}
.kl-v-a.kl-top-case{background:var(--bg)}
.kl-v-a .kl-case{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.kl-v-a .kl-case-item{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:12px;padding:0 0 18px;box-shadow:0 4px 18px rgba(90,70,30,.08);overflow:hidden}
.kl-v-a .kl-case-item>*:not(.kl-case-link),.kl-v-a .kl-case-link>*:not(.kl-case-img){margin-left:20px!important;margin-right:20px!important}
.kl-v-a .kl-case-title{font-size:16px;-webkit-line-clamp:3}

/* ===== B：横長のカード（金の細い線で囲む） ===== */
.kl-v-b.kl-top-blog{background:var(--bg)}
.kl-v-b .kl-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.kl-v-b .kl-blog-item a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--ln);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.kl-v-b .kl-blog-item a:hover{border-color:var(--g);box-shadow:0 6px 18px rgba(90,70,30,.1)}
.kl-v-b .kl-blog-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}
.kl-v-b .kl-blog-title{font-size:15.5px;-webkit-line-clamp:2}
.kl-v-b .kl-blog .kl-arrow,.kl-v-b .kl-blog-text{display:none}
.kl-v-b.kl-top-case{background:#fff}
.kl-v-b .kl-case{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.kl-v-b .kl-case-item{display:grid;grid-template-columns:44% 1fr;grid-template-rows:auto 1fr auto;gap:10px 20px;border:1px solid var(--ln);border-radius:10px;padding:18px;background:#fff}
.kl-v-b .kl-case-link{grid-column:1/-1;display:grid;grid-template-columns:44% 1fr;gap:6px 20px;align-items:start}
.kl-v-b .kl-case-img{grid-row:1/3;border-radius:6px}
.kl-v-b .kl-case-title{font-size:15.5px;-webkit-line-clamp:3}
.kl-v-b .kl-facts{grid-column:1/-1}
.kl-v-b .kl-case-btn{grid-column:1/-1;padding-top:4px}

/* ===== C：誌面（最初の1件を大きく・残りを小さく並べる） ===== */
.kl-v-c.kl-top-blog,.kl-v-c.kl-top-case{background:#fff}
.kl-v-c .kl-blog,.kl-v-c .kl-case{display:grid;grid-template-columns:1.25fr 1fr;grid-auto-rows:auto;gap:18px 40px}
.kl-v-c .kl-blog-item.is-first,.kl-v-c .kl-case-item.is-first{grid-row:1/span 4}
.kl-v-c .kl-blog-item a{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}
.kl-v-c .kl-blog-item.is-first a{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.kl-v-c .kl-blog-item:not(.is-first){border-bottom:1px solid var(--ln);padding-bottom:16px}
.kl-v-c .kl-blog-img{border-radius:8px}
.kl-v-c .kl-blog-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.kl-v-c .kl-blog-title{font-size:15px;-webkit-line-clamp:2}
.kl-v-c .is-first .kl-blog-title{font-size:21px;font-family:"Shippori Mincho",serif}
.kl-v-c .kl-blog-item:not(.is-first) .kl-blog-text,.kl-v-c .kl-blog .kl-arrow{display:none}
.kl-v-c .kl-case-item{display:flex;flex-direction:column;gap:10px}
.kl-v-c .kl-case-item:not(.is-first){display:grid;grid-template-columns:150px 1fr;gap:6px 16px;border-bottom:1px solid var(--ln);padding-bottom:16px}
.kl-v-c .kl-case-item:not(.is-first) .kl-case-link{display:contents}
.kl-v-c .kl-case-item:not(.is-first) .kl-case-img{grid-row:1/4;border-radius:6px;align-self:start}
.kl-v-c .kl-case-item:not(.is-first) .kl-facts{grid-column:2;font-size:11.5px;padding-top:6px}
.kl-v-c .kl-case-item:not(.is-first) .kl-facts-risk{display:contents}
.kl-v-c .kl-case-item:not(.is-first) .kl-case-btn{display:none}
.kl-v-c .kl-case-item.is-first .kl-case-img{border-radius:10px}
.kl-v-c .is-first .kl-case-title{font-size:20px;font-family:"Shippori Mincho",serif;-webkit-line-clamp:3}
.kl-v-c .kl-case-item:not(.is-first) .kl-case-title{font-size:14.5px;-webkit-line-clamp:2}

/* ===== 一覧（症例・ブログ）と関連記事 ===== */
.kl-on .lower-template-content-main-list-item-link-txt-title{color:#303030!important;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important;line-height:1.6}
.kl-on .lower-template-content-main-list-item-link-txt-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#666}
.kl-on .single-relevance-swiper{overflow:hidden}
.kl-on .single-relevance-swiper .swiper-slide{height:auto}
.kl-on .single-relevance-swiper-link{display:flex!important;flex-direction:column;height:100%}
.kl-on .single-relevance-swiper-link-content{display:flex;flex-direction:column;flex:1}
.kl-on .single-relevance-swiper-link-content-bottom{margin-top:auto}
.kl-on .single-relevance-swiper-link-content-title{color:#303030!important;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
/* the_excerpt() は <p> を返すので、<p class="…excerpt"> の中に入らずに隣の <p> になる。文はその隣の <p> にある */
.kl-on .single-relevance-swiper-link-content-excerpt:empty{display:none}
.kl-on .single-relevance-swiper-link-content>p:not([class]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#666;font-size:14px;line-height:1.8;margin:0 0 10px}
.kl-on .single-relevance-swiper-link-content>p:not([class]):empty{display:none}
/* 関連記事：B は文を出さず写真と題だけ・C は番号を振る */
.kl-b .single-relevance-swiper-link-content>p:not([class]){display:none}
.kl-b .single-relevance-swiper .swiper-slide{border:1px solid #e6dcc6;box-shadow:none}
.kl-b .single-relevance-swiper-link-content-title{font-size:15px!important;-webkit-line-clamp:2}
.kl-c .single-relevance-swiper .swiper-wrapper{counter-reset:klrel}
.kl-c .single-relevance-swiper .swiper-slide{counter-increment:klrel}
.kl-c .single-relevance-swiper .swiper-slide{position:relative}
.kl-c .single-relevance-swiper .swiper-slide::before{content:counter(klrel,decimal-leading-zero);position:absolute;z-index:1;left:10px;top:10px;width:40px;height:40px;border-radius:50%;background:#a67931;color:#fff;font-family:"Cinzel",serif;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.kl-c .single-relevance-swiper-link-content-title{font-family:"Shippori Mincho",serif}
.kl-on .single-relevance-swiper-link-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}

/* A：一覧は3列のカード */
@media (min-width:835px){
  .kl-a .lower-template-content-main-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px}
  .kl-a .lower-template-content-main-list-item{margin:0!important;width:auto!important}
  .kl-a .lower-template-content-main-list-item-link{display:flex!important;flex-direction:column;height:100%;border-radius:10px;overflow:hidden}
  .kl-a .lower-template-content-main-list-item-link-thumbnail{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover}
  .kl-a .lower-template-content-main-list-item-link-txt{padding:14px 16px 16px!important;display:flex;flex-direction:column;flex:1}
  .kl-a .lower-template-content-main-list-item-link-txt-title{font-size:15.5px!important;-webkit-line-clamp:3}
  .kl-a .lower-template-content-main-list-item-link-txt-bottom{margin-top:auto}
}
/* B：一覧は横長のカード（写真は左に16:9） */
.kl-b .lower-template-content-main-list-item-link{border:1px solid #e6dcc6;box-shadow:none!important;border-radius:10px;transition:border-color .2s,box-shadow .2s}
.kl-b .lower-template-content-main-list-item-link:hover{border-color:#c3aa6e;box-shadow:0 6px 18px rgba(90,70,30,.1)!important}
@media (min-width:835px){
  .kl-b .lower-template-content-main-list-item-link-thumbnail{width:260px!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;align-self:center;margin:14px 0 14px 14px;border-radius:6px}
  .kl-b .lower-template-content-main-list-item-link-txt-title{font-size:17px!important}
}
/* C：一覧は最初の1件を大きく、残りは2列 */
@media (min-width:835px){
  .kl-c .lower-template-content-main-list{display:grid!important;grid-template-columns:repeat(2,1fr);gap:22px}
  .kl-c .lower-template-content-main-list-item{margin:0!important;width:auto!important}
  .kl-c .lower-template-content-main-list-item:first-child{grid-column:1/-1}
  .kl-c .lower-template-content-main-list-item-link{display:flex!important;flex-direction:column;height:100%;border-radius:10px;overflow:hidden}
  .kl-c .lower-template-content-main-list-item:first-child .lower-template-content-main-list-item-link{display:grid!important;grid-template-columns:1.2fr 1fr}
  .kl-c .lower-template-content-main-list-item-link-thumbnail{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover}
  .kl-c .lower-template-content-main-list-item-link-txt{padding:16px 18px!important;display:flex;flex-direction:column;flex:1}
  .kl-c .lower-template-content-main-list-item:first-child .lower-template-content-main-list-item-link-txt-title{font-size:21px!important;font-family:"Shippori Mincho",serif;-webkit-line-clamp:3}
  .kl-c .lower-template-content-main-list-item-link-txt-bottom{margin-top:auto}
}

/* スマホ */
@media (max-width:768px){
  .kl-top{padding:60px 0 56px}
  .kl-inner{padding:0 20px}
  .kl-head{margin-bottom:26px}
  .kl-head-jp .__large{font-size:20px}
  .kl-head-jp .__small{font-size:11.5px}
  .kl-head-lead{font-size:14px;line-height:1.85}
  .kl-more{margin-top:28px!important}
  .kl-v-a .kl-blog-item a{grid-template-columns:112px 1fr;gap:14px;padding:14px 2px}
  .kl-v-a .kl-blog .kl-arrow{display:none}
  .kl-v-a .kl-blog-title{font-size:14.5px;-webkit-line-clamp:2}
  .kl-v-a .kl-blog-text{display:none}
  .kl-v-a .kl-case,.kl-v-b .kl-case{grid-template-columns:1fr;gap:18px}
  .kl-v-b .kl-blog{grid-template-columns:1fr 1fr;gap:12px}
  .kl-v-b .kl-blog-body{padding:10px 10px 12px;gap:4px}
  .kl-v-b .kl-blog-title{font-size:13.5px;-webkit-line-clamp:3}
  .kl-v-b .kl-blog .kl-meta{font-size:11.5px}
  .kl-v-b .kl-blog .kl-cats{display:none}
  .kl-v-b .kl-case-item{grid-template-columns:1fr;padding:14px}
  .kl-v-b .kl-case-link{grid-template-columns:1fr}
  .kl-v-b .kl-case-img{grid-row:auto}
  .kl-v-c .kl-blog,.kl-v-c .kl-case{grid-template-columns:1fr;gap:14px}
  .kl-v-c .kl-blog-item.is-first,.kl-v-c .kl-case-item.is-first{grid-row:auto}
  .kl-v-c .kl-blog-item a,.kl-v-c .kl-case-item:not(.is-first){grid-template-columns:112px 1fr}
  .kl-v-c .is-first .kl-blog-title{font-size:18px}
  .kl-v-c .is-first .kl-case-title{font-size:17px}
  .kl-v-c .kl-case-item:not(.is-first) .kl-facts{grid-column:1/-1}
}

/* ===== 一覧・記事ページの枠をクレアらしく（3案から1を採用・2026-10-20）。TOP と同じ言葉づかい＝英字は Cormorant の淡い金・日本語は明朝・小さい金の副題・金の細線のボタン ===== */
.kc-on{--cg:#c9bc9c;--cgd:#a67931;--cbg:#f8f5ee;--cln:#e6dcc6;--cpk:#f4ebe6;--ctx:#303030}
/* 一覧の見出し：TOP の「BLOG／医院ブログ」と同じ組み */
.kc-on .lower-template-content-main-icon{display:none!important}
.kc-on .lower-template-content-main-title{font-family:"Shippori Mincho",serif!important;font-weight:500!important;color:var(--ctx)!important;font-size:24px!important;letter-spacing:.14em;text-align:center;margin-bottom:6px!important}
.kc-on .lower-template-content-main-title::before{display:block;font-family:"Cormorant Garamond","Cinzel",serif;font-weight:400;font-size:64px;line-height:1;color:var(--cg);letter-spacing:.06em;margin-bottom:12px}
.kc-blog .lower-template-content-main-title::before{content:"BLOG"}
.kc-case .lower-template-content-main-title::before{content:"CASE"}
.kc-on .lower-template-content-main-about{text-align:center;color:var(--cgd)!important;font-family:"Shippori Mincho",serif;font-size:14px!important;border:0!important;padding-bottom:10px!important;margin-bottom:34px!important}
/* サイドの見出し：英字の小見出し＋明朝 */
.kc-on .lower-template-content-side-title-icon-wrap{display:none!important}
.kc-on .lower-template-content-side-title{display:block!important;font-family:"Shippori Mincho",serif!important;font-weight:600!important;font-size:17px!important;letter-spacing:.12em;color:var(--ctx)!important;padding-bottom:12px!important;margin-bottom:6px!important;border-bottom:1px solid var(--cln)}
.kc-on .lower-template-content-side-title::before{display:block;font-family:"Cormorant Garamond","Cinzel",serif;font-weight:400;font-size:13px;letter-spacing:.24em;color:var(--cg);margin-bottom:2px}
.kc-on .lower-template-content-side-title:nth-of-type(1)::before{content:"CATEGORY"}
.kc-on .lower-template-content-side-title:nth-of-type(2)::before{content:"ABOUT US"}
.kc-on .lower-template-content-side-category-list-item{border-color:#efe8da!important}
.kc-on .lower-template-content-side-category-list-item-link{font-size:14px!important;padding:11px 2px!important;transition:color .2s,padding .2s}
.kc-on .lower-template-content-side-category-list-item-link:hover{color:var(--cgd)!important;padding-left:8px!important}
.kc-on .kl-side-count{background:transparent;border:1px solid var(--cln);color:var(--cgd)}
.kc-on .lower-template-content-side-about-txt{font-size:13.5px!important;line-height:1.95!important}
/* 一覧のカード・関連記事のカード */
.kc-on .lower-template-content-main-list-item-link,.kc-on .single-relevance-swiper .swiper-slide{box-shadow:none!important;border:1px solid var(--cln);border-radius:12px!important;transition:border-color .25s,box-shadow .25s,transform .25s}
.kc-on .lower-template-content-main-list-item-link:hover,.kc-on .single-relevance-swiper .swiper-slide:hover{border-color:var(--cg);box-shadow:0 10px 24px rgba(120,95,50,.12)!important;transform:translateY(-3px)}
.kc-on .lower-template-content-main-list-item-link-thumbnail,.kc-on .single-relevance-swiper-link-thumbnail{transition:transform .5s}
.kc-on .lower-template-content-main-list-item-link:hover .lower-template-content-main-list-item-link-thumbnail{transform:scale(1.04)}
.kc-on .lower-template-content-main-list-item-link-txt-bottom-date,.kc-on .single-relevance-swiper-link-content-bottom-date{font-family:"Cinzel",serif!important;color:var(--cg)!important;letter-spacing:.08em;font-size:12.5px!important}
.kc-on .lower-template-content-main-list-item-link-txt-bottom,.kc-on .single-relevance-swiper-link-content-bottom{border-top:1px solid #efe8da!important}
.kc-on .lower-template-content-main-list-item-link-txt-title,.kc-on .single-relevance-swiper-link-content-title{font-family:"Shippori Mincho",serif!important;font-weight:700!important;letter-spacing:.03em}
/* 関連記事の見出し：TOP と同じ組み */
.kc-on .lower-template-content-main-bottom-relevance>.com-h3{text-align:center;font-family:"Shippori Mincho",serif!important;font-size:22px!important;letter-spacing:.14em;margin-bottom:28px!important;border:0!important;background:none!important;padding:0!important}
.kc-on .lower-template-content-main-bottom-relevance>.com-h3::before{content:"RELATED";display:block;font-family:"Cormorant Garamond","Cinzel",serif;font-weight:400;font-size:44px;line-height:1;color:var(--cg);letter-spacing:.08em;margin-bottom:8px}
.kc-on .lower-template-content-main-bottom-relevance>.com-h3::after{content:none!important}
.kc-on .com-link01{display:inline-flex!important;align-items:center;gap:10px;border:1px solid var(--cgd)!important;border-radius:999px;padding:10px 26px!important;color:var(--cgd)!important;background:#fff}
.kc-on .com-link01 span{border:0!important;color:var(--cgd)!important}
.kc-on .com-link01:hover{background:var(--cbg)}
/* 関連記事：PC は3枚ずつ見せる。左右の余白（影の逃げ 20px）に4枚目の端がのぞくので、表示中の3枚より前後の札は消す（元の見た目でも起きていた） */
.kc-on .single-relevance-swiper .swiper-slide{box-sizing:border-box;transition:opacity .3s}
@media (min-width:835px){
  .kc-on .single-relevance-swiper .swiper-slide-next+.swiper-slide+.swiper-slide,
  .kc-on .single-relevance-swiper .swiper-slide-next+.swiper-slide+.swiper-slide~.swiper-slide,
  .kc-on .single-relevance-swiper .swiper-slide:has(~.swiper-slide-active){opacity:0;pointer-events:none}
}
/* PC のサイドは幅が狭いので、カテゴリ名は1行に収め、収まらない分は「…」で切る */
@media (min-width:835px){
  .kc-on .kl-side-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* 症例：PC は2列にして縦に伸びすぎないように・カードは題と4項目だけ（説明文は出さない）。けんた「情報が渋滞して縦長になりすぎ」「タイトルと必要項目でいい」 */
@media (min-width:835px){
  .kc-case.kl-a .lower-template-content-main-list{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}
  .kc-case.kl-a .lower-template-content-main-list-item-link-txt-title{-webkit-line-clamp:2!important;font-size:16.5px!important}
}
.kc-case .lower-template-content-main-list-item-link-txt-excerpt{display:none!important}
.kc-case .single-relevance-swiper-link-content>p:not([class]),.kc-case .single-relevance-swiper-link-content-excerpt{display:none!important}
.kc-case .kl-card-facts{margin-top:12px!important}
/* ページ番号 */
.kc-on .lower-template-content-main-pagination .page-numbers{font-family:"Cinzel",serif;border:1px solid var(--cln)!important;background:#fff!important;color:var(--cgd)!important}
.kc-on .lower-template-content-main-pagination .page-numbers.current{background:var(--cg)!important;border-color:var(--cg)!important;color:#fff!important}

/* 1：TOP と同じ組み（白地・金の細線） */
.kc-1 .lower-template-content-side-about-img{border-radius:10px!important}

@media (max-width:768px){
  .kc-on .lower-template-content-main-title::before{font-size:46px}
  .kc-on .lower-template-content-main-title{font-size:20px!important}
  .kc-on .lower-template-content-main-bottom-relevance>.com-h3::before{font-size:34px}
}