@charset "utf-8";
/* =========================
   フローティングバナー
   ========================= */

/* PC表示：右上（JAの下） */
.floating-mynavi {
  position: fixed;
  top: 90px;
  /* PC：JAの下 */
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* バナー画像 */
.floating-mynavi__item img {
  display: block;
  width: 260px;
  height: auto;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* =========================
   モバイル（スマホ・Googleアプリ含む）
   下基準で固定
   ========================= */
@media (max-width: 1024px) {
  .floating-mynavi {
    position: fixed !important;

    /* 下基準 */
    top: auto !important;
    bottom: 16px !important;

    /* 右下スクロールボタン分だけ左へ */
    right: 76px !important;
    left: auto !important;

    /* 横並びにする */
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: flex-end !important;

    transform: none !important;
    z-index: 9999 !important;
  }

  /* 横並び用に少し小さく */
  .floating-mynavi__item img {
    width: 150px !important;
    height: auto !important;
  }
}

/* ====== デバッグ残骸を強制的に除去（最終止血） ====== */
.floating-mynavi,
.floating-mynavi * {
  outline: none !important;
  background: transparent !important;
}