figure,
p {
  margin: 0;
}
body {
  color: #353737;
  font-weight: 300;
}
h2,
h3 {
  font-weight: 300;
  border: 0 none;
  padding-top: 0;
  line-height: 1.5;
}
#main {
  margin-top: 0;
  margin-bottom: 0;
}
#main > .row {
  max-width: none;
}
#primary.column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*--- page top btn---*/
@media screen and (max-width: 39.9375em) {
  .scroll-top-wrapper {
    bottom: 4em;
  }
}

/*--==capella-kyoto_special====================--*/
/*--==common==--*/
#capella-kyoto_special {
  --color-white: #fff;
  --color-black: #000;
  --color-glay-01: #585858;
  --color-glay-02: #727272;
  --color-glay-03: #707070;
  --color-glay-06: #f5f5f5;
  --font-size-22-35: clamp(22px, calc(16.42857142857143px + 1.3265306122448979vw), 35px);
  --font-size-24-30: clamp(24px, calc(21.42857142857143px + 0.6122448979591837vw), 30px);
  --font-size-20-30: clamp(20px, calc(15.714285714285715px + 1.0204081632653061vw), 30px);
  --font-size-18-22: clamp(18px, calc(16.285714285714285px + 0.40816326530612246vw), 22px);
  --font-size-14-18: clamp(14px, calc(12.285714285714285px + 0.40816326530612246vw), 18px);
  --font-size-14-16: clamp(14px, calc(13.142857142857142px + 0.20408163265306123vw), 16px);
  --font-size-12-14: clamp(12px, calc(11.142857142857142px + 0.20408163265306123vw), 14px);
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;
  --padding-54-74: clamp(54px, calc(45.42857142857143px + 2.0408163265306123vw), 74px);
  --padding-55-80: clamp(55px, calc(44.285714285714285px + 2.5510204081632653vw), 80px);
}
#capella-kyoto_special .inner-cont {
  max-width: 962px;
  width: 92%;
  margin: 0 auto;
}
#capella-kyoto_special .sub-inner-cont {
  padding: clamp(21px, calc(13.714285714285715px + 1.7346938775510203vw), 38px) clamp(15px, calc(3px + 2.857142857142857vw), 43px) clamp(51px, calc(49.714285714285715px + 0.30612244897959184vw), 54px);
  background-color: var(--color-white);
}
#capella-kyoto_special .fl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #capella-kyoto_special .inner-cont {
    width: 91.2%;
  }
}
/*--font--*/
#capella-kyoto_special h2 {
  color: var(--color-glay-02);
  font-size: var(--font-size-22-35);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
}
#capella-kyoto_special h3 {
  color: var(--color-glay-02);
  font-size: var(--font-size-20-30);
  text-align: center;
  margin-bottom: clamp(34px, calc(26.285714285714285px + 1.8367346938775513vw), 52px);
}
#capella-kyoto_special h4 {
  color: var(--color-glay-02);
  font-size: var(--font-size-24-30);
  font-weight: 600;
  text-align: center;
  margin-bottom: clamp(43px, calc(36.57142857142857px + 1.530612244897959vw), 58px);
}
#capella-kyoto_special h5 {
  color: var(--color-glay-01);
  font-size: var(--font-size-18-22);
  font-weight: 600;
  text-align: center;
  margin-bottom: clamp(19px, calc(12.571428571428571px + 1.530612244897959vw), 34px);
}
#capella-kyoto_special p {
  color: var(--color-glay-02);
  font-size: var(--font-size-14-16);
  line-height: 1.8;
  margin: 0;
}
#capella-kyoto_special p.large {
  font-size: var(--font-size-14-18);
  margin: 0;
}
#capella-kyoto_special .notes {
  font-size: var(--font-size-12-14);
}
#capella-kyoto_special .tx-c {
  text-align: center;
}
#capella-kyoto_special .tx-r {
  text-align: right;
}
/*--link--*/
#capella-kyoto_special .reservation-button a {
  display: block;
  max-width: 400px;
  width: 100%;
  color: var(--color-white);
  font-size: var(--font-size-14-16);
  text-align: center;
  padding: clamp(13px, calc(12.571428571428571px + 0.10204081632653061vw), 14px) 10px;
  margin-top: clamp(54px, calc(53.142857142857146px + 0.20408163265306123vw), 56px);
  margin-inline: auto;
  background: var(--color-black);
  transition: 0.4s;
}
#capella-kyoto_special .links-button a {
  display: block;
  max-width: 140px;
  width: 80%;
}
@media screen and (min-width: 768px) {
  #capella-kyoto_special a:hover {
    opacity: 0.6;
  }
}
/*--pc&sp--*/
#capella-kyoto_special .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #capella-kyoto_special .pc {
    display: none;
  }
  #capella-kyoto_special .sp {
    display: block;
  }
}
/*--fade--*/
#capella-kyoto_special .fade {
  transition: 1s;
  transform: translate3d(0, 0, 0);
  opacity: 0;
}
#capella-kyoto_special .fade.act {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/*--== kv ==========================--*/
#kv {
  padding-block: clamp(26px, calc(8.428571428571427px + 4.183673469387755vw), 67px) var(--padding-54-74);
  opacity: 0;
  animation: fadein ease-out 3s forwards 0s;
}
/*-- swiper --*/
#kv .spaSwiper {
  max-width: 952px;
  width: 92%;
  margin-block: clamp(36px, calc(21.857142857142854px + 3.36734693877551vw), 69px);
  margin-inline: auto;
}
#kv .swiper-wrapper {
  padding-bottom: clamp(40px, calc(35.714285714285715px + 1.0204081632653061vw), 50px);
}
#kv .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
#kv .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--color-glay-06);
  opacity: 1;
}
#kv .swiper-pagination-bullet-active {
  background: #cbccce;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
}
/*--== kv end ======================--*/
/*--== spa =========================--*/
/*-- spa-overview --*/
#spa-overview {
  padding-block: var(--padding-54-74) var(--padding-55-80);
  background: url(/assets-static/images/capella-kyoto_special/spa_bk.jpg) top center no-repeat;
  background-size: cover;
}
#spa-overview ol {
  margin-block: clamp(31px, calc(17.285714285714285px + 3.2653061224489797vw), 63px) clamp(17px, calc(10.142857142857142px + 1.6326530612244898vw), 33px);
}
#spa-overview ol > li {
  list-style: none;
  color: var(--color-glay-02);
  font-size: var(--font-size-18-22);
  margin-bottom: 2em;
}
#spa-overview ol > li > span {
  display: block;
  text-indent: -2.5rem;
  padding-left: 2.5rem;
  padding-bottom: 0.3em;
  border-bottom: var(--color-glay-03) 1px solid;
}
#spa-overview ol > li > ul {
  padding-inline: clamp(0px, calc(-14.142857142857144px + 3.36734693877551vw), 33px);
}
#spa-overview ol > li > ul > li {
  list-style: none;
  font-size: var(--font-size-14-16);
  text-indent: -1rem;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  #spa-overview .notes.tx-r {
    text-align: left;
    letter-spacing: 0;
    text-indent: -1rem;
    padding-left: 1rem;
  }
}
/*-- spa-menu --*/
#spa-menu {
  padding-block: var(--padding-54-74) var(--padding-55-80);
  background-color: var(--color-glay-06);
}
#spa-menu .spa-menu-group .sub-inner-cont:nth-child(2) {
  margin-block: clamp(40px, calc(35.714285714285715px + 1.0204081632653061vw), 50px);
}
#spa-menu picture {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(34px, calc(32.285714285714285px + 0.40816326530612246vw), 38px);
}
#spa-menu dl {
  width: 48%;
  margin: 0;
}
#spa-menu dl > dt {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  letter-spacing: 0;
  margin: 0 0 clamp(19px, calc(19.428571428571427px + -0.10204081632653061vw), 18px);
}
#spa-menu dl > dt .menu {
  width: 100%;
  font-weight: 600;
}
#spa-menu dl > dt .price {
  width: 100%;
  font-size: var(--font-size-14);
  font-weight: 600;
}
#spa-menu dl > dt .tax {
  font-size: var(--font-size-12);
}
#spa-menu dl > dd {
  margin: 0;
  padding: 0;
}
#spa-menu dl > dd > p {
  font-size: var(--font-size-14);
}

@media screen and (max-width: 767px) {
  #spa-menu .spa-menu-group .spa-sub-menu {
    flex-direction: column;
    gap: 50px 0;
  }
  #spa-menu dl {
    width: 100%;
  }
}
/*-- spa-address --*/
#spa-address {
  padding-block: var(--padding-54-74);
}
#spa-address > .fl {
  justify-content: center;
  width: clamp(360px, calc(184.28571428571428px + 41.83673469387755vw), 770px);
  margin-inline: auto;
}
#spa-address .address-detail {
  width: 45%;
}
#spa-address .spa-name {
  font-size: var(--font-size-18-22);
  margin-bottom: clamp(11px, calc(5.428571428571429px + 1.3265306122448979vw), 24px);
}
#spa-address picture {
  max-width: 420px;
  width: 55%;
}
#spa-address .links-button {
  display: flex;
  gap: 0 12px;
  margin-top: clamp(18px, calc(13.714285714285715px + 1.0204081632653061vw), 28px);
}
@media screen and (max-width: 767px) {
  #spa-address > .fl {
    flex-direction: column;
  }

  #spa-address .address-detail {
    width: 100%;
    margin-bottom: 24px;
  }
  #spa-address picture {
    width: 100%;
  }
}
/*--== spa end =====================--*/