@charset "UTF-8";
/* トップページ */
.bnr_christmas {
  padding: 10px 0 80px;
}
@media (max-width: 1024px) {
  .bnr_christmas {
    padding: 10px 0 40px;
  }
}
body.resort-maihama .bnr_christmas {
  margin: 80px 0 -110px;
}
@media (max-width: 1024px) {
  body.resort-maihama .bnr_christmas {
    margin: 40px 0 -50px;
  }
}
.bnr_christmas a {
  position: relative;
  display: block;
  margin-inline: auto;
  width: fit-content;
}
@media (max-width: 1024px) {
  .bnr_christmas a {
    width: 90%;
  }
  body.resort-maihama .bnr_christmas a {
    width: 100%;
  }
}
.bnr_christmas a::before, .bnr_christmas a::after {
  content: "";
  position: absolute;
  left: calc(50% - 2px);
  bottom: 16px;
  width: 20px;
  height: 3px;
  background: #a61d1d;
  transform: rotate(220deg);
  transform-origin: left center;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .bnr_christmas a::before, .bnr_christmas a::after {
    bottom: 4%;
    width: 4%;
    height: 0.5vw;
  }
}
.bnr_christmas a::after {
  left: calc(50% - 4px);
  transform: rotate(-40deg);
}
.bnr_christmas a:hover {
  opacity: 1;
}
.bnr_christmas a:hover::before, .bnr_christmas a:hover::after {
  bottom: 12px;
}
@media (max-width: 1024px) {
  .bnr_christmas a:hover::before, .bnr_christmas a:hover::after {
    bottom: calc(4% - 3px);
  }
}
body.maihama2 .bnr_christmas a::before, body.maihama2 .bnr_christmas a::after {
  background-color: #3b7a60;
}
body.resort-maihama .bnr_christmas a::before, body.resort-maihama .bnr_christmas a::after {
  background-color: #fff;
}
.bnr_christmas picture {
  display: block;
}
.bnr_christmas picture img {
  width: 658px;
  height: 308px;
}
@media (max-width: 1024px) {
  .bnr_christmas picture img {
    width: 100%;
    height: auto;
  }
}

/* トップページ クリスマスリンク */
.christmas_kv_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: calc(36.9636963696vw + 80px);
  pointer-events: none;
}
@media screen and (min-width: 1501px) {
  .christmas_kv_link {
    height: calc(64vh + 80px);
  }
}
@media (max-width: 1024px) {
  .christmas_kv_link {
    height: calc(65vh + 80px);
  }
}
@media (max-width: 767px) {
  .christmas_kv_link {
    height: calc(65vh + 55px);
  }
}
.christmas_kv_link a {
  display: block;
  position: absolute;
  right: 16%;
  top: 32%;
  text-decoration: none;
  pointer-events: auto;
  width: 40%;
  max-width: 217px;
}
@media screen and (min-width: 1601px) {
  .christmas_kv_link a {
    top: 40%;
  }
}
@media screen and (max-width: 1200px) {
  .christmas_kv_link a {
    right: 8%;
    top: 24%;
  }
}
@media (max-width: 1024px) {
  .christmas_kv_link a {
    top: 100px;
    right: 5%;
  }
}
@media (max-width: 767px) {
  .christmas_kv_link a {
    top: 75px;
  }
}
.christmas_kv_link a img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
}
.christmas_kv_link a:hover {
  opacity: 1;
}
.christmas_kv_link a:hover img {
  transform: rotate(1deg);
}
@media (min-width: 1025px) {
  body.apartment-asakusabashi:has(.christmas_kv_link) .kv.kv_slide .textWrap .hotelName {
    max-width: 12em;
  }
}/*# sourceMappingURL=christmas.css.map */