/* 症例ブログ一覧・カテゴリー一覧専用：他ページには影響させない */
.classy-blog-archive{background:#fffdf9;color:#443d37;font-family:"Noto Sans JP",sans-serif}
.classy-blog-archive *,.classy-blog-archive *::before,.classy-blog-archive *::after{box-sizing:border-box}
/* 【症例ブログタイトル】固定ページと同じ縦位置に合わせる（PCのみ差分） */
@media screen and (min-width:768px){
.classy-blog-archive__title{margin-top:0}
}
.classy-blog-archive__container{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:35px 0 80px}
.classy-blog-archive__section-head{margin:0 0 24px;text-align:left}
.classy-blog-archive__section-head h2{font-family:"Noto Serif JP",serif;font-weight:500;font-size:clamp(20px,2.5vw,30px);letter-spacing:.06em;margin:8px 0 10px}
.classy-blog-archive__section-head p{font-size:13px;color:#746b62;margin:0}
.classy-blog-archive__filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.classy-blog-archive__filter{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;min-height:42px;border:1px solid #cfc8bf;background:#fff;color:#4a433e;text-decoration:none;font-size:13px;line-height:1.4;transition:background .2s,color .2s,border-color .2s}
.classy-blog-archive__filter:hover,.classy-blog-archive__filter.is-active{background:#4a433e;color:#fff;border-color:#4a433e}
/* 症例一覧：左に横長サムネイル、右に2段テキストのリスト */
.classy-blog-archive__grid{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.classy-blog-archive__grid > .classy-blog-archive__card{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;column-gap:20px;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.classy-blog-archive__card::before,.classy-blog-archive__card::after{content:none!important;display:none!important}
.classy-blog-archive__thumbnail{display:block;width:300px;height:150px;min-height:0;max-width:100%;margin:0;padding:0;overflow:hidden;background:none;text-decoration:none;line-height:0}
/* 横長アイキャッチを300×150pxで表示。画像自体は引き伸ばさない */
.classy-blog-archive__thumbnail img,.classy-blog-archive__thumbnail .classy-blog-archive__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;object-fit:contain;vertical-align:top;visibility:visible;opacity:1}
.classy-blog-archive__card-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;min-height:0;height:auto;margin:0;padding:4px 0 0;border:0;background:none;box-shadow:none}
.classy-blog-archive__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}
.classy-blog-archive__date{font-size:11px;color:#9c8265;letter-spacing:.04em}
.classy-blog-archive__category{display:inline-flex;align-items:center;min-height:24px;margin:0;padding:3px 9px;border:1px solid #d7c4ab;background:#fbf8f3;color:#715b41;text-decoration:none;font-size:11px;line-height:1.4}
.classy-blog-archive__category::before,.classy-blog-archive__category::after{content:none!important;display:none!important}
.classy-blog-archive__category:hover{background:#eee5d8;color:#4a433e}
.classy-blog-archive__card-title{display:block;width:100%;font-family:"Noto Serif JP",serif;font-size:16px;line-height:1.65;font-weight:500;margin:0;padding:0;overflow-wrap:anywhere}
.classy-blog-archive__card-title a{color:#443d37;text-decoration:none}
.classy-blog-archive__card-title a:hover{color:#a78150}
.classy-blog-archive__pagination{margin:38px auto 0;text-align:center}
.classy-blog-archive__pagination .wp-pagenavi{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}
.classy-blog-archive__pagination .wp-pagenavi a,.classy-blog-archive__pagination .wp-pagenavi span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;margin:0;padding:6px 9px;border:1px solid #e0d4c5;background:#fff;color:#5b4b3d;text-decoration:none}
.classy-blog-archive__pagination .wp-pagenavi .current{background:#4a433e;border-color:#4a433e;color:#fff}
.classy-blog-archive__empty{padding:24px 0;color:#867b71;font-size:13px}
@media screen and (max-width:767px){
.classy-blog-archive__hero{width:calc(100% - 28px);min-height:0;margin-top:14px}
.classy-blog-archive__hero-inner{padding:32px 6%}
.classy-blog-archive__container{width:calc(100% - 28px);padding:24px 0 55px}
/* スマホ：カテゴリーを等幅3列×3行に配置 */
.classy-blog-archive__filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px}
.classy-blog-archive__filter{width:100%;min-width:0;min-height:42px;padding:7px 4px;font-size:11px;text-align:center;overflow-wrap:anywhere}
/* スマホは画像比率2:1を保ちながら、画面幅に合わせて縮小 */
.classy-blog-archive__grid > .classy-blog-archive__card{grid-template-columns:minmax(0, 44%) minmax(0, 1fr)}
.classy-blog-archive__thumbnail{width:100%;height:auto;aspect-ratio:2 / 1}
/* 各行はサムネイルの高さを基準にし、行間は既存の8pxで統一 */
.classy-blog-archive__grid > .classy-blog-archive__card{column-gap:12px;min-height:0}
.classy-blog-archive__card-body{gap:6px;padding-top:2px}
.classy-blog-archive__meta{gap:4px 7px}
/* 記事タイトルは最大2行。超過分は末尾を省略 */
.classy-blog-archive__card-title{font-size:13px;min-width:0}
.classy-blog-archive__card-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.65}
.classy-blog-archive__date,.classy-blog-archive__category{font-size:10px}
.classy-blog-archive__category{min-height:22px;padding:2px 7px}
}


/* 症例ブログ：表示件数切り替え（一覧・カテゴリー共通） */
.classy-blog-archive__per-page{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 18px}
.classy-blog-archive__per-page label{font-size:13px;color:#746b62}
.classy-blog-archive__per-page select{min-width:98px;padding:9px 30px 9px 12px;border:1px solid #d7c4ab;border-radius:0;background-color:#fff;color:#443d37;font-family:inherit;font-size:13px;cursor:pointer}
.classy-blog-archive__per-page button{padding:8px 12px;border:1px solid #d7c4ab;background:#fff;color:#443d37}


/* ==========================================================
 * 症例ブログ一覧・カテゴリー：SPタイトルを下層ページと統一
 * ベージュ帯内に英語、帯の下に日本語タイトルと装飾線
 * ========================================================== */
@media screen and (max-width:767px) {
  .classy-blog-archive .classy-blog-archive__hero {
    display:block;
    position:relative;
    min-height:0;
    overflow:visible;
    border:0;
    background:transparent;
  }
  .classy-blog-archive .classy-blog-archive__hero::before {
    content:"";
    display:block;
    width:100%;
    aspect-ratio:8 / 3;
    background:linear-gradient(115deg,#f6eee5,#e9ded0);
  }
  .classy-blog-archive .classy-blog-archive__hero-inner {
    position:static;
    width:100%;
    padding:12px 6% 0;
  }
  .classy-blog-archive .classy-blog-archive__eyebrow {
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    width:100%;
    aspect-ratio:8 / 3;
    padding:0 6%;
    font-size:18px;
    line-height:1.4;
    z-index:1;
  }
  .classy-blog-archive .classy-blog-archive__title {
    position:static;
    margin:0;
    font-size:clamp(23px,6vw,30px);
    line-height:1.5;
    overflow-wrap:anywhere;
  }
  .classy-blog-archive .classy-blog-archive__hero-line {
    display:block;
    width:90px;
    height:1px;
    margin:18px 0 0;
    background:#bfa27d;
  }
}