@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Playfair+Display:wght@400;500&display=swap);
.a1-489ban .a1-site .a1-header__nav-link,
.a1-489ban .a1-site .a1-header__reservation,
.a1-489ban .a1-site .a1-header__sp-name,
.a1-489ban .a1-site .a1-header__sp-reservation {
  white-space: nowrap;
  font-weight: var(--a1-font-weight-base)
}
.a1-489ban {
  line-height: 1.5
}
.a1-489ban :is(a,a:link,a:visited,a:hover,a:focus,a:active) {
  color: inherit;
  text-decoration: none
}
.a1-489ban :where(ul,ol) {
  margin: 0;
  padding: 0;
  list-style: none
}
.a1-489ban :where(p) {
  margin: 0
}
.a1-489ban :where(img,svg) {
  max-width: none;
  border: 0
}
.a1-site {
  --a1-color-dark: #2a211d;
  --a1-color-brown: #5a4c43;
  --a1-color-gold: #ecd68c;
  --a1-color-gold-hover: #e3c872;
  --a1-color-nav-text: #f1ece8;
  --a1-color-nav-text-hover: #fff;
  --a1-color-white: #fff;
  --a1-color-drawer-bg: rgba(92, 80, 71, 0.9);
  --a1-color-drawer-line: rgba(255, 255, 255, 0.85);
  --a1-logo-image: url(https://www.hotel-areaone.com/img/common_2/logo/logo-areaone.svg);
  --a1-logo-ratio: 232/30;
  --a1-font-base: "Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;
  --a1-font-weight-base: 400;
  --a1-pc-top-height: 78px;
  --a1-pc-bottom-height: 46px;
  --a1-sp-header-height: clamp(56px, 23vw, 90px);
  --a1-z-header: 1000;
  --a1-transition: 0.25s ease;
  background-color: #fff;
  font-family: var(--a1-font-base);
  color: var(--a1-color-dark);
  -webkit-text-size-adjust: 100%
}
body:has(>.a1-site),
html:has(>body>.a1-site) {
  background-color: #454545
}
body:has(>.a1-site) {
  margin: 0
}
.a1-489ban .a1-site .a1-footer,
.a1-489ban .a1-site .a1-footer *,
.a1-489ban .a1-site .a1-footer ::after,
.a1-489ban .a1-site .a1-footer ::before,
.a1-header,
.a1-header *,
.a1-header ::after,
.a1-header ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.a1-header :where(a) {
  color: inherit;
  text-decoration: none
}
.a1-header :where(ul) {
  margin: 0;
  padding: 0;
  list-style: none
}
.a1-header :where(svg) {
  display: block
}
.a1-site .a1-visually-hidden {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  padding: 0!important;
  margin: -1px!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
  border: 0!important
}
:where(.a1-sitemain) :where(p,dd,li,figcaption,blockquote) {
  word-break: auto-phrase
}
@supports (word-break:auto-phrase) {
  :where(.a1-sitemain) :where(p,dd,li,figcaption,blockquote) {
    text-wrap: pretty
  }
}
:where(.a1-sitemain) :where(h1,h2,h3,h4) {
  word-break: auto-phrase;
  text-wrap: balance
}
.a1-site:lang(en) {
  --a1-ls-scale: 0.3
}
.a1-site :is(.a1-pagehero__title-en,.a1-about__heading-en,.a1-access__heading-en,.a1-feature__heading-en,.a1-gallery__heading-en,.a1-info__heading-en,.a1-news__heading-en,.a1-recommend__heading-en,.a1-topics__heading-en,.a1-amenities__heading,.a1-sechead__en,.a1-room-sechead__en,.a1-room-nav__en,.a1-room-detail__name-en,.a1-ap-sechead__en,.a1-ap-intro__en,.a1-cp-head__en,.a1-ct-field__en) {
  --a1-ls-scale: 1
}
.a1-489ban .a1-site .a1-header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: var(--a1-pc-top-height);
  background-color: var(--a1-color-dark)
}
.a1-489ban .a1-site .a1-header__logo,
.a1-489ban .a1-site .a1-header__sp-brand {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}
.a1-489ban .a1-site .a1-header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--a1-color-white);
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.a1-489ban .a1-site .a1-header__logo:hover {
  opacity: .8
}
.a1-489ban .a1-site .a1-header__nav-link:active,
.a1-489ban .a1-site .a1-header__reservation:active,
.a1-489ban .a1-site .a1-header__sp-reservation:active {
  opacity: .7
}
.a1-489ban .a1-site .a1-header__logo-image {
  display: block;
  width: 232px;
  aspect-ratio: var(--a1-logo-ratio);
  background: var(--a1-logo-image) no-repeat center/contain
}
.a1-489ban .a1-site .a1-header__logo-name {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: var(--a1-font-weight-base);
  line-height: 1.4;
  letter-spacing: calc(.08em * var(--a1-ls-scale,1))
}
.a1-489ban .a1-site .a1-header__bottom {
  --a1-reservation-width: clamp(150px, calc(150px + (100vw - 769px) * 0.28), 330px);
  --a1-nav-padding-inline: clamp(5px, calc(5px + (100vw - 769px) * 0.02), 18px);
  --a1-nav-font-size: 13px;
  --a1-nav-letter-spacing: 0.12em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: var(--a1-pc-bottom-height);
  background-color: var(--a1-color-brown)
}
.a1-489ban .a1-site .a1-header__bottom::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 1000000 var(--a1-reservation-width);
  flex: 0 1000000 var(--a1-reservation-width);
  min-width: 0
}
@media (max-width:1199px) {
  .a1-489ban .a1-site .a1-header__bottom {
    --a1-nav-letter-spacing: 0.08em
  }
}
.a1-489ban .a1-site .a1-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin
}
.a1-489ban .a1-site .a1-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-inline: auto;
  padding-inline: var(--a1-nav-padding-inline)
}
.a1-489ban .a1-site .a1-header__nav-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.a1-489ban .a1-site .a1-header__nav-item + .a1-489ban .a1-site .a1-header__nav-item::before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1px;
  height: 11px;
  background-color: rgba(255,255,255,.7)
}
.a1-489ban .a1-site .a1-header__nav-link {
  position: relative;
  display: block;
  padding: 6px var(--a1-nav-padding-inline);
  color: var(--a1-color-nav-text);
  font-size: var(--a1-nav-font-size);
  line-height: 1.4;
  letter-spacing: calc(var(--a1-nav-letter-spacing) * var(--a1-ls-scale,1));
  -webkit-transition: color var(--a1-transition),opacity var(--a1-transition);
  transition: color var(--a1-transition),opacity var(--a1-transition)
}
.a1-489ban .a1-site .a1-header__nav-link::after {
  content: "";
  position: absolute;
  left: var(--a1-nav-padding-inline);
  right: var(--a1-nav-padding-inline);
  bottom: 2px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform var(--a1-transition);
  transition: -webkit-transform var(--a1-transition);
  transition: transform var(--a1-transition);
  transition: transform var(--a1-transition),-webkit-transform var(--a1-transition)
}
.a1-489ban .a1-site .a1-header__nav-link:focus-visible {
  outline: rgba(255,255,255,.6) solid 1px;
  outline-offset: -2px;
  color: var(--a1-color-nav-text-hover)
}
.a1-489ban .a1-site .a1-header__nav-link:focus-visible::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}
.a1-489ban .a1-site .a1-header__reservation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 var(--a1-reservation-width);
  flex: 0 0 var(--a1-reservation-width);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 8px;
  background-color: var(--a1-color-gold);
  color: var(--a1-color-dark);
  font-size: 14px;
  letter-spacing: calc(.15em * var(--a1-ls-scale,1));
  border-radius: 0;
  -webkit-transition: background-color var(--a1-transition),opacity var(--a1-transition);
  transition: background-color var(--a1-transition),opacity var(--a1-transition)
}
.a1-489ban .a1-site .a1-header__reservation:focus-visible {
  background-color: var(--a1-color-gold-hover);
  outline: 2px solid var(--a1-color-dark);
  outline-offset: -5px
}
@media (max-width:959px) {
  .a1-489ban .a1-site .a1-header__bottom {
    --a1-nav-letter-spacing: 0.03em
  }
  .a1-489ban .a1-site .a1-header__reservation {
    font-size: 13px;
    letter-spacing: calc(.05em * var(--a1-ls-scale,1))
  }
}
.a1-489ban .a1-site .a1-header__sp {
  display: none
}
@media (max-width:768px) {
  .a1-489ban .a1-site .a1-header__pc {
    display: none
  }
  .a1-489ban .a1-site .a1-header {
    position: sticky;
    top: 0;
    z-index: var(--a1-z-header)
  }
  .a1-489ban .a1-site .a1-header__sp {
    display: grid;
    grid-template-columns: 22% 1fr 23%;
    height: var(--a1-sp-header-height);
    background-color: var(--a1-color-dark)
  }
}
.a1-489ban .a1-site .a1-header__menu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: var(--a1-color-white);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  visibility: hidden;
  grid-column: 1
}
.a1-489ban .a1-site .a1-header__menu-button:focus-visible {
  outline: 2px solid var(--a1-color-gold);
  outline-offset: -4px
}
.a1-489ban .a1-site .a1-header__menu-icon {
  position: relative;
  display: block;
  width: clamp(28px,9.8vw,40px);
  height: 2px;
  background-color: currentColor
}
.a1-489ban .a1-site .a1-header__menu-icon::after,
.a1-489ban .a1-site .a1-header__menu-icon::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor
}
.a1-489ban .a1-site .a1-header__menu-icon::before {
  top: clamp(-12px,-3.1vw,-8px)
}
.a1-489ban .a1-site .a1-header__menu-icon::after {
  top: clamp(8px,3.1vw,12px)
}
.a1-489ban .a1-site .a1-header__sp-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 0;
  color: var(--a1-color-white)
}
.a1-489ban .a1-site .a1-header__sp-logo {
  display: block;
  width: 90%;
  max-width: 240px;
  aspect-ratio: var(--a1-logo-ratio);
  background: var(--a1-logo-image) no-repeat center/contain
}
.a1-489ban .a1-site .a1-header__sp-name {
  display: block;
  margin-top: .3em;
  font-size: clamp(10px,3.4vw,14px);
  line-height: 1.3;
  letter-spacing: calc(.04em * var(--a1-ls-scale,1))
}
.a1-489ban .a1-site .a1-header__sp-reservation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
  height: 100%;
  background-color: var(--a1-color-gold);
  color: var(--a1-color-dark);
  font-size: clamp(11px,3.4vw,15px);
  letter-spacing: calc(.08em * var(--a1-ls-scale,1));
  border-radius: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color var(--a1-transition),opacity var(--a1-transition);
  transition: background-color var(--a1-transition),opacity var(--a1-transition)
}
@media (hover:hover) {
  .a1-489ban .a1-site .a1-header__nav-link:hover {
    color: var(--a1-color-nav-text-hover)
  }
  .a1-489ban .a1-site .a1-header__nav-link:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  .a1-489ban .a1-site .a1-header__reservation:hover,
  .a1-489ban .a1-site .a1-header__sp-reservation:hover {
    background-color: var(--a1-color-gold-hover)
  }
}
.a1-489ban .a1-site .a1-header__sp-reservation:focus-visible {
  background-color: var(--a1-color-gold-hover);
  outline: 2px solid var(--a1-color-dark);
  outline-offset: -5px
}
.a1-489ban .a1-site .a1-header__sp-reservation::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: clamp(20px,6.2vw,26px);
  height: clamp(20px,6.2vw,26px);
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='1.5'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M8.4 15.4l2.4 2.3 4.8-4.9'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='1.5'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M8.4 15.4l2.4 2.3 4.8-4.9'/%3E%3C/svg%3E") center/contain no-repeat
}
.a1-489ban .a1-site .a1-header__sp-reservation::after {
  content: "RESERVE";
  content: "RESERVE"/"";
  margin-top: -2px;
  font-family: "Playfair Display","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  font-size: 8px;
  letter-spacing: calc(.22em * var(--a1-ls-scale,1));
  text-indent: .22em;
  line-height: 1;
  opacity: .7
}
.a1-489ban .a1-site .a1-footer {
  --a1-footer-main-bg: #4c576e;
  --a1-footer-bottom-bg: #454545;
  --a1-footer-booking-bg: #5a4c43;
  --a1-footer-text: #fff;
  --a1-footer-line: rgba(255, 255, 255, 0.55);
  --a1-footer-overlap: 128px;
  --a1-footer-duration: 0.25s;
  position: relative;
  margin-top: 0;
  font-family: var(--a1-font-base);
  font-weight: var(--a1-font-weight-base);
  color: var(--a1-footer-text)
}
.a1-489ban .a1-site .a1-footer :where(p,address) {
  margin: 0;
  padding: 0;
  font-style: normal
}
.a1-489ban .a1-site .a1-footer__booking-pc {
  position: relative;
  z-index: 2;
  margin-bottom: calc(var(--a1-footer-overlap) * -1)
}
.a1-489ban .a1-site .a1-footer__booking-pc .a1-booking {
  --a1-booking-overlap: 0px;
  margin-top: 0
}
.a1-489ban .a1-site .a1-footer__booking {
  display: none;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 20px 16px 16px;
  border-radius: 28px 28px 0 0;
  background: var(--a1-footer-booking-bg);
  text-align: center
}
.a1-489ban .a1-site .a1-footer__booking-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
  text-align: left
}
.a1-489ban .a1-site .a1-footer__booking-badge {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 62px;
  height: auto
}
.a1-489ban .a1-site .a1-footer__booking-title {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: calc(.06em * var(--a1-ls-scale,1));
  line-height: 1.25
}
.a1-489ban .a1-site .a1-footer__booking-lead {
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: calc(.04em * var(--a1-ls-scale,1));
  line-height: 1.5
}
.a1-489ban .a1-site .a1-footer__booking-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: min(100%,520px);
  min-height: 52px;
  margin: 18px auto 0;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
  color: #272727;
  font-size: 17px;
  letter-spacing: calc(.08em * var(--a1-ls-scale,1));
  line-height: 1.4;
  text-decoration: none;
  -webkit-transition: opacity var(--a1-footer-duration);
  transition: opacity var(--a1-footer-duration)
}
.a1-489ban .a1-site .a1-footer__booking-button:hover {
  opacity: .75
}
.a1-489ban .a1-site .a1-footer__booking-button:focus-visible {
  outline: #fff solid 2px;
  outline-offset: 3px
}
.a1-489ban .a1-site .a1-footer__main {
  padding: 56px 40px 40px;
  background: var(--a1-footer-main-bg);
  text-align: center
}
@media (min-width:769px) {
  .a1-489ban .a1-site .a1-footer__booking-pc ~ .a1-489ban .a1-site .a1-footer__main {
    padding-top: calc(var(--a1-footer-overlap) + 36px)
  }
}
.a1-489ban .a1-site .a1-footer__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.a1-489ban .a1-site .a1-footer__logo {
  display: block;
  width: min(360px,70%);
  height: auto
}
.a1-489ban .a1-site .a1-footer__hotel-name {
  margin-top: 12px;
  font-size: 18px;
  letter-spacing: calc(.08em * var(--a1-ls-scale,1));
  line-height: 1.5
}
.a1-489ban .a1-site .a1-footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 24px;
  margin-top: 26px;
  font-size: 15px;
  letter-spacing: calc(.04em * var(--a1-ls-scale,1));
  line-height: 1.8
}
.a1-489ban .a1-site .a1-footer__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 18px
}
.a1-489ban .a1-site .a1-footer__group-links .a1-489ban .a1-site .a1-footer__link:last-child::after,
.a1-489ban .a1-site .a1-footer__links .a1-489ban .a1-site .a1-footer__link:last-child::after,
.a1-489ban .a1-site .a1-footer__tel-button {
  display: none
}
.a1-489ban .a1-site .a1-footer__tel {
  color: inherit;
  text-decoration: none;
  pointer-events: none
}
.a1-489ban .a1-site .a1-footer__group-links,
.a1-489ban .a1-site .a1-footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.a1-489ban .a1-site .a1-footer__links {
  margin-top: 20px;
  font-size: 15px
}
.a1-489ban .a1-site .a1-footer__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 22px;
  color: inherit;
  letter-spacing: calc(.06em * var(--a1-ls-scale,1));
  line-height: 1.5;
  text-decoration: none;
  -webkit-transition: opacity var(--a1-footer-duration);
  transition: opacity var(--a1-footer-duration)
}
.a1-489ban .a1-site .a1-footer__link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  opacity: .8
}
.a1-489ban .a1-site .a1-footer__link:focus-visible {
  outline: #fff solid 2px;
  outline-offset: 2px
}
.a1-489ban .a1-site .a1-footer__group-links .a1-489ban .a1-site .a1-footer__link,
.a1-489ban .a1-site .a1-footer__links .a1-489ban .a1-site .a1-footer__link,
.a1-489ban .a1-site .a1-header {
  position: relative
}
.a1-489ban .a1-site .a1-footer__group-links .a1-489ban .a1-site .a1-footer__link::after,
.a1-489ban .a1-site .a1-footer__links .a1-489ban .a1-site .a1-footer__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1em;
  margin-top: -.5em;
  background: var(--a1-footer-line)
}
.a1-489ban .a1-site .a1-footer__instagram svg {
  display: block;
  width: 26px;
  height: 26px
}
.a1-489ban .a1-site .a1-footer__bottom {
  padding: 20px 24px 22px;
  background: var(--a1-footer-bottom-bg);
  text-align: center
}
.a1-489ban .a1-site .a1-footer__group-links {
  font-size: 14px
}
@media (max-width:768px) {
  .a1-489ban .a1-site .a1-footer__booking-pc {
    display: none
  }
  .a1-489ban .a1-site .a1-footer__booking {
    display: block
  }
  .a1-489ban .a1-site .a1-footer__booking-head {
    gap: 10px
  }
  .a1-489ban .a1-site .a1-footer__booking-badge {
    width: 52px
  }
  .a1-489ban .a1-site .a1-footer__booking-title {
    font-size: clamp(22px,7vw,30px)
  }
  .a1-489ban .a1-site .a1-footer__booking-lead {
    font-size: clamp(9.5px,2.8vw,12px)
  }
  .a1-489ban .a1-site .a1-footer__booking-button {
    width: 100%;
    min-height: 56px;
    margin-top: 14px;
    font-size: 16px
  }
  .a1-489ban .a1-site .a1-footer__main {
    padding: 44px 20px 36px
  }
  .a1-489ban .a1-site .a1-footer__logo {
    width: min(320px,82%)
  }
  .a1-489ban .a1-site .a1-footer__hotel-name {
    margin-top: 10px;
    font-size: 17px
  }
  .a1-489ban .a1-site .a1-footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    margin-top: 24px;
    font-size: 14px
  }
  .a1-489ban .a1-site .a1-footer__contact {
    gap: 0 12px
  }
  .a1-489ban .a1-site .a1-footer__tel {
    pointer-events: auto
  }
  .a1-489ban .a1-site .a1-footer__tel-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2px 8px;
    width: min(100%,320px);
    min-height: 56px;
    margin: 22px auto 0;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
    -webkit-transition: background-color var(--a1-footer-duration),opacity var(--a1-footer-duration);
    transition: background-color var(--a1-footer-duration),opacity var(--a1-footer-duration);
    -webkit-tap-highlight-color: transparent
  }
  .a1-489ban .a1-site .a1-footer__tel-button:active {
    background: rgba(255,255,255,.12)
  }
  .a1-489ban .a1-site .a1-footer__tel-button:focus-visible {
    outline: #fff solid 2px;
    outline-offset: 3px
  }
  .a1-489ban .a1-site .a1-footer__tel-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }
  .a1-489ban .a1-site .a1-footer__tel-button-text {
    font-size: 15px;
    letter-spacing: calc(.06em * var(--a1-ls-scale,1));
    line-height: 1.4
  }
  .a1-489ban .a1-site .a1-footer__tel-button-number {
    font-size: 14px;
    letter-spacing: calc(.04em * var(--a1-ls-scale,1));
    line-height: 1.4;
    opacity: .85
  }
  .a1-489ban .a1-site .a1-footer__links {
    margin-top: 22px;
    font-size: 14px
  }
  .a1-489ban .a1-site .a1-footer__link {
    min-height: 44px;
    padding-right: 16px;
    padding-left: 16px
  }
  .a1-489ban .a1-site .a1-footer__bottom {
    padding: 20px 16px 22px
  }
  .a1-489ban .a1-site .a1-footer__group-links {
    max-width: 250px;
    margin: 0 auto;
    font-size: 13px;
    row-gap: 0
  }
}
@media (prefers-reduced-motion:reduce) {
  .a1-489ban .a1-site .a1-footer__booking-button,
  .a1-489ban .a1-site .a1-footer__link {
    -webkit-transition: none;
    transition: none
  }
}
.a1-489ban .a1-site {
  background-color: transparent
}
.a1-489ban .a1-site .a1-header__sp-brand {
  grid-column: 2;
  grid-row: 1
}
.a1-489ban .a1-site .a1-header__sp-reservation {
  grid-column: 3;
  grid-row: 1
}