/* 写メ日記（一覧・詳細）。出典: ZIP diary.html の V2 ルール（ヘッダ・メニュー・フッタは共通部にあるため移植しない） */
.v2-diary img{display:block;width:100%;height:100%;object-fit:cover}
.intro{padding:clamp(65px,9vw,136px) var(--gutter-wide) clamp(46px,7vw,95px);display:grid;grid-template-columns:1.4fr .6fr;gap:30px;position:relative;overflow:hidden}
.intro:after{content:'JOURNAL';position:absolute;right:-.04em;bottom:-.12em;font:clamp(100px,18vw,270px)/1 var(--serif);letter-spacing:-.08em;color:var(--rule);pointer-events:none}
.intro>*{position:relative;z-index:1}
.intro h1{font:500 clamp(46px,7.5vw,108px)/1.22 var(--jp);letter-spacing:.015em;margin:21px 0 24px}
.intro p{font-size:13px;letter-spacing:.12em;line-height:2.1;margin:0}
.intro-side{align-self:end;text-align:right}
.intro-side strong{font:italic 400 clamp(24px,3vw,43px) var(--serif);color:var(--gold)}
.intro-side span{font-size:12px;letter-spacing:.13em;display:block;margin-top:14px;color:var(--muted)}
.layout{padding:0 var(--gutter-wide) 110px}
.browse-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 0 24px}
.browse-head h2{font:500 clamp(31px,4.2vw,58px)/1.45 var(--jp);letter-spacing:.025em;margin:9px 0 0}
.browse-head .english{font-size:12px;letter-spacing:.23em;color:var(--gold);font-weight:700}
.count{font:italic 27px var(--serif);color:var(--gold);white-space:nowrap}
.count small{font:12px var(--sans);color:var(--muted);margin-left:5px;letter-spacing:.1em}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 40px}
.toolbar .eyebrow{letter-spacing:.2em}
.filterset{display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.filterset select,.filterset input{border:0;border-bottom:1px solid var(--pink2);padding:12px 23px 12px 0;background:transparent;color:var(--ink);border-radius:0;min-width:155px;min-height:44px;font:inherit}
.filterset input{min-width:185px;width:190px}
.filterset input::placeholder{color:var(--ink-sub)}
.filter-go{border:1px solid var(--ink);padding:0 22px;min-height:44px;font-size:12px;letter-spacing:.1em}
.filter-go:hover{background:var(--ink);color:var(--paper)}
.js-on .filter-go{display:none} /* JS 有効時は入力に即反応するので送信ボタンは不要 */
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(18px,2.6vw,42px);row-gap:48px}
.article-card{display:block}
.article-card[hidden]{display:none}
.article-card:nth-child(3n+2){padding-top:25px}
.article-card:nth-child(3n+3){padding-top:48px}
.article-photo{aspect-ratio:.84;overflow:hidden;background:var(--line)}
.article-card:nth-child(3n+2) .article-photo{aspect-ratio:1.1}
.article-card:nth-child(3n+3) .article-photo{aspect-ratio:.93}
.article-photo img{transition:transform .7s,filter .7s;filter:saturate(.75)}
a:hover .article-photo img{transform:scale(1.035);filter:saturate(1)}
.card-copy{padding:19px 0}
.card-copy .category{font-size:12px;color:var(--gold);letter-spacing:.1em}
.card-copy h3{font:500 clamp(19px,2.2vw,27px)/1.35 var(--jp);letter-spacing:.01em;margin:10px 0 12px}
.card-copy p{font-size:12px;color:var(--muted);line-height:1.85;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-copy .details{margin-top:15px;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:12px;gap:10px;color:var(--muted)}
.empty{padding:100px 10px;text-align:center}
.empty h2{font:500 clamp(22px,3vw,32px)/1.5 var(--jp)}
.empty p{color:var(--muted)}
.more{display:flex;justify-content:center;margin-top:65px}
.more[hidden],.empty[hidden]{display:none}
.more button{border:1px solid var(--ink);padding:17px 50px;letter-spacing:.12em;font-size:12px;min-height:44px}
.more button:hover{background:var(--ink);color:var(--paper)}
.layout .pagination,.layout .navigation.pagination{margin-top:60px;text-align:center}
.layout .page-numbers{display:inline-block;min-width:44px;min-height:44px;line-height:44px;padding:0 12px;border:1px solid var(--line);margin:0 2px;font-size:12px}
.layout .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
/* 詳細 */
.detail{padding:65px var(--gutter-wide) 110px;max-width:1250px;margin:auto}
.back{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid var(--ink);padding:0 0 9px;margin-bottom:70px;font-size:12px;letter-spacing:.1em;min-height:44px}
.detail-head{text-align:center;max-width:800px;margin:0 auto 55px}
.detail-head h1{font:500 clamp(34px,5.5vw,70px)/1.4 var(--jp);letter-spacing:.01em;margin:20px 0}
.detail-meta{display:flex;gap:20px;justify-content:center;color:var(--muted);font-size:12px}
.detail-image{max-width:820px;margin:0 auto;background:var(--rule);aspect-ratio:1.38;overflow:hidden}
.detail-text{max-width:650px;margin:65px auto 80px;font-size:15px;line-height:2.7;letter-spacing:.025em}
.detail-text p{margin:0 0 1.6em}
.detail-text img{height:auto}
.detail-gallery{max-width:820px;margin:-30px auto 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.detail-gallery img{aspect-ratio:1;height:auto}
.author{border-top:1px solid var(--line);padding:27px 0;display:flex;align-items:center;gap:20px;max-width:650px;margin:0 auto}
.author .avatar{height:66px;width:66px;flex:none;border-radius:50%;overflow:hidden;background:var(--line)}
.author strong{display:block;font-size:19px;font-weight:500}
.author small{color:var(--muted);font-size:12px}
.author a{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--gold);font-size:12px;white-space:nowrap}
@media(max-width:850px){
	.intro{grid-template-columns:1fr}
	.intro-side{text-align:left}
	.toolbar{align-items:flex-start;flex-direction:column}
	.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.article-card:nth-child(n){padding-top:0}
	.article-card:nth-child(2n){padding-top:25px}
	.article-card:nth-child(n) .article-photo{aspect-ratio:.84}
}
@media(max-width:600px){
	.intro{padding:68px 20px 45px}
	.intro:after{font-size:94px;bottom:0}
	.intro h1{font-size:clamp(44px,11vw,65px);margin:18px 0}
	.intro p{font-size:12px}
	.intro-side strong{font-size:20px}
	.layout{padding:0 20px 90px}
	.browse-head{padding-bottom:18px}
	.browse-head h2{font-size:31px}
	.browse-head .count{font-size:20px}
	.toolbar{margin-bottom:27px;padding:15px 0 22px;gap:19px}
	.filterset{gap:10px;width:100%}
	.filterset select{flex:1;min-width:0}
	.filterset input{width:100%;min-width:0}
	.article-grid{gap:27px 13px}
	.article-card:nth-child(n){padding-top:0}
	.article-card:nth-child(2n){padding-top:14px}
	.article-photo{aspect-ratio:.82}
	.card-copy{padding:11px 0}
	.card-copy .category{font-size:12px}
	.card-copy h3{font-size:17px;margin:8px 0}
	.card-copy p{font-size:12px}
	.card-copy .details{display:block;font-size:12px;line-height:1.8}
	.detail{padding:35px 20px 90px}
	.detail-head{margin-bottom:32px}
	.detail-head h1{font-size:34px}
	.detail-image{aspect-ratio:1}
	.detail-text{margin:34px auto;font-size:13px;line-height:2.35}
	.author .avatar{width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){.article-photo img{transition:none}}
body.v2 .v2-main small{font-size:12px}

/* 写メ日記一覧（A05-RD-V12 QA 差し戻し）：プラグイン標準の出力（見出し・一覧・ページ送り＝本番と同じ項目）に Ver.12 の見た目だけ当てる。
   旧 v2 の絞り込みフォーム・もっと見る・宣伝文は本番に無いので撤去済み。 */
body.v2 .bibikusu-archive-diary{max-width:1140px;margin:0 auto;padding:clamp(24px,5vw,48px) 20px 8px}
body.v2 .bibikusu-archive-diary h1{margin:0 0 18px;font-size:clamp(26px,5vw,36px);line-height:1.3;font-weight:800;color:var(--accent-strong)}
body.v2 .bibikusu-archive-diary .diary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0;padding:0;list-style:none}
@media(min-width:640px){body.v2 .bibikusu-archive-diary .diary-list{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){body.v2 .bibikusu-archive-diary .diary-list{grid-template-columns:repeat(4,1fr)}}
body.v2 .bibikusu-archive-diary .diary-list li{overflow:hidden;border-radius:var(--r-m);background:#fff;border:1px solid var(--rule);box-shadow:var(--shadow)}
body.v2 .bibikusu-archive-diary .diary-list a{display:block;color:var(--ink)}
body.v2 .bibikusu-archive-diary .diary-list img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
body.v2 .bibikusu-archive-diary .info{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}
body.v2 .bibikusu-archive-diary .date{font-size:12px;color:var(--ink-sub)}
body.v2 .bibikusu-archive-diary .title{font-size:14px;font-weight:800;color:var(--accent-strong);line-height:1.5}
body.v2 .bibikusu-archive-diary .cast{font-size:13px;color:var(--ink-sub)}
body.v2 .bibikusu-archive-diary .navigation.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:20px 0 8px}
body.v2 .bibikusu-archive-diary .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--accent-text);border-radius:var(--r-s);background:#fff;color:var(--accent-strong);font-weight:700}
body.v2 .bibikusu-archive-diary .page-numbers.current{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}
