/* ==========================================================================
   modules/seasonal-menu.css — 季節限定メニューの表示
   この機能を使わないサイトでは、このファイルを配信フォルダから削除する。
   ========================================================================== */

.seasonal-section{
  background: var(--color-gold-soft);
}
.seasonal-period{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 13px;
  color: var(--color-gold);
  font-weight: 600;
  margin-top: var(--space-2);
}
.seasonal-item{
  position: relative;
  border-color: var(--color-gold);
}
.seasonal-ribbon{
  position: absolute;
  top: var(--space-3);
  left: var(--space-3);
  z-index: 1;
}