/* =========================================================
   TOPページ 固定バナー（第3回新製品発表会）
   右端はヘッダーの Menu ボタン右端に揃える
   （right の値は pfi-top-banner.js が実際のボタン位置から都度計算する。
   この値はJS実行前/未実行時のフォールバック）
========================================================= */
.pfi-top-banner {
  position: fixed;
  right: 50px;
  bottom: 24px;
  z-index: 500;
  display: block;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

/* フッター手前の背景が見える領域（.pfi-bg-peek）に入ったら非表示 */
.pfi-top-banner--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.pfi-top-banner .pc-only,
.pfi-top-banner .sp-only {
  /* width: 260px; */
  width: auto;
  height: auto;
}

/* ハンバーガーメニュー展開中は重なり防止のため非表示 */
.pfi-header.is-menu-open ~ .pfi-top-banner {
  display: none;
}

@media screen and (max-width: 1170px) {
  .pfi-top-banner {
    bottom: 16px;
  }

  .pfi-top-banner .pc-only,
  .pfi-top-banner .sp-only {
    width: 190px;
  }
}