/* index START */

.spot-index-button-kamakura {
  max-width: 398px;
  position: relative;
  display: block;
  margin: 5px auto 0;
  border-radius: 20px;
  padding: 3px 0;
  text-align: center;
  background-color: #75b447;
  color: #fff;
  box-sizing: border-box;
}

.spot-index-button-kamakura:hover {
  opacity: 0.9;
  color: #fff;
  background-color: #339947;
}


.spot-index-button-fujisawa {
  max-width: 398px;
  position: relative;
  display: block;
  margin: 5px auto 0;
  border-radius: 20px;
  padding: 3px 0;
  text-align: center;
  background-color: #dc5741;
  color: #fff;
  box-sizing: border-box;
}

.spot-index-button-fujisawa:hover {
  opacity: 0.9;
  color: #fff;
  background-color: #C1343F;
}

.spot-index-button-enoshima {
  max-width: 398px;
  position: relative;
  display: block;
  margin: 5px auto 0;
  border-radius: 20px;
  padding: 3px 0;
  text-align: center;
  background-color: #d8538f;
  color: #fff;
  box-sizing: border-box;
}

.spot-index-button-enoshima:hover {
  opacity: 0.9;
  color: #fff;
  background-color: #BE3485;
}


/* フローティングバナー START */
.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0; /* バナーの上下の位置 */
  right: 0; /* バナーの左右の位置 */
  width: 300px; /* バナーの横幅 */
}
.floating-banner__image {
  max-width: 100%; /* 画像の最大幅 */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
    display: block;/* 消していたバナーを表示させる */
    width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
  }
}

/* フローティングバナー END */


@media screen and (min-width: 1130px) {
  .move-page-top:hover {
    opacity: 0.85;
  }
}