/* =================================================================
   お知らせ（一覧・詳細）専用スタイル
================================================================= */

/* ----- ページトップ：ファーストビュー入場アニメーション ----- */
.page-hero__en{
  opacity:0;
  transform:translateY(26px);
  animation:aboutFadeUp .9s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:.1s;
}
.page-hero__jp{
  opacity:0;
  transform:translateY(20px);
  animation:aboutFadeUp .9s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:.3s;
}
.page-hero__divider{
  transform:scaleX(0);
  transform-origin:left center;
  animation:aboutLineGrow 1s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:.55s;
}
.page-hero__image{
  opacity:0;
  transform:scale(1.05);
  animation:aboutPhotoIn 1.4s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:.2s;
}
@keyframes aboutFadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes aboutLineGrow{to{transform:scaleX(1)}}
@keyframes aboutPhotoIn{to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .page-hero__en,.page-hero__jp,.page-hero__divider,.page-hero__image{animation:none !important;opacity:1 !important;transform:none !important}
}

/* ----- 詳細ページ：タイトル見出し ----- */
.news-detail-head{margin-bottom:40px}
.news-detail-meta{display:flex;align-items:center;gap:14px;margin-top:38px;margin-bottom:16px}
.news-detail-tag{
  font-size:12px;font-weight:700;letter-spacing:.06em;
  color:var(--text-mute);background:none;
  border:1px solid var(--line);
  padding:4px 12px;
}
.news-detail-date{
  font-family:"Oswald",sans-serif;letter-spacing:.06em;
  color:var(--brass);font-size:15px;font-weight:700;
}
.news-detail-title{
  font-size:30px;font-weight:900;color:var(--ink);line-height:1.5;
}
.news-detail-image{margin:32px 0 40px}
.news-detail-image img{width:100%;height:auto;display:block;border-radius:4px}
.news-detail-body{margin-bottom:48px}
@media(max-width:560px){
  .news-detail-title{font-size:22px;}
  .news-detail-image{margin:24px 0 32px}
}

.news{background:var(--white);}
.news__layout{display:grid;grid-template-columns:1fr 220px;gap:54px;align-items:start;}

/* ニュースリスト */
.news-list{border-top:1px solid var(--line);}
.news-item{
  display:flex;gap:28px;align-items:baseline;
  padding:24px 6px;border-bottom:1px solid var(--line);
  transition:background .2s;
}
.news-item:hover{background:var(--cream);}
.news-item__date{
  font-family:var(--font-en);font-size:15px;letter-spacing:.04em;
  color:var(--accent);white-space:nowrap;flex-shrink:0;
}
.news-item__cat{
  font-size:11px;font-weight:700;letter-spacing:.06em;
  color:#fff;background:var(--steel);padding:3px 10px;flex-shrink:0;
  align-self:center;
}
.news-item__title{font-size:15px;color:var(--ink);font-weight:500;transition:color .2s;}
.news-item:hover .news-item__title{color:var(--accent-d);}

/* 年別フィルター */
.news-filter{position:sticky;top:96px;}
.news-filter__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;background:none;border:none;border-bottom:2px solid var(--brass);
  font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);
  margin:0 0 0;padding:0 0 14px;cursor:default;
}
.news-filter__toggle{display:none;font-size:18px;color:var(--brass);line-height:1;}
.news-filter__list{list-style:none;margin:0;padding:0;}
.news-filter__list li{border-bottom:1px solid var(--line);}
.news-filter__list a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 2px;text-decoration:none;
}
.news-filter__label{
  font-size:14px;color:var(--text-mute);transition:color .2s;
}
.news-filter__box{
  width:18px;height:18px;flex-shrink:0;box-sizing:border-box;
  border:1px solid var(--brass);background:#fff;padding:3px;
}
.news-filter__box::after{
  content:"";display:block;width:100%;height:100%;
  background:transparent;transition:background .2s;
}
.news-filter__list li:hover .news-filter__label{color:var(--ink);}
.news-filter__list li.is-active .news-filter__label{color:var(--ink);font-weight:700;}
.news-filter__list li.is-active .news-filter__box::after{background:var(--brass);}

@media(max-width:900px){
  .news__layout{grid-template-columns:1fr;gap:30px;}
  .news-filter{
    position:relative;top:auto;order:-1;max-width:none;
    display:flex;justify-content:flex-end;
  }
  .news-filter__head{
    width:auto;cursor:pointer;
    padding:12px 18px;font-size:16px;gap:10px;
  }
  .news-filter__toggle{display:inline-block;font-size:19px;}
  .news-filter__list{
    display:none;
    position:absolute;top:100%;right:0;z-index:5;
    width:200px;background:#fff;
    border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.1);
    padding:0 14px;
  }
  .news-filter.is-open .news-filter__list{display:block;}
  .news-list{order:0;}
  .news-item{flex-wrap:wrap;gap:10px 16px;}
}