/* 追従バナー */
.floating-banner {
  position: fixed;
  bottom: 10px; /* 下余白を10pxに変更 */
  right: calc(50% - 375px); /* wrapperの中央から右に375px（wrapperの幅の半分）の位置 */
  width: 450px; /* コンテンツ幅(750px)の60% */
  z-index: 100;
  text-align: center;
  transition: opacity 0.3s ease;
  opacity: 0; /* デフォルトで非表示 */
  pointer-events: none; /* デフォルトでクリックできないように */
}

.floating-banner img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}

.floating-banner.show {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (max-width: 750px) {
  .floating-banner {
    width: 60%; /* コンテンツ幅の60% */
    right: 0; /* 右余白なし */
    bottom: 5px; /* 下余白5px */
    max-width: 60%; /* 最大幅を60%に制限 */
  }
}