/* arigatou.llc お知らせページ共通スタイル（news.html と news/*.html で共有） */
:root{--charcoal:#4A4A52;--charcoal-ink:#3d3d45;--gold:#B8902A;--gold-light:#d4aa50;--cream:#faf8f4;--paper:#f4f1ea;--ink:#2a2a30;--muted:#8a8680;--rule:#e2ddd6}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-weight:300;line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

nav{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:88px;background:rgba(250,248,244,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav-logo{display:flex;align-items:center;gap:12px}
.nav-logo img{height:34px;width:auto}
.nav-logo span{font-family:'Cormorant Garamond',serif;font-size:1.05rem;letter-spacing:.32em;color:var(--charcoal-ink);font-weight:500}
.nav-back{font-size:.82rem;letter-spacing:.14em;color:var(--charcoal);padding-bottom:3px;border-bottom:1px solid transparent;transition:.3s}
.nav-back:hover{color:var(--charcoal-ink);border-color:var(--gold)}

.page-head{text-align:center;padding:110px 24px 50px}
.label{display:flex;align-items:center;gap:22px;justify-content:center;font-size:.66rem;letter-spacing:.5em;color:var(--gold);text-transform:uppercase;margin-bottom:22px}
.label::before,.label::after{content:'';flex:1;max-width:64px;height:1px;background:var(--rule)}
.page-head h1{font-family:'Noto Serif JP',serif;font-weight:300;font-size:clamp(1.6rem,3.4vw,2.2rem);letter-spacing:.12em;color:var(--charcoal)}
.page-head .en{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--muted);letter-spacing:.2em;margin-top:8px}

/* 一覧 */
.news-wrap{max-width:840px;margin:0 auto;padding:0 24px 120px}
.news-list{list-style:none;border-top:1px solid var(--rule)}
.news-list li{border-bottom:1px solid var(--rule)}
.news-list a{display:grid;grid-template-columns:110px 96px 1fr;gap:8px 20px;align-items:baseline;padding:22px 6px;transition:background .25s}
.news-list a:hover{background:rgba(184,144,42,.06)}
.news-list time{font-family:'Cormorant Garamond',serif;font-size:1.05rem;letter-spacing:.1em;color:var(--charcoal)}
.news-cat{font-size:.66rem;letter-spacing:.2em;color:var(--gold);border:1px solid var(--gold);padding:1px 10px;text-align:center;white-space:nowrap}
.news-title{font-size:.95rem;color:var(--ink);letter-spacing:.03em}
.news-empty{text-align:center;color:var(--muted);font-size:.9rem;padding:48px 0;border-top:1px solid var(--rule)}
.news-list:has(li) + .news-empty{display:none}
@media(max-width:640px){.news-list a{grid-template-columns:auto 1fr;gap:6px 14px}.news-title{grid-column:1 / -1}nav{padding:0 20px;height:72px}.nav-logo span{letter-spacing:.2em}}

/* 記事 */
.article{max-width:760px;margin:0 auto;padding:90px 24px 100px}
.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.article-meta time{font-family:'Cormorant Garamond',serif;font-size:1.1rem;letter-spacing:.1em;color:var(--charcoal)}
.article h1{font-family:'Noto Serif JP',serif;font-weight:300;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.7;letter-spacing:.05em;color:var(--charcoal);margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--rule)}
.article .lead{font-size:1rem;line-height:2.2;color:var(--charcoal);margin-bottom:34px}
.article h2{font-family:'Noto Serif JP',serif;font-weight:400;font-size:1.2rem;letter-spacing:.06em;color:var(--charcoal);margin:48px 0 16px;padding-left:14px;border-left:2px solid var(--gold)}
.article p{font-size:.95rem;line-height:2.2;color:#555;margin-bottom:20px;letter-spacing:.03em}
.article ul,.article ol{margin:0 0 22px 1.4em;font-size:.95rem;line-height:2.1;color:#555}
.article figure{margin:36px 0}
.article figcaption{font-size:.78rem;color:var(--muted);margin-top:8px;letter-spacing:.05em}
.article a.text-link{color:var(--gold);border-bottom:1px solid var(--gold)}
.facts{width:100%;border-collapse:collapse;margin:30px 0;font-size:.9rem}
.facts th,.facts td{padding:14px 12px;border-top:1px solid var(--rule);text-align:left;vertical-align:top;line-height:1.9}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:1px solid var(--rule)}
.facts th{width:9em;color:var(--muted);font-weight:400;letter-spacing:.1em}
.contact-box{margin-top:50px;padding:26px 28px;background:var(--paper);font-size:.88rem;line-height:2}
.back-list{text-align:center;margin-top:60px}
.back-list a{font-size:.82rem;letter-spacing:.2em;color:var(--charcoal-ink);padding-bottom:4px;border-bottom:1px solid var(--gold)}

footer{text-align:center;padding:70px 24px 50px;border-top:1px solid var(--rule)}
.footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}
.footer-logo img{height:30px;width:auto}
.footer-logo span{font-family:'Cormorant Garamond',serif;font-size:1.2rem;letter-spacing:.38em;color:var(--charcoal-ink)}
footer .tag{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--muted);letter-spacing:.2em;font-size:.9rem;margin-bottom:26px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center;font-size:.78rem;letter-spacing:.12em;color:var(--charcoal);margin-bottom:14px}
.footer-links a:hover{color:var(--gold)}
.footer-links.sub{font-size:.72rem;color:var(--muted)}
.copyright{margin-top:22px;font-size:.7rem;letter-spacing:.12em;color:var(--muted)}