/* ============================================================
   お知らせウィジェット v3（SP: スクロールで丸バッジに縮小）
   FUTSU 2026-08-20 / データ源: /news/wp-json/wp/v2/posts
   - PC: フルピル追従（v2と同じ）
   - SP: FVではフルピル → スクロールで左下の丸バッジ化 → タップで再展開
   下端位置(bottom)は news-widget.20260820b.js が実測で設定する
   ============================================================ */
.nrr-news {
  position: fixed;
  right: 32px;
  bottom: 28px;
  z-index: 900;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1.5px solid #036649;
  border-radius: 999px;
  padding: 7px 8px 7px 8px;
  font-family: "Zen Maru Gothic", メイリオ, Meiryo, sans-serif;
  opacity: 0;
  transition: opacity .35s ease, transform .35s ease;
}
.nrr-news.is-visible { opacity: 1; }
.nrr-news.is-hidden { opacity: 0; transform: translateY(8px); pointer-events: none; }

.nrr-news__main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  text-decoration: none;
}
.nrr-news__label {
  background: #036649;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  border-radius: 999px;
  padding: 6px 14px;
  white-space: nowrap;
}
.nrr-news__item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  transition: opacity .35s ease, transform .35s ease;
}
.nrr-news__item.is-out { opacity: 0; transform: translateY(6px); }
.nrr-news__date {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #0E6AAB;
  white-space: nowrap;
}
.nrr-news__title {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nrr-news__list {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1.5px solid #036649;
  color: #036649;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  border-radius: 999px;
  padding: 6px 12px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.nrr-news__list svg { width: 14px; height: 14px; }
.nrr-news__list:hover { background: #036649; color: #fff; }

/* 丸バッジ（SP専用・スクロール時） */
.nrr-badge {
  position: fixed;
  left: 12px;
  z-index: 900;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #036649;
  border: none;
  cursor: pointer;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-family: "Zen Maru Gothic", メイリオ, Meiryo, sans-serif;
  padding: 0;
  opacity: 0;
  transform: scale(.85);
  transition: opacity .3s ease, transform .3s ease;
  pointer-events: none;
}
.nrr-badge svg { width: 20px; height: 20px; color: #fff; }
.nrr-badge__text {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
}
.nrr-badge__dot {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f59e0b;
  border: 2px solid #fff;
}

@media (max-width: 767px) {
  .nrr-news {
    left: 12px;
    right: 12px;
    gap: 8px;
    padding: 6px 7px 6px 7px;
  }
  .nrr-news__main { gap: 8px; flex: 1; min-width: 0; }
  .nrr-news__label { font-size: 11px; padding: 5px 10px; }
  .nrr-news__date { display: none; }
  .nrr-news__title { font-size: 13px; width: auto; flex: 1; min-width: 0; }
  .nrr-news__list { font-size: 11px; padding: 5px 10px; }
  .nrr-badge { display: flex; }
  .nrr-badge.is-visible { opacity: 1; transform: scale(1); pointer-events: auto; }
}