/* ==============================
   ダルトンLP誘導フローティングバナー
   全ページ共通（LP除く）
   ============================== */

.js_dalton_float_banner_wrap {
  bottom: 40px;
  position: fixed;
  right: 40px;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  width: 250px;
  z-index: 9999;
}

.js_dalton_float_banner {
  display: block;
}

.js_dalton_float_banner img {
  border-radius: 5px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  display: block;
  width: 100%;
}

.js_dalton_float_banner_close {
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 24px;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: -8px;
  top: -8px;
  width: 24px;
}

.js_dalton_float_banner_close:hover {
  background: rgba(0, 0, 0, 0.75);
}

@media (max-width: 767px) {
  .js_dalton_float_banner_wrap {
    bottom: 18vw;
    right: 7.78vw;
    width: 46vw;
  }
}