:root {
  --en-font: "Montserrat", sans-serif;
  --sub-font: "Shippori Mincho", serif;
}

html {
  scroll-behavior: smooth;
}

img {
  vertical-align: bottom;
}

.page-under .secheader {
  background: #efefef;
}

.page-under .contents .main-title {
  background-color: #efefef;
  color: var(--black);
  font-weight: 300;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .page-under .contents .main-title {
    text-align: left;
    padding: 100px 5% 30px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .contents .main-title span {
    margin-top: 10px;
    font-size: 16px;
  }
}
.reservation-cv {
  margin: min(10.4166666667vw, 150px) 0 min(7.6388888889vw, 110px);
}
@media screen and (max-width: 767px) {
  .reservation-cv {
    margin: 21.3333333333vw 0 16vw;
  }
}
.reservation-cv_inner {
  max-width: 1060px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .reservation-cv_inner {
    width: 84%;
  }
}
.reservation-cv_title {
  font-size: min(1.4583333333vw, 21px);
  line-height: 1.3333333333;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .reservation-cv_title {
    font-size: 4.8vw;
    line-height: 1.5555555556;
  }
}
.reservation-cv_text {
  margin-top: 1em;
  font-size: min(1.0416666667vw, 15px);
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: center;
  color: #aaa;
}
@media screen and (max-width: 767px) {
  .reservation-cv_text {
    margin-top: 4.2666666667vw;
    font-size: 2.9333333333vw;
    line-height: 1.8181818182;
  }
}
.reservation-cv_btn {
  position: relative;
  display: block;
  max-width: min(27.7777777778vw, 400px);
  margin: min(2.0833333333vw, 30px) auto 0;
  padding: min(1.1805555556vw, 17px) min(2.0833333333vw, 30px) min(0.9027777778vw, 13px);
  background: url(../../commonspace/img/reservation-cv_bg_pc.jpg) center/cover;
  transition: opacity 0.5s;
}
@media screen and (max-width: 767px) {
  .reservation-cv_btn {
    max-width: 74.6666666667vw;
    margin: 6.4vw auto 0;
    padding: 3.2vw 5.3333333333vw 2.1333333333vw;
    background: url(../../commonspace/img/reservation-cv_bg_sp.jpg) center/cover;
  }
}
.reservation-cv_btn span {
  font-family: var(--en-font);
  font-weight: 300;
  font-size: min(1.6666666667vw, 24px);
  line-height: 1.6666666667;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .reservation-cv_btn span {
    font-size: 6.4vw;
    line-height: 1.6666666667;
  }
}
.reservation-cv_btn::after {
  position: absolute;
  top: 50%;
  right: min(2.0833333333vw, 30px);
  translate: 0 -50%;
  content: "";
  width: min(1.8055555556vw, 26px);
  height: min(0.3472222222vw, 5px);
  background: url(../../commonspace/img/icon_arrow.svg) no-repeat center/contain;
  transition: transform 0.5s;
}
@media screen and (max-width: 767px) {
  .reservation-cv_btn::after {
    right: 5.3333333333vw;
    width: 6.9333333333vw;
    height: 1.3333333333vw;
  }
}
.reservation-cv_btn:hover {
  opacity: 0.7;
}
.reservation-cv_btn:hover::after {
  transform: translateX(50%);
}

#commonspace {
  overflow-x: hidden;
}
#commonspace .container {
  max-width: 1440px;
  margin-inline: auto;
}
#commonspace .container .full-width {
  overflow: hidden;
  margin-inline: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
#commonspace .container .inner {
  max-width: 1060px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #commonspace .container .inner {
    width: 84%;
  }
}
#commonspace .img-fade {
  overflow: hidden;
}
#commonspace .img-fade img {
  opacity: 0;
  transform: scale(1.05);
  filter: blur(10px);
  transition-property: opacity, transform, filter;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.36, 0.1, 0.16, 1);
}
#commonspace .img-fade.show img {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
}
#commonspace .reception {
  padding: min(5.5555555556vw, 80px) 0 min(8.3333333333vw, 120px);
}
@media screen and (max-width: 767px) {
  #commonspace .reception {
    padding: 16vw 0;
  }
}
#commonspace .reception_inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #commonspace .reception_inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #commonspace .reception_contents {
    margin-right: -1.5em;
  }
}
#commonspace .reception_title, #commonspace .design_title, #commonspace .floor-sec_title h3 {
  font-family: var(--en-font);
  font-weight: 300;
  font-size: min(2.0833333333vw, 30px);
  line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
  #commonspace .reception_title, #commonspace .design_title, #commonspace .floor-sec_title h3 {
    font-size: 9.6vw;
    line-height: 1.1111111111;
  }
}
#commonspace .reception_copy, #commonspace .design_copy, #commonspace .floor-sec_copy {
  margin-top: min(1.6666666667vw, 24px);
  font-size: min(1.8055555556vw, 26px);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #commonspace .reception_copy, #commonspace .design_copy, #commonspace .floor-sec_copy {
    margin-top: 6.4vw;
    font-size: 5.8666666667vw;
    line-height: 1.8181818182;
  }
}
#commonspace .reception_text, #commonspace .design_text, #commonspace .floor-sec_text {
  margin-top: min(2.7777777778vw, 40px);
  padding-left: min(0.6944444444vw, 10px);
  font-size: min(1.1111111111vw, 16px);
  line-height: 2.5;
}
@media screen and (max-width: 767px) {
  #commonspace .reception_text, #commonspace .design_text, #commonspace .floor-sec_text {
    margin-top: 2.6666666667vw;
    padding-left: 0;
    font-size: 3.4666666667vw;
  }
}
#commonspace .reception_img {
  position: relative;
  width: calc(50% + min(7.6388888889vw, 110px));
  margin-left: max(-7.6388888889vw, -110px);
}
@media screen and (max-width: 767px) {
  #commonspace .reception_img {
    width: auto;
    margin: 0 -4vw;
  }
}
#commonspace .reception_img .cap {
  position: absolute;
  left: min(0.6944444444vw, 10px);
  bottom: 0;
  /*font-size: min-pc(11);*/
  font-size: 14px;
  line-height: 2.5454545455;
  letter-spacing: 0.04em;
  color: #fff;
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  #commonspace .reception_img .cap {
    left: initial;
    right: 2.6666666667vw;
    bottom: 0;
    font-size: 3.7333333333vw;
    line-height: 2;
  }
}
#commonspace .floor-map {
  position: relative;
  padding: min(2.4305555556vw, 35px) 0;
  background: linear-gradient(#D9D9D9 0%, rgba(77, 74, 82, 0.6) 50%, #D9D9D9 100%);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map {
    padding: 29.8666666667vw 0 6.4vw;
    background: #D9D9D9;
    scroll-margin-top: 92px;
  }
}
#commonspace .floor-map_inner {
  position: relative;
}
#commonspace .floor-map_title {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  font-family: var(--en-font);
  font-size: min(2.7777777778vw, 40px);
  font-weight: 300;
  line-height: 1.15;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_title {
    top: -16.5333333333vw;
    left: 0;
    translate: 0 0;
    font-size: 9.6vw;
    line-height: 1.1111111111;
    color: inherit;
  }
}
#commonspace .floor-map_contents {
  position: relative;
  width: min(55.9722222222vw, 806px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_contents {
    width: 160.5333333333vw;
  }
}
#commonspace .floor-map_pin {
  position: absolute;
  width: min(6.5277777778vw, 94px);
  filter: drop-shadow(0 0 min(0.9722222222vw, 14px) rgba(0, 0, 0, 0.25));
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_pin {
    width: 18.6666666667vw;
    filter: drop-shadow(0 0 vw-pc(10) rgba(0, 0, 0, 0.25));
  }
}
#commonspace .floor-map_pin[href="#lounge"] {
  top: min(5.5555555556vw, 80px);
  left: min(3.4722222222vw, 50px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_pin[href="#lounge"] {
    top: 14.4vw;
    left: 8.2666666667vw;
  }
}
#commonspace .floor-map_pin[href="#party"] {
  top: min(4.7222222222vw, 68px);
  left: min(10.5555555556vw, 152px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_pin[href="#party"] {
    top: 12.5333333333vw;
    left: 29.6vw;
  }
}
#commonspace .floor-map_pin[href="#cafe"] {
  top: min(12.9861111111vw, 187px);
  left: min(8.125vw, 117px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_pin[href="#cafe"] {
    top: 36.2666666667vw;
    left: 22.6666666667vw;
  }
}
#commonspace .floor-map_pin[href="#guest"] {
  top: min(32.0138888889vw, 461px);
  left: min(19.0277777778vw, 274px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_pin[href="#guest"] {
    top: 90.1333333333vw;
    left: 56.2666666667vw;
  }
}
#commonspace .floor-map_pin img {
  transition: transform 0.3s;
  transform-origin: center bottom;
}
#commonspace .floor-map_pin:hover img {
  transform: scale(1.1);
}
#commonspace .floor-map_contents.fadeUp .floor-map_pin {
  transform: scale(0);
  transform-origin: center bottom;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#commonspace .floor-map_contents.fadeUp .floor-map_pin[href="#lounge"] {
  transition-delay: 1s;
}
#commonspace .floor-map_contents.fadeUp .floor-map_pin[href="#party"] {
  transition-delay: 1.15s;
}
#commonspace .floor-map_contents.fadeUp .floor-map_pin[href="#cafe"] {
  transition-delay: 1.3s;
}
#commonspace .floor-map_contents.fadeUp .floor-map_pin[href="#guest"] {
  transition-delay: 1.45s;
}
#commonspace .floor-map_contents.fadeUp.show .floor-map_pin {
  transform: scale(1);
}
#commonspace .floor-map .cap {
  position: absolute;
  right: min(0.6944444444vw, 10px);
  bottom: min(0.6944444444vw, 10px);
  font-size: min(0.9722222222vw, 14px);
  line-height: 2;
  letter-spacing: 0.04em;
  color: #777;
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map .cap {
    right: 2.6666666667vw;
    bottom: 5.8666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
}
#commonspace .floor-map_tap {
  display: none;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-map_tap {
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 14.1333333333vw;
    left: -8vw;
    width: 76.8vw;
  }
}
#commonspace .floor-sec {
  padding: min(6.9444444444vw, 100px) 0 min(6.9444444444vw, 100px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec {
    padding: 16vw 0 10.6666666667vw;
  }
}
#commonspace .floor-sec_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_inner {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_contents {
    display: contents;
  }
}
#commonspace .floor-sec_title i {
  display: block;
  line-height: 1;
}
#commonspace .floor-sec_title h3 {
  margin-top: min(0.6944444444vw, 10px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_title h3 {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_textbox {
    order: 1;
    padding: 0 2.6666666667vw;
    margin-right: -1em;
  }
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_copy {
    margin-top: 16vw;
  }
}
#commonspace .floor-sec_text {
  margin-top: min(2.0833333333vw, 30px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_text {
    margin-top: 2.6666666667vw;
  }
}
#commonspace .floor-sec#lounge .floor-sec_title i {
  width: min(4.8611111111vw, 70px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec#lounge .floor-sec_title i {
    width: 16.8vw;
  }
}
#commonspace .floor-sec#party .floor-sec_title i {
  width: min(3.8194444444vw, 55px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec#party .floor-sec_title i {
    width: 13.3333333333vw;
  }
}
#commonspace .floor-sec#cafe .floor-sec_title i {
  width: min(4.1666666667vw, 60px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec#cafe .floor-sec_title i {
    width: 14.4vw;
  }
}
#commonspace .floor-sec#cafe .floor-sec_inner {
  position: relative;
}
#commonspace .floor-sec#cafe .floor-sec_img {
  margin-bottom: min(14.4444444444vw, 208px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec#cafe .floor-sec_img {
    margin-bottom: 0;
  }
}
#commonspace .floor-sec#cafe .floor-sec_text {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-right: -1em;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec#cafe .floor-sec_text {
    position: static;
    margin-right: 0;
  }
}
#commonspace .floor-sec#cafe .floor-sec_text .cap {
  display: block;
  margin-top: min(0.6944444444vw, 10px);
  font-size: min(0.9722222222vw, 14px);
  line-height: 2;
  color: #999;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec#cafe .floor-sec_text .cap {
    margin-top: 1.6vw;
    font-size: 3.2vw;
  }
}
#commonspace .floor-sec#guest .floor-sec_title i {
  width: min(4.5833333333vw, 66px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec#guest .floor-sec_title i {
    width: 16vw;
  }
}
#commonspace .floor-sec_img {
  position: relative;
  max-width: calc(50% + min(50vw - 50% - min(1.3888888889vw, 20px), 170px));
  margin-right: max(50% - 50vw + min(1.3888888889vw, 20px), -170px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_img {
    max-width: none;
    margin: 5.3333333333vw calc(50% - 50vw) 0;
  }
}
#commonspace .floor-sec_img .cap {
  position: absolute;
  bottom: 0;
  right: 0;
  translate: 0 100%;
  font-size: min(0.9722222222vw, 14px);
  line-height: 2;
  letter-spacing: 0.04em;
  color: #999;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_img .cap {
    right: 4.5333333333vw;
    font-size: 3.7333333333vw;
  }
}
#commonspace .floor-sec_photo {
  position: relative;
  width: min(27.7777777778vw, 400px);
  margin-top: min(4.1666666667vw, 60px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_photo {
    width: 54.4vw;
    margin-top: 8vw;
    margin-left: auto;
    margin-right: -4vw;
  }
}
#commonspace .floor-sec_photo .cap {
  position: absolute;
  bottom: 0;
  right: 0;
  translate: 0 100%;
  font-size: min(0.9722222222vw, 14px);
  line-height: 2;
  letter-spacing: 0.04em;
  color: #999;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_photo .cap {
    position: static;
    translate: 0 0;
    display: block;
    font-size: 3.7333333333vw;
    text-align: right;
    line-height: 1.5;
  }
}
#commonspace .floor-sec._reverse {
  background: #D9D9D9;
}
#commonspace .floor-sec._reverse .floor-sec_inner {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec._reverse .floor-sec_inner {
    flex-direction: column;
  }
}
#commonspace .floor-sec._reverse .floor-sec_img {
  margin-right: 0;
  margin-left: max(50% - 50vw + min(1.3888888889vw, 20px), -170px);
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec._reverse .floor-sec_img {
    margin: 5.3333333333vw calc(50% - 50vw) 0;
  }
}
#commonspace .floor-sec_pagetop {
  display: none;
}
@media screen and (max-width: 767px) {
  #commonspace .floor-sec_pagetop {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 8vw auto 0;
  }
  #commonspace .floor-sec_pagetop::before {
    content: "";
    display: block;
    width: 16vw;
    height: 16vw;
    background: url(../../commonspace/img/icon_pagetop.svg) no-repeat center/contain;
  }
  #commonspace .floor-sec_pagetop span {
    font-family: var(--en-font);
    font-weight: 300;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
    text-align: center;
  }
}
#commonspace .design {
  padding: min(10.4166666667vw, 150px) 0 min(10.4166666667vw, 150px);
  color: #fff;
  background: #4D4A52;
}
@media screen and (max-width: 767px) {
  #commonspace .design {
    padding: 16vw 0 21.3333333333vw;
  }
}
#commonspace .design_inner {
  max-width: 820px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #commonspace .design_inner {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
}
#commonspace .design_img {
  position: relative;
  margin-top: min(2.7777777778vw, 40px);
}
@media screen and (max-width: 767px) {
  #commonspace .design_img {
    order: 1;
    margin-top: 8vw;
  }
}
#commonspace .design_img .cap {
  position: absolute;
  bottom: 0;
  right: min(0.6944444444vw, 10px);
  font-size: min(0.9722222222vw, 14px);
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  #commonspace .design_img .cap {
    right: 2.6666666667vw;
    bottom: 0;
    font-size: 3.7333333333vw;
  }
}/*# sourceMappingURL=commonspace.css.map */