@charset "UTF-8";
/* --- ヘッダー・フッター調整ここから --- */
.hdr_vi01 {
  display: none;
}

.hdr_vi01Atami {
  display: inline-block;
  vertical-align: bottom;
  width: 167px;
}

.hdr_vi02 {
  display: none;
}

.hdr_vi02Bl {
  display: block;
  width: 200px;
  position: absolute;
  right: 20px;
  top: 30px;
  pointer-events: auto;
}

.hdr_lang {
  vertical-align: top;
  margin-left: 40px;
}

.hdr_hotel {
  vertical-align: top;
}

.hdr_langTxt,
.hdr_hotelTxt {
  color: #000;
  background-image: url(/common/images/ico_ar_b_b.svg);
}

.selectOuter {
  border-bottom-color: #000;
}

.fixed_btn {
  display: none;
}

.fixed_btnResv {
  background-color: var(--colorKeyAtami);
}
.fixed_btnResv:hover {
  background-color: #52b8ff;
}

.fixed_btnResvIco {
  background-color: #3e84b6;
}

.ft_group02 {
  background: #fff;
}

.ft_resvBtn {
  background-color: var(--colorKeyAtami);
}

.ft_bnr li a {
  border: 1px solid #28292b;
  background: #28292b;
}

.ft_info {
  background: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.ft_infoLinks {
  border-left: 1px solid #ebebeb;
}

.ft_infoLinksMain li a {
  color: #000;
}

.ft_infoLinksOther li a {
  background-image: url(/common/images/ico_ar_r_b.svg);
  color: #000;
}
.ft_infoLinksOther li.blank a {
  background-image: url(/common/images/ico_ar_r_b.svg), url(/common/images/ico_blank_b.svg);
}
.ft_infoLinksOther li.pdf a {
  background-image: url(/common/images/ico_ar_r_b.svg), url(/common/images/ico_pdf_b.svg);
}

.hotels .ft_infoSns li {
  margin-right: 60px;
}
.hotels .ft_infoSns li.ft_infoSnsLine {
  margin-right: 0;
}
.hotels .ft_infoSns li.ft_infoSnsTa {
  display: none;
}

.ft_corpCopyLogo {
  display: none;
}

.ft_corpCopyLogoAtami {
  display: block;
  width: 114px;
  float: left;
}

.ft_corpCopyTxt {
  color: #000;
}

/* --- ヘッダー・フッター調整ここまで --- */
/* --- コンテンツ部分調整ここから --- */
a {
  color: var(--colorLinkAtami);
}

.hrefChange_cancel {
  display: none !important;
}

.anchor_lists li {
  margin: 0 60px;
}
.anchor_lists li a {
  color: var(--colorLinkAtami);
}

.feature_inBtn {
  background-color: rgba(63, 170, 246, 0.4);
}
@media (any-hover: hover) {
  .feature_inBtn:hover {
    background-color: rgba(63, 170, 246, 0.8);
  }
}

/* --- コンテンツ部分調整ここまで --- */
.kv_image01 {
  background: url(/vl-atami/images/kv_bg_01.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.kv_image02 {
  background: url(/vl-atami/images/kv_bg_02.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.kv_image03 {
  background: url(/vl-atami/images/kv_bg_03.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.kv_image04 {
  background: url(/vl-atami/images/kv_bg_04.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.kv_image05 {
  background: url(/vl-atami/images/kv_bg_05.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.kv_image06 {
  background: url(/vl-atami/images/kv_bg_06.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.kv_image07 {
  background: url(/vl-atami/images/kv_bg_07.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.kv_image08 {
  background: url(/vl-atami/images/kv_bg_08.webp) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

/*
.kv_copy{
  top: -64px;
}
*/
.rooms_bg {
  background: url(../images/rooms_bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

.feature_inBg.-bg01 {
  background: url(../images/feature_01_bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}
.feature_inBg.-bg02 {
  background: url(../images/feature_02_bg.jpg) no-repeat top center;
  -webkit-background-size: cover;
          background-size: cover;
}
.feature_inBg.-bg03 {
  background: url(../images/feature_03_bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}
.feature_inBg.-bg04 {
  background: url(../images/feature_04_bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}
.feature_inBg.-bg04 .imgNotes {
  right: 447px;
}
.feature_inBg.-bg05 {
  background: url(/images/feature_05_bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
}

@media screen and (max-width: 1024px) {
  /* --- ヘッダー・フッター調整ここから --- */
  .hdr_vi01Atami {
    margin-top: 10px;
  }

  .hdr_vi02Bl {
    display: block;
    width: 167px;
    position: relative;
    right: auto;
    top: auto;
    margin-left: 0;
  }

  .hdr_lang {
    margin: 10px 0 0 20px;
  }

  .hdr_hotel {
    margin: 10px 0 0 15px;
  }

  .ft_infoLinks {
    border-left: none;
    border-top: 1px solid #ebebeb;
  }

  /* --- ヘッダー・フッター調整ここまで --- */
}
@media screen and (max-width: 767px) {
  /* --- ヘッダー・フッター調整ここから --- */
  .hdr {
    height: auto;
    padding: 10px 0 10px 4%;
    margin-bottom: 10px;
  }

  .hdr_vi01Atami {
    display: block;
    width: 120px;
    margin-top: 5px;
  }

  .hdr_vi02Bl {
    width: 120px;
  }

  .hdr_lang {
    margin: 5px 0 0 0;
    width: 76px;
  }

  .hdr_hotel {
    margin: 5px 0 0 10px;
    width: 76px;
  }

  .ft_corpCopyLogoAtami {
    float: none;
    margin: 0 auto 10px;
  }

  .hotels .ft_infoSns li {
    margin-right: 20px;
  }

  /* --- ヘッダー・フッター調整ここまで --- */
  /* --- コンテンツ部分調整ここから --- */
  .anchor_lists li,
.anchor_lists li:last-child {
    margin: 5px 20px 0;
  }

  /* --- コンテンツ部分調整ここまで --- */
}