/* ===== /f/news 専用（#fs-news 配下のみ） ===== */
#fs-news h3 {
  font-size: 1.2em;
  padding: 0.5em;
  font-weight: bold;
  color: #494949;
  background-color: #aae2f5;
  border-left: solid 3px #0057fa;
  border-bottom: 1px solid #0057fa;
  max-width: 100%;
  box-sizing: border-box;
}

#fs-news .news {
  max-width: 100%;
  margin: 0 auto 20px;
  padding: 0 1em;
  box-sizing: border-box;
}

#fs-news .news p {
  font-size: 1.3rem;
  line-height: 1.5;
  word-break: break-word;
}

#fs-news .news .date {
  font-size: 1rem;
  color: #999;
}

/* 日付とバッジの行（任意） */
#fs-news .news-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px;
}

/* SP調整 */
@media screen and (max-width: 600px) {
  #fs-news .news p { font-size: 1.2rem; }
}

/* ====== 汎用アイコン（バッジ） ====== */
#fs-news .uicon {
  --bg: #94a3b8;
  --label: "";
  display: inline-block;
  position: relative;
  padding: 6px 12px;
  border-radius: 10px; /* ご指定の角丸 */
  background: var(--bg);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .02em;
  vertical-align: middle;
  user-select: none;
}
#fs-news .uicon::after { content: var(--label); }

/* バリエーション */
#fs-news .uicon.-new      { --bg: #e54747; --label: "新商品"; }
#fs-news .uicon.-campaign { --bg: #f29a1f; --label: "キャンペーン"; }
#fs-news .uicon.-hours    { --bg: #2563eb; --label: "営業案内"; }

/* 画面幅が狭いとき少し小さく */
@media (max-width: 480px) {
  #fs-news .uicon { font-size: 11px; padding: 5px 10px; }
}