/* ファザー: ブログ記事・一覧（固定ページ collection-pages と同じ配色） */
body.cc-blog{--cc-ink:#141414;--cc-paper:#f5f2ec;--cc-gold:#b08d57;--cc-gold-ink:#7a5f38;--cc-line:rgba(20,20,20,.14);--cc-muted:#5e5a53;--cc-en:'Cormorant Garamond','Noto Serif JP',serif;background:var(--cc-paper);color:var(--cc-ink)}
.cc-blog .site-content{padding:0}
.cc-blog #primary{width:100%;float:none}
.cc-blog .site-main{margin:0}
.cc-blog .fb-eyebrow{font-family:var(--cc-en);font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;margin:0;color:var(--cc-gold)}

/* ヒーロー */
.fb-hero{background:var(--cc-ink);color:var(--cc-paper);border-bottom:3px solid var(--cc-gold)}
.fb-hero__inner{max-width:1200px;margin:auto;padding:28px clamp(24px,5vw,64px) 64px;box-sizing:border-box}
.fb-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:#c2bfb8;line-height:1.8}
.fb-breadcrumb a{color:#e2dfd7;text-decoration:none}
.fb-breadcrumb a:hover{text-decoration:underline;text-underline-offset:5px}
.fb-breadcrumb [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}
.cc-blog-single .fb-hero__inner{max-width:960px}
.cc-blog-single .fb-hero .fb-eyebrow{margin-top:64px;display:flex;gap:12px;align-items:center}
.cc-blog .fb-title{font-size:clamp(26px,3.6vw,44px)!important;line-height:1.55;letter-spacing:.06em;font-weight:600;color:var(--cc-paper)!important;margin:20px 0 28px;overflow-wrap:anywhere}
.fb-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 28px;font-size:13px;color:#bdb8ae;letter-spacing:.06em}
.fb-meta li{margin:0}
.fb-meta li+li{position:relative}
.fb-meta li+li::before{content:'';position:absolute;left:-15px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--cc-gold)}
.fb-cover{max-width:1072px;margin:0 auto;padding:0 clamp(0px,3vw,32px)}
.fb-cover img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover}

.fb-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:60px}
.fb-hero--list .fb-eyebrow{margin-bottom:16px}
.cc-blog .fb-display{font-family:var(--cc-en);font-weight:500;font-size:clamp(60px,8vw,112px);letter-spacing:-.025em;line-height:1;margin:0 0 22px;color:var(--cc-paper)}
.fb-display>span{color:var(--cc-gold)}
.cc-blog .fb-list-title{font-size:clamp(18px,2.3vw,28px)!important;line-height:1.6;letter-spacing:.12em;font-weight:500;color:var(--cc-paper)!important;margin:0}
.fb-desc{margin-top:12px;font-size:14px;color:#c2bfb8;max-width:640px}
.fb-desc p{margin:0}
.fb-count{font-family:var(--cc-en);font-size:14px;letter-spacing:.15em;color:#bdb8ae;border-left:1px solid #635744;padding-left:24px;margin:0 0 4px;text-transform:uppercase;white-space:nowrap}
.fb-count span{display:block;font-size:44px;letter-spacing:0;line-height:1.1;color:var(--cc-paper)}

/* 記事本文 */
.cc-blog-single #page{max-width:none}
.cc-blog-single .site-main .inside-article{padding:0;background:transparent}
.cc-blog-single .site-main article{margin:0}
.cc-blog-single .inside-article>.entry-content{box-sizing:border-box;max-width:808px;margin:0 auto;padding:clamp(48px,7vw,88px) 24px 24px;font-size:16.5px;line-height:2.05;letter-spacing:.04em;color:#2a2826}
.cc-blog-single .entry-content>*{margin-top:0;margin-bottom:1.6em}
.cc-blog-single .entry-content h2{font-size:clamp(22px,2.6vw,28px);line-height:1.6;letter-spacing:.06em;margin:2.6em 0 1.1em;padding-top:28px;border-top:1px solid var(--cc-line);position:relative;scroll-margin-top:24px}
.cc-blog-single .entry-content h2::before{content:'';position:absolute;top:-1px;left:0;width:48px;height:2px;background:var(--cc-gold)}
.cc-blog-single .entry-content h3{font-size:clamp(18px,2vw,21px);line-height:1.7;margin:2.2em 0 .9em;padding-left:16px;border-left:2px solid var(--cc-gold)}
.cc-blog-single .entry-content h4{font-size:17px;margin:2em 0 .8em}
.cc-blog-single .entry-content a{color:var(--cc-gold-ink);text-decoration:underline;text-decoration-color:rgba(176,141,87,.5);text-underline-offset:5px}
.cc-blog-single .entry-content a:hover{text-decoration-color:currentColor}
.cc-blog-single .entry-content strong{font-weight:700;background:linear-gradient(transparent 62%,rgba(176,141,87,.22) 62%)}
.cc-blog-single .entry-content ul,.cc-blog-single .entry-content ol{padding-left:1.4em;margin-left:0}
.cc-blog-single .entry-content li{margin-bottom:.6em}
.cc-blog-single .entry-content ul>li::marker{color:var(--cc-gold)}
.cc-blog-single .entry-content ol>li::marker{color:var(--cc-gold-ink);font-family:var(--cc-en);font-weight:600}
.cc-blog-single .entry-content img{max-width:100%;height:auto}
.cc-blog-single .entry-content figcaption{font-size:12px;color:var(--cc-muted);text-align:left;margin-top:10px}
.cc-blog-single .entry-content blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:2px solid var(--cc-gold);font-family:'Noto Serif JP',serif;color:#3d3a36;font-style:normal;background:none}
.cc-blog-single .entry-content blockquote p:last-child{margin-bottom:0}
.cc-blog-single .entry-content blockquote cite{display:block;margin-top:8px;font-size:12px;color:var(--cc-muted)}
.cc-blog-single .entry-content .wp-block-table{overflow-x:auto}
.cc-blog-single .entry-content table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.8;background:#fbfaf7;border:0}
.cc-blog-single .entry-content th,.cc-blog-single .entry-content td{border:0;border-bottom:1px solid var(--cc-line);padding:12px 16px;text-align:left}
.cc-blog-single .entry-content thead th{border-bottom:2px solid var(--cc-ink);background:transparent;font-weight:600;letter-spacing:.08em}
.cc-blog-single .entry-content .wp-block-table thead{border-bottom:0}
.cc-blog-single .entry-content code{font-size:.9em;background:#ebe6dc;padding:2px 6px}
.cc-blog-single .entry-content pre{background:var(--cc-ink);color:#eee;padding:20px 24px;overflow-x:auto;font-size:14px;line-height:1.7}
.cc-blog-single .entry-content pre code{background:none;padding:0}
.cc-blog-single .entry-content hr{border:0;height:1px;background:var(--cc-line);margin:3em 0}

/* 目次 */
.fb-toc{margin:2.4em 0!important;padding:24px 28px;background:#fbfaf7;border:1px solid var(--cc-line)}
.fb-toc__label{margin:0 0 10px!important;font-size:12px;letter-spacing:.12em;color:var(--cc-muted)}
.fb-toc__label span{font-family:var(--cc-en);font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--cc-gold-ink);margin-right:8px}
.cc-blog-single .fb-toc ol{margin:0;padding-left:1.6em;font-size:15px;line-height:1.8}
.cc-blog-single .fb-toc li{margin:.35em 0}
.cc-blog-single .fb-toc a{color:var(--cc-ink);text-decoration:none}
.cc-blog-single .fb-toc a:hover{color:var(--cc-gold-ink);text-decoration:underline}

/* 記事のあと */
.fb-after{max-width:808px;margin:0 auto;padding:0 24px 64px;box-sizing:border-box}
.fb-tags{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fb-tags a{display:inline-block;padding:4px 12px;border:1px solid var(--cc-line);font-size:12px;color:var(--cc-muted);text-decoration:none}
.fb-tags a:hover{border-color:var(--cc-gold);color:var(--cc-ink)}
.fb-author{margin:48px 0;padding:32px 36px;background:var(--cc-ink);color:#d9d5cc;border-top:2px solid var(--cc-gold)}
.cc-blog .fb-author__name{font-family:var(--cc-en);font-size:30px;line-height:1.2;color:var(--cc-paper);margin:10px 0 12px}
.fb-author__text{font-size:14px;line-height:1.9;margin:0 0 16px}
.fb-author__links{display:flex;gap:28px;margin:0}
.fb-author__links a{font-family:var(--cc-en);font-size:19px;color:var(--cc-paper);text-decoration:none;border-bottom:1px solid #635744;padding-bottom:2px}
.fb-author__links a:hover{border-color:var(--cc-gold)}
.fb-pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 56px;border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line)}
.fb-pager a{display:flex;flex-direction:column;gap:8px;padding:24px 0;text-decoration:none;color:var(--cc-ink);font-size:14.5px;line-height:1.7}
.fb-pager a .fb-eyebrow{font-size:12px;color:var(--cc-gold-ink)}
.fb-pager a:hover>span:last-child{text-decoration:underline;text-underline-offset:5px}
.fb-pager__next{text-align:right;align-items:flex-end;grid-column:2}
.fb-related__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
.cc-blog .fb-related__head h2{font-size:15px;color:var(--cc-gold-ink)}
.fb-related__head a{font-size:12px;color:var(--cc-muted);text-decoration:none}
.fb-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* 小カード（関連記事） */
.fb-mini{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--cc-ink)}
.fb-mini__thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:#e7e2d9;margin-bottom:8px}
.fb-mini__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.fb-mini:hover .fb-mini__thumb img{transform:scale(1.04)}
.fb-mini__ph{display:flex;align-items:flex-end;height:100%;box-sizing:border-box;padding:16px;background:#1b1b1b;color:#c8af85;font-family:var(--cc-en);font-style:italic;font-size:26px;border-top:2px solid var(--cc-gold)}
.fb-mini__date{font-family:var(--cc-en);font-size:13px;letter-spacing:.1em;color:var(--cc-muted)}
.fb-mini__title{font-size:14.5px;line-height:1.7;font-weight:500}
.fb-mini:hover .fb-mini__title{text-decoration:underline;text-underline-offset:4px}

/* 一覧 */
.cc-blog-list #page{max-width:1200px;padding:clamp(40px,6vw,72px) clamp(24px,5vw,64px) 72px;box-sizing:border-box}
.cc-blog-list .site-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.cc-blog-list .site-main>.page-header,.cc-blog-list .site-main>.paging-navigation,.cc-blog-list .site-main>.no-results{grid-column:1/-1}
.cc-blog-list .site-main>.page-header{display:none}
.cc-blog-list .site-main article{margin:0;min-width:0}
.cc-blog-list .site-main article .inside-article{padding:0;background:transparent;display:flex;flex-direction:column;height:100%;border-bottom:1px solid var(--cc-line);padding-bottom:24px;box-sizing:border-box}
.cc-blog-list article .post-image{order:-1;margin:0 0 20px!important;aspect-ratio:4/3;overflow:hidden;background:#e7e2d9}
.cc-blog-list article .post-image a,.cc-blog-list article .post-image img{display:block;width:100%;height:100%;object-fit:cover}
.cc-blog-list article .post-image img{transition:transform .6s ease}
.cc-blog-list article:hover .post-image img{transform:scale(1.035)}
.cc-blog-list article.post:not(.has-post-thumbnail) .inside-article::before{content:'Journal';order:-1;display:flex;align-items:flex-end;box-sizing:border-box;aspect-ratio:4/3;padding:24px;margin-bottom:20px;background:#1b1b1b;color:#c8af85;font-family:var(--cc-en);font-size:34px;font-style:italic;border-top:2px solid var(--cc-gold)}
.cc-blog-list .entry-header{margin:0}
.fb-card-meta{display:flex;gap:14px;align-items:center;margin:0 0 10px;font-family:var(--cc-en);font-size:13px;letter-spacing:.12em;color:var(--cc-muted)}
.fb-card-cat{color:var(--cc-gold-ink);text-transform:uppercase;letter-spacing:.2em}
.cc-blog-list .entry-title{font-size:18px!important;line-height:1.65;letter-spacing:.04em;margin:0}
.cc-blog-list .entry-title a{color:var(--cc-ink);text-decoration:none}
.cc-blog-list article:hover .entry-title a{text-decoration:underline;text-underline-offset:5px}
.cc-blog-list .entry-summary{margin-top:12px;font-size:13.5px;line-height:1.9;color:var(--cc-muted)}
.cc-blog-list .entry-summary p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-blog-list .entry-summary .read-more-container,.cc-blog-list .entry-summary .read-more{display:none}
.cc-blog-list .paging-navigation{margin-top:16px;text-align:center}
.cc-blog-list .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.cc-blog-list .nav-links .page-numbers{display:inline-block;min-width:44px;padding:10px 12px;border:1px solid var(--cc-line);color:var(--cc-ink);text-decoration:none;font-family:var(--cc-en);font-size:16px;box-sizing:border-box}
.cc-blog-list .nav-links .page-numbers.current{background:var(--cc-ink);border-color:var(--cc-ink);color:var(--cc-paper)}
.cc-blog-list .nav-links .page-numbers.dots{border:0}
.cc-blog-list .no-results .inside-article{background:#fbfaf7;padding:40px}

.cc-blog a:focus-visible{outline:2px solid var(--cc-gold);outline-offset:4px}

@media(max-width:900px){
  .cc-blog-list .site-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}
  .fb-related__grid{grid-template-columns:repeat(2,1fr)}
  .fb-related__grid>:nth-child(3){display:none}
}
@media(max-width:600px){
  .fb-hero__inner{padding-bottom:40px}
  .cc-blog-single .fb-hero .fb-eyebrow{margin-top:40px}
  .fb-heading{margin-top:38px}
  .fb-count{display:none}
  .cc-blog .fb-display{font-size:64px}
  .cc-blog .fb-list-title{font-size:20px!important;letter-spacing:.06em}
  .cc-blog-single .inside-article>.entry-content{font-size:16px;padding:40px 20px 16px}
  .fb-after{padding:0 20px 48px}
  .fb-author{padding:28px 24px}
  .fb-pager{grid-template-columns:1fr;gap:0}
  .fb-pager__next{grid-column:1;border-top:1px solid var(--cc-line)}
  .fb-related__grid{grid-template-columns:1fr}
  .fb-related__grid>:nth-child(3){display:grid}
  .cc-blog-list .site-main{grid-template-columns:1fr;gap:40px}
  .fb-breadcrumb{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.fb-mini__thumb img,.cc-blog-list article .post-image img{transition:none!important;transform:none!important}}
.cc-blog-list .paging-navigation,.cc-blog-list .paging-navigation .inside-article{background:transparent;padding:0}
.cc-blog-list .nav-links .page-numbers{font-size:15px;line-height:1.4}
@media(max-width:600px){
  .fb-related__grid{gap:0}
  .fb-mini{display:grid;grid-template-columns:104px 1fr;grid-template-rows:auto 1fr;column-gap:16px;row-gap:4px;padding:16px 0;border-bottom:1px solid var(--cc-line)}
  .fb-mini__thumb{grid-row:1/3;margin:0}
  .fb-mini__ph{font-size:16px;padding:10px}
}

/* コメント欄 */
.cc-blog-single .comments-area{max-width:808px;margin:0 auto;padding:56px 24px 88px;background:transparent;border:0;border-top:1px solid var(--cc-line);box-sizing:border-box}
.cc-blog-single .comments-area .inside-comments,.cc-blog-single .comments-area>*{background:transparent}
.cc-blog-single .comments-title{font-size:15px!important;letter-spacing:.12em;margin:0 0 24px;color:var(--cc-gold-ink)}
.cc-blog-single .comment-list{list-style:none;margin:0 0 56px;padding:0}
.cc-blog-single .comment-list .children{list-style:none;margin:0;padding-left:24px;border-left:1px solid var(--cc-line)}
.cc-blog-single .comment-list .comment-body{padding:20px 0;border-bottom:1px solid var(--cc-line);margin:0;background:transparent}
.cc-blog-single .comment-meta{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}
.cc-blog-single .comment-author cite{font-style:normal;font-weight:600;font-size:14px}
.cc-blog-single .comment-metadata,.cc-blog-single .comment-metadata a{font-size:12px;color:var(--cc-muted);text-decoration:none}
.cc-blog-single .comment-content{font-size:15px;line-height:1.95}
.cc-blog-single .comment-content p{margin:0 0 .8em}
.cc-blog-single .reply a{font-size:12px;color:var(--cc-gold-ink);text-decoration:none;letter-spacing:.08em}
.cc-blog-single .comment-respond{margin:0}
.cc-blog-single .comment-reply-title{display:flex;flex-direction:column;gap:8px;font-size:clamp(20px,2.4vw,24px)!important;letter-spacing:.08em;margin:0 0 12px;line-height:1.5}
.cc-blog-single .comment-reply-title small{font-size:12px;letter-spacing:.06em}
.cc-blog-single .comment-reply-title small a{color:var(--cc-muted)}
.fb-comment-note{font-size:13px;line-height:1.9;color:var(--cc-muted);margin:0 0 28px}
.cc-blog-single #commentform{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.cc-blog-single #commentform>*{margin:0;grid-column:1/-1}
.cc-blog-single #commentform>.comment-form-author{grid-column:1}
.cc-blog-single #commentform label{display:block;font-size:12.5px;letter-spacing:.08em;color:var(--cc-ink);margin-bottom:8px;font-weight:500}
.cc-blog-single #commentform label span{font-size:11px;color:var(--cc-muted);margin-left:6px;font-weight:400}
.cc-blog-single #commentform textarea,.cc-blog-single #commentform input[type=text],.cc-blog-single #commentform input[type=email]{width:100%;box-sizing:border-box;background:#fbfaf7;border:0;border-bottom:1px solid rgba(20,20,20,.35);border-radius:0;padding:12px 14px;font-size:15px;line-height:1.8;color:var(--cc-ink);transition:border-color .2s,background .2s}
.cc-blog-single #commentform textarea{min-height:160px;resize:vertical}
.cc-blog-single #commentform textarea:focus,.cc-blog-single #commentform input:focus{outline:none;background:#fff;border-bottom-color:var(--cc-gold);box-shadow:0 1px 0 var(--cc-gold)}
.cc-blog-single #commentform ::placeholder{color:#a19c93}
.cc-blog-single #commentform .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start}
.cc-blog-single #commentform .comment-form-cookies-consent input{margin-top:5px;accent-color:var(--cc-ink)}
.cc-blog-single #commentform .comment-form-cookies-consent label{font-size:12px;color:var(--cc-muted);font-weight:400;letter-spacing:.04em;margin:0}
.cc-blog-single #commentform .submit{display:inline-flex;align-items:center;gap:14px;background:var(--cc-ink);color:var(--cc-paper);border:0;border-radius:0;padding:15px 32px;font-size:14px;letter-spacing:.14em;cursor:pointer;transition:background .2s}
.cc-blog-single #commentform .submit:hover,.cc-blog-single #commentform .submit:focus-visible{background:var(--cc-gold-ink)}
.cc-blog-single #commentform .submit span{transition:transform .2s}
.cc-blog-single #commentform .submit:hover span{transform:translateX(4px)}
.cc-blog-single .logged-in-as{font-size:12px;color:var(--cc-muted)}
.cc-blog-single #commentform>.fb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:600px){
  .cc-blog-single .comments-area{padding:44px 20px 64px}
  .cc-blog-single #commentform{grid-template-columns:1fr}
  .cc-blog-single #commentform>.comment-form-author,.cc-blog-single #commentform>.comment-form-email{grid-column:1}
  .cc-blog-single #commentform .submit{width:100%;justify-content:center}
}
