/* Mirais News — 集客サイトの和浪漫トーン継承・軽量設計 */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:#faf8f3;color:#2a2a2a;
  font-family:'Noto Sans JP',sans-serif;
  line-height:1.85;letter-spacing:.02em;
  -webkit-font-smoothing:antialiased;
}
a{color:#7a5c3a;text-decoration:none}
a:hover{color:#5d4429}

/* ---- ヘッダー ---- */
.site-header{
  background:#fff;border-bottom:1px solid #ece6d8;
  padding:18px 0;position:sticky;top:0;z-index:10;
}
.site-header .wrap{
  max-width:1040px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;
}
.site-brand{
  font-family:'Shippori Mincho B1',serif;
  font-size:22px;color:#7a5c3a;letter-spacing:.1em;
}
.site-brand .sub{
  font-size:11px;color:#a89878;
  letter-spacing:.3em;margin-left:10px;
}
.site-nav{display:flex;gap:24px;font-size:13px;color:#5a5a55;letter-spacing:.08em}
.site-nav a{color:#5a5a55}
.site-nav a:hover{color:#7a5c3a}

/* ---- メイン ---- */
.main{max-width:840px;margin:0 auto;padding:60px 24px 80px}

/* ---- ニュース一覧 ---- */
.lead-block{text-align:center;margin-bottom:48px}
.lead-block h1{
  font-family:'Shippori Mincho B1',serif;
  font-size:32px;color:#2a2a2a;letter-spacing:.05em;margin-bottom:14px;
}
.lead-block .desc{color:#5a5a55;font-size:14px;line-height:1.95;max-width:600px;margin:0 auto}

.news-list{display:flex;flex-direction:column;gap:24px}
.news-card{
  background:#fff;border:1px solid #ece6d8;border-radius:8px;
  padding:28px 30px;transition:box-shadow .2s,border-color .2s;
}
.news-card:hover{box-shadow:0 4px 18px rgba(122,92,58,.08);border-color:#d8c9ad}
.news-card a{display:block;color:inherit}
.news-meta{
  display:flex;gap:14px;font-size:11px;color:#a89878;
  letter-spacing:.14em;margin-bottom:10px;
}
.news-meta .cat{
  color:#b8945e;border:1px solid #b8945e;
  padding:2px 10px;border-radius:2px;letter-spacing:.18em;
}
.news-card h2{
  font-family:'Shippori Mincho B1',serif;
  font-size:20px;color:#2a2a2a;line-height:1.5;
  letter-spacing:.04em;margin-bottom:10px;
}
.news-card:hover h2{color:#7a5c3a}
.news-card .lead{font-size:14px;color:#5a5a55;line-height:1.9}

/* ---- 記事ページ ---- */
.article-header{
  padding-bottom:32px;margin-bottom:40px;
  border-bottom:1px solid #ece6d8;
}
.article-meta{
  display:flex;gap:14px;font-size:11px;color:#a89878;
  letter-spacing:.14em;margin-bottom:14px;
}
.article-meta .cat{
  color:#b8945e;border:1px solid #b8945e;
  padding:2px 10px;border-radius:2px;letter-spacing:.18em;
}
.article-title{
  font-family:'Shippori Mincho B1',serif;
  font-size:30px;color:#2a2a2a;line-height:1.5;
  letter-spacing:.04em;margin-bottom:18px;
}
.article-lead{
  font-size:15px;color:#5a5a55;line-height:1.95;
}
.article-author{
  font-size:12px;color:#a89878;letter-spacing:.1em;
  margin-top:18px;
}

.article-body{font-size:16px;line-height:1.95;color:#2a2a2a}
.article-body h2{
  font-family:'Shippori Mincho B1',serif;
  font-size:22px;color:#2a2a2a;line-height:1.5;
  letter-spacing:.04em;
  margin:48px 0 18px;padding-left:14px;
  border-left:3px solid #b8945e;
}
.article-body h3{
  font-family:'Shippori Mincho B1',serif;
  font-size:17px;color:#5d4429;
  margin:32px 0 12px;letter-spacing:.04em;
}
.article-body p{margin-bottom:22px}
.article-body strong{color:#5d4429;font-weight:600}
.article-body ul,.article-body ol{margin:0 0 22px 1.6em}
.article-body li{margin-bottom:6px}

.article-sources{
  margin-top:60px;padding-top:32px;
  border-top:1px solid #ece6d8;
}
.article-sources h3{
  font-family:'Shippori Mincho B1',serif;
  font-size:15px;color:#5d4429;
  letter-spacing:.1em;margin-bottom:14px;
}
.article-sources ul{list-style:none;margin:0;padding:0}
.article-sources li{
  font-size:13px;color:#5a5a55;margin-bottom:10px;line-height:1.85;
}
.article-sources a{color:#7a5c3a;word-break:break-all}

.article-footer{
  margin-top:48px;padding-top:24px;
  border-top:1px solid #ece6d8;text-align:right;
  font-size:12px;color:#a89878;letter-spacing:.1em;
}

/* ---- “こっそり” Mirais バナー（こじつけNGなので、Mirais について案内のみ） ---- */
.quiet-banner{
  margin-top:56px;padding:24px 28px;
  background:#fff;border:1px solid #ece6d8;border-radius:6px;
  text-align:center;
}
.quiet-banner .label{
  font-size:10px;color:#a89878;letter-spacing:.4em;margin-bottom:10px;
}
.quiet-banner .text{
  font-size:13.5px;color:#5a5a55;line-height:1.9;margin-bottom:14px;
}
.quiet-banner a.btn{
  display:inline-block;padding:11px 26px;
  background:transparent;color:#7a5c3a;
  border:1px solid #7a5c3a;border-radius:4px;
  font-size:13px;letter-spacing:.12em;
}
.quiet-banner a.btn:hover{background:#7a5c3a;color:#fff}

/* ---- 関連ニュース ---- */
.related{margin-top:48px}
.related h3{
  font-family:'Shippori Mincho B1',serif;
  font-size:16px;color:#5d4429;
  letter-spacing:.08em;margin-bottom:16px;padding-left:14px;
  border-left:3px solid #b8945e;
}
.related ul{list-style:none;margin:0;padding:0}
.related li{margin-bottom:10px;font-size:14px}

/* ---- フッター ---- */
.site-footer{
  background:#fff;border-top:1px solid #ece6d8;
  padding:36px 24px;text-align:center;
  font-size:12px;color:#a89878;letter-spacing:.1em;
}
.site-footer a{color:#7a5c3a;margin:0 12px}

/* ---- レスポンシブ ---- */
@media(max-width:680px){
  .main{padding:40px 20px 60px}
  .lead-block h1{font-size:26px}
  .news-card{padding:22px 22px}
  .news-card h2{font-size:17px}
  .article-title{font-size:24px}
  .article-body{font-size:15px}
  .article-body h2{font-size:19px;margin:40px 0 14px}
  .site-header .wrap{flex-direction:column;gap:10px}
  .site-nav{gap:18px;font-size:12px}
}