/* =========================
   News Page (お知らせ一覧)
========================= */
.news-filter {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.filter-btn {
  padding: 8px 24px;
  background: #fff;
  border: 1px solid #d4cab8;
  border-radius: 20px;
  color: #5a3e2b;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  transition: all .2s;
}
.filter-btn.active, .filter-btn:hover {
  background: #5a7a4a;
  border-color: #5a7a4a;
  color: #fff;
}

/* SNS QR block */
.sns-block {
  max-width: 500px;
  margin: 60px auto 0;
  background: #fff;
  border-radius: 6px;
  padding: 36px 30px;
  text-align: center;
  border-top: 3px solid #7a9968;
}
.sns-block-title {
  font-family: "Yu Mincho", serif;
  font-size: 16px;
  color: #5a3e2b;
  margin-bottom: 24px;
}
.sns-block-items {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.sns-item { text-align: center; }
.sns-item p {
  margin-top: 10px;
  font-size: 13px;
  color: #6a5a48;
}
.sns-qr { width: 120px; height: 120px; margin: 0 auto; border-radius: 4px; }

/* Single news article (independent of the original SPA design) */
.news-single {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  padding: 40px;
  border-radius: 6px;
}
.news-single-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.news-single-title {
  font-size: 24px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8dcc4;
}
.news-single-body { font-size: 15px; color: #3d2f24; }
.news-single-body p { margin-bottom: 16px; }

@media (max-width: 768px) {
  .news-single { padding: 24px 20px; }
  .news-single-title { font-size: 20px; }
  .sns-block { padding: 28px 20px; }
  .sns-block-items { gap: 24px; }
  .sns-qr { width: 96px; height: 96px; }
}