@charset "UTF-8";

@media screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p,
ul {
  margin: 0;
  padding: 0;
}

ol[role="list"],
ul[role="list"] {
  list-style: none;
}

li {
  list-style-type: none;
}

html:focus-within {
  /* scroll-behavior: smooth; */
}

#pp_revisions_top_bar {
  display: none !important;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  padding-top: 0 !important;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration: none;
}

img,
picture {
  max-width: 100%;
  display: block;
}

button,
input,
select,
textarea {
  font: inherit;
}

:root {
  --theme-color: #274765;
  --footer-color: #282828;
}

html {
  /* scroll-behavior: smooth; */
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

body {
  font-family: sans-serif;
}

.swiper-wrapper {
  height: auto;
}

.swiper-wrapper.p-index-room-plancard {
  height: max-content;
}

.p-index-activity__more a::before,
.p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next::before,
.p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev::before,
.p-index-dinnermenu-pagination .swiper-button-next::before,
.p-index-dinnermenu-pagination .swiper-button-prev::before,
.p-index-info__more a::before,
.p-index-newsSubmenu .p-index-newsSubmenu__list li a::before,
.p-index-newsSubmenu .p-index-newsSubmenu__list li button::before,
.p-index-newstitle__more a::before,
.p-index-plan-pagination .p-index-plan-pagination__button--next::before,
.p-index-plan-pagination .p-index-plan-pagination__button--prev::before,
.p-index-topick-pagination .p-index-topick-pagination__button--next::before,
.p-index-topick-pagination .p-index-topick-pagination__button--prev::before,
.p-news-back a::before,
.p-newsItem::before,
.p-room-head .p-room-head__back::before {
  content: "";
  position: absolute;
  /* background-image: url(../img/official/common/icon-arrow_split.svg); */
  background-repeat: no-repeat;
  background-size: cover;
}

.p-index-dinnermenu-pagination .swiper-pagination {
  text-align: left;
}

.p-index-dinnermenu-pagination .swiper-pagination span {
  border-radius: 0;
  background-color: var(--theme-color);
  width: 6px;
  height: 6px;
}

.p-index-dinnermenu-pagination .swiper-button-next,
.p-index-dinnermenu-pagination .swiper-button-prev {
  outline: 0;
  top: auto;
  margin: 0;
}

.p-index-dinnermenu-pagination .swiper-button-next {
  right: calc(50% - 47.5260416667vw);
}

.p-index-dinnermenu-pagination .swiper-button-prev {
  left: calc(50% - 47.5260416667vw);
}

.p-index-dinnermenu-pagination .swiper-button-prev::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.l-header {
  background-color: #fff;
  letter-spacing: 0.1em;
  padding-top: 0 !important;
}

.l-header .l-header__cta {
  background-color: var(--theme-color);
  width: 171px;
}

.official_reserve--wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.l-header:focus-within .l-header__nav {
  letter-spacing: 0.1em;
}

.l-header-title {
  width: 100%;
  max-width: 140px;
  max-height: 50px;
}

.l-header-title .l-header-title__img {
  width: auto;
  height: 100%;
  object-fit: contain;
}

.l-header-menu li a {
  word-break: keep-all;
  white-space: nowrap;
}

.l-footer {
  background-color: var(--footer-color) !important;
  color: #fff;
  letter-spacing: 0.1em;
}

.l-footer-address .l-footer-address__address {
  margin-bottom: 1rem;
}

.l-footer-address .l-footer-address__address span {
  line-height: 1.5;
  font-style: normal;
}

.l-footer-address .l-footer-address__contact {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  padding-block: 6px;
  border: 1px solid #fff;
  border-radius: 4px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  outline: 0;
  cursor: pointer;
}

.l-footer-nav {
  padding: 0;
  text-align: right;
}

.l-footer-nav .l-footer-nav__link {
  text-align: right;
}

.l-footer-nav .l-footer-nav__link a {
  color: #fff;
  line-height: 2;
  font-size: 14px;
}

.l-body {
  overflow-x: hidden;
}

.l-main {
  overflow: hidden;
}

.l-main--room {
  overflow: hidden;
}

.c-title {
  font-family: Jost, sans-serif;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.c-titleGroup .c-titleGroup__title {
  color: var(--theme-color);
  font-family: Jost, sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.c-titleGroup .c-titleGroup__titlejp {
  color: var(--theme-color);
  font-weight: 700;
  display: inline-block;
}

.c-titleGroup .c-titleGroup__copy {
  line-height: 1.6;
}

.c-subPageTitle {
  color: var(--theme-color);
}

.c-subPageTitle .c-subPageTitle__en {
  font-family: Jost, sans-serif;
  line-height: 1.4;
}

.c-subPageTitle .c-subPageTitle__jp {
  letter-spacing: 0.1em;
  font-weight: 600;
}

.c-newsTime {
  color: #757575;
}

.c-newsTime time {
  letter-spacing: 0.02em;
}

.c-newsTime time:first-of-type {
  margin-right: 1em;
}

.c-breadcrumbs {
  font-family: Jost, sans-serif, "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
}

.c-breadcrumbs ul {
  line-height: 1;
}

.c-breadcrumbs ul li {
  position: relative;
  color: #282828;
  display: inline;
  line-height: 1.4;
}

.c-breadcrumbs ul li:not(:last-of-type) {
  margin-right: 1.5em;
}

.c-breadcrumbs ul li:not(:last-of-type)::after {
  content: "";
  position: absolute;
  background-image: url(../img/official/common/icon-arrow_dark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 10px;
  top: calc(50% - 6px);
  right: -1.2em;
}

.c-breadcrumbs ul li a {
  color: var(--theme-color);
  display: inline;
}

.c-table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.c-table-row dt {
  color: #757575;
  font-weight: 700;
}

.c-table-row dd {
  color: #282828;
}

.c-table-row--2row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-table-row--2row dt {
  color: #757575;
  font-weight: 700;
}

.c-access,
.c-access--subpage {
  background-color: #f4f6f7;
  line-height: 1.68;
  letter-spacing: 0.1em;
}

.c-access .c-access__map iframe,
.c-access--subpage .c-access__map iframe {
  width: 100%;
}

.c-access .c-access__title,
.c-access--subpage .c-access__title {
  text-align: center;
}

.c-traffic dt {
  color: var(--theme-color);
  font-weight: 700;
  margin-bottom: 0.5em;
}

.c-traffic dd {
  color: #282828;
}

.c-traffic dd:last-of-type {
  margin-bottom: 2em;
}

.p-index-modal {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0.8);
}

.p-index-modal .p-index-modal__close {
  text-align: center;
  padding-bottom: 30px;
}

.p-index-modal__close-icon {
  background-color: #2e2e2e;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: -15px;
  border: 1px solid #fff;
}

.p-index-modal .p-index-modal__close button {
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background: 0 0;
  outline: 0;
  position: relative;
  padding-left: 1em;
}

.p-index-modal .p-index-modal__close-icon button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.p-index-modal .p-index-modal__close button::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: calc(50% - 1px);
  left: -0.8em;
}

.p-index-modal .p-index-modal__close button::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% - 1px);
  left: -0.8em;
}

.p-index-modal .p-index-modal__close-icon button::before,
.p-index-modal .p-index-modal__close-icon button::after {
  left: 20%;
  top: 47%;
}

.p-index-modal a {
  outline: 0;
}

.p-index-modal-uservoice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a,
.p-index-modal-uservoice .p-index-modal-uservoice__item--location a,
.p-index-modal-uservoice .p-index-modal-uservoice__item--post a {
  display: block;
  color: #000;
  font-weight: 700;
  background-color: #fff;
  padding-block: 1em;
  border-radius: 4px;
  position: relative;
}

.p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a::before,
.p-index-modal-uservoice .p-index-modal-uservoice__item--location a::before,
.p-index-modal-uservoice .p-index-modal-uservoice__item--post a::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a::after,
.p-index-modal-uservoice .p-index-modal-uservoice__item--location a::after,
.p-index-modal-uservoice .p-index-modal-uservoice__item--post a::after {
  content: "";
  position: absolute;
  /* background-image: url(../img/official/common/icon-arrow_blue.svg); */
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-index-modal-uservoice-arrow {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-index-modal-uservoice-arrow>svg {
  display: block;
}

.p-index-modal-uservoice__svg {
  position: absolute;
  width: 50px;
  height: 41px !important;
  top: 2.9296875vw;
  left: 50%;
  transform: translateX(-50%);
}

.p-index-modal-uservoice__svg svg {
  display: block;
  width: 100%;
  height: 100%;
}

.p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a::before {
  /* background-image: url(../img/official/common/icon-mappin.svg); */
}

.p-index-modal-uservoice .p-index-modal-uservoice__item--post a::before {
  /* background-image: url(../img/official/common/icon-insta.svg); */
}

.p-index-modal-uservoice .p-index-modal-uservoice__item--location a::before {
  /* background-image: url(../img/official/common/icon-insta.svg); */
}

.p-index-modal-inquiry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-index-modal__wrap {
  margin-top: 30px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100vh;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a {
  display: block;
  color: #000;
  font-weight: 700;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a::after,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a::after,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a::after,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a::after {
  content: "";
  position: absolute;
  background-image: url(../img/official/common/icon-arrow_blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a h3,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a h3,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a h3,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a h3 {
  color: var(--theme-color);
  font-weight: 700;
  position: relative;
  padding-left: 1.8em;
  line-height: 1.7;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a h3::before,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a h3::before,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a h3::before,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a h3::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a span,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a span,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a span,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a span {
  color: #282828;
  display: inline-block;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a span.phone-no,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a span.phone-no,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a span.phone-no,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a span.phone-no {
  margin-right: 0.5em;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a span.business-hours,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a span.business-hours,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a span.business-hours,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a span.business-hours {
  font-weight: 400;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email a p,
.p-index-modal-inquiry .p-index-modal-inquiry__item--faq a p,
.p-index-modal-inquiry .p-index-modal-inquiry__item--line a p,
.p-index-modal-inquiry .p-index-modal-inquiry__item--phone a p {
  font-weight: 400;
  line-height: 1.4;
}

.p-index-modal-inquiry__icon {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 0;
  left: 0;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--faq h3::before {
  /* background-image: url(../img/official/common/icon-faq.svg); */
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--faq p {
  color: #282828;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--phone h3::before {
  /* background-image: url(../img/official/common/icon-phone.svg); */
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--phone p {
  color: #757575;
  line-height: 1.4;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email h3::before {
  /* background-image: url(../img/official/common/icon-email.svg); */
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--email p {
  color: #282828;
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--line h3::before {
  /* background-image: url(../img/official/common/icon-line.svg); */
}

.p-index-modal-inquiry .p-index-modal-inquiry__item--line p {
  color: #282828;
}

.p-index-modal-reservation--overlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

.p-index-modal-reservation--container {
  position: relative;
  top: 45%;
  transform: translateY(-50%);
  width: fit-content;
  margin: auto;
  width: fit-content;
}

.p-index-modal-reservation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
}

.p-index-modal-reservation .p-index-modal-reservation-head .p-index-modal-reservation-head__title {
  color: #000;
}

.p-index-modal-reservation .p-index-modal-reservation__desc {
  color: #757575;
  margin-bottom: 1em;
  line-height: 1.6;
}

.p-index-modal-reservation .p-index-modal-reservation__link {
  display: block;
  background-color: var(--theme-color);
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding-block: 0.8em;
  outline: 0;
}

.p-index-modal-reservation-price .p-index-modal-reservation-price__price {
  color: var(--theme-color);
  line-height: 1.8;
}

.p-index-modal-reservation-price .p-index-modal-reservation-price__annotation {
  color: #282828;
  margin-bottom: 1em;
}

.p-index-fv {
  position: relative;
  overflow: hidden;
}

.p-index-fvSlideshow {
  position: relative;
}

.p-index-fvSlideshow::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.15;
  z-index: 2;
}

.p-index-fvSlideshow::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.15;
  z-index: 2;
}

.p-index-fvSlideshow .p-index-fvSlideshow__slide {
  padding: 0;
}

.p-index-fvSlideshow .p-index-fvSlideshow__slide li {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.p-index-fvSlideshow .p-index-fvSlideshow__slide li img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-index-fvSlideshow .p-index-fvSlideshow__slide li.swiper-slide-active img,
.p-index-fvSlideshow .p-index-fvSlideshow__slide li.swiper-slide-duplicate-active img,
.p-index-fvSlideshow .p-index-fvSlideshow__slide li.swiper-slide-prev img {
  -webkit-animation: slide_anim 10s linear 0s;
  animation: slide_anim 10s linear 0s;
}

@-webkit-keyframes slide_anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}

@keyframes slide_anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}

.p-index-fvSlideshow .p-index-fvSlideshow__filter {
  position: absolute;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
}

.p-index-fvCopy {
  position: absolute;
  color: #fff;
  z-index: 99;
}

.p-index-fvCopy__title {
  font-size: 54px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #fff;
  z-index: 1;
  margin-bottom: 10px;
}

.p-index-fvCopy__title--position-center,
.p-index-fvCopy__title--position-right {
  writing-mode: vertical-rl;
  height: max-content;
  position: absolute;
  top: 73px;
}

.p-index-fvCopy__title--position-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-index-fvCopy__title--position-right {
  right: 80px;
}

.p-index-fvCopy__title--backgroundcolor-black {
  background-color: #000;
  color: #fff;
}

.p-index-fvCopy__title--backgroundcolor-white {
  background-color: #fff;
  color: #000;
}

.p-index-fvCopy__title span {
  padding: 5px 0;
  line-height: 1;
  display: inline-block;
  margin-top: 5px;
}

.p-index-fvCopy__title span:first-child {
  margin-top: 0px;
}

.p-index-fvCopy__title--backgroundcolor-black,
.p-index-fvCopy__title--backgroundcolor-white {
  padding: 7px 5px 3px !important;
}

:is(.p-index-fvCopy__title--position-center, .p-index-fvCopy__title--position-right) :is(span, .p-index-fvCopy__title--backgroundcolor-black, .p-index-fvCopy__title--backgroundcolor-white) {
  margin-top: 0px;
  margin-left: 5px;
  padding: 5px;
}

:is(.p-index-fvCopy__title--position-center, .p-index-fvCopy__title--position-right) :is(span:last-child, .p-index-fvCopy__title--backgroundcolor-black:last-child, .p-index-fvCopy__title--backgroundcolor-white:last-child) {
  margin-left: 0px;
}

.p-index-fvCopy__title--small {
  font-size: 36px;
}

.p-index-fvCopy .p-index-fvCopy__sub {
  line-height: 1.4;
  letter-spacing: 0.1rem;
  font-family: Jost, sans-serif;
}

.p-index-fvScroll {
  position: absolute;
  z-index: 99;
  bottom: 0;
  right: 5%;
}

.p-index-fvScroll::before {
  content: "";
  position: absolute;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
}

.p-index-fvScroll::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  -webkit-animation: pathmove 1.4s ease-in-out infinite;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}

@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }

  30% {
    height: 50px;
    opacity: 1;
  }

  100% {
    height: 30px;
    top: 120px;
    opacity: 0;
  }
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }

  30% {
    height: 50px;
    opacity: 1;
  }

  100% {
    height: 30px;
    top: 120px;
    opacity: 0;
  }
}

.p-index-fvScroll span {
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1rem;
  padding-left: 0.3rem;
  font-family: Jost, sans-serif;
  font-weight: 400;
}

.authority {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 70px 0 0;
  gap: 30px;
}

.authority__logo {
  width: 284px;
  height: 62px;
  object-fit: contain;
}

.authority__text {
  font-size: 20px;
}

.authority-header {
  max-width: 150px;
  width: 100%;
  max-height: 33px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 30px;
}

.authority-header__logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.authority__container {
  position: absolute;
  bottom: 17px;
  left: 7.8125vw;
  z-index: 99;
  background-color: #000;
  padding: 10px 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
}

.authority-view,
.authority-update {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  display: flex;
  align-items: center;
}

.authority-view {
  margin-right: 15px;
}

.authority-view::before,
.authority-update::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
  margin-bottom: 2px;
}

.authority-view::before {
  background-image: url(/_pack/img/official/top/authority-view-icon.svg);
}

.authority-update::before {
  background-image: url(/_pack/img/official/top/authority-update-icon.svg);
}


.p-index-conceptlead__title--tag {
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.p-index-conceptlead__title--h2 {
  font-size: 36px;
  font-weight: 600;
  margin-top: 8px;
  display: block;
}

.p-index-news .p-index-news__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  column-gap: 60px;
}

.p-index-review {
  width: 50%;
  padding: 0 20px;
}

.p-index-review__title {
  color: #242424;
  font-family: Jost, sans-serif;
  letter-spacing: 0.09em;
  font-weight: 500;
  font-size: 20px;
}

.p-index-review__uservoices--link {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  margin-right: 10px;
}

.p-index-review__uservoices--count,
.p-index-review__uservoices--date {
  font-size: 12px;
  color: #777;
  font-weight: 300;
}

.p-index-review__uservoices--score {
  color: #F28E24;
  font-size: 20px;
  font-weight: 600;
}

.p-index-review__uservoices__under {
  line-height: 1.2;
}

.p-index-review__uservoices__stars--full,
.p-index-review__uservoices__stars--half,
.p-index-review__uservoices__stars--empty {
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-index-review__uservoices__stars {
  display: inline-flex;
  vertical-align: top;
}

.p-index-review__uservoices__stars--full {
  background-image: url(/_pack/img/index/star-full.svg);
}

.p-index-review__uservoices__stars--half {
  background-image: url(/_pack/img/index/star-half.svg);
}

.p-index-review__uservoices__stars--empty {
  background-image: url(/_pack/img/index/star-empty.svg);
}

.p-index-review__row {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.p-index-review__row:nth-of-type(1) {
  margin-top: 20px;
}

.p-index-review__row:nth-of-type(2) {
  margin-top: 5px;
}

.p-index-review__row:nth-of-type(3) {
  margin-top: 25px;
}

.p-index-review__googlemap {
  display: block;
  width: max-content;
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-size: 14px;
  letter-spacing: 0.56px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
}

.p-index-review__googlemap::after {
  content: "";
  background-image: url(/_pack/img/_detail/separate-window-icon.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: sub;
  margin-left: 3px;
}

.p-index-review__instagram-link {
  font-size: 14px;
  font-weight: 600;
  color: #21B2C9;
  margin-left: 10px;
  text-decoration: underline;
}

.p-index-review__instagram-link::after {
  content: "";
  background-image: url(/_pack/img/_detail/separate-window-icon-bluegreen.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: sub;
  margin-left: 3px;
}

@media screen and (max-width: 768px) {
  .p-index-review {
    width: 100%;
  }
}

.p-index-newslist {
  width: 50%;
  max-width: 570px;
}

.p-index-newslist .p-index-newslist__news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  line-height: 1.4;
}

.p-index-newslist .p-index-newslist__news dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-index-newslist .p-index-newslist__news dt time {
  color: #757575;
  letter-spacing: 0.02em;
}

.p-index-newslist .p-index-newslist__news dd a {
  color: var(--theme-color);
  line-height: 1.9;
  letter-spacing: 0.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 480px;
}

.p-index-newstitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-index-newstitle .p-index-newstitle__title {
  color: #282828;
  font-family: Jost, sans-serif;
  letter-spacing: 0.09em;
}

.p-index-newstitle__more {
  letter-spacing: 0.1em;
}

.p-index-newstitle__more a {
  color: var(--theme-color);
  position: relative;
  padding-right: 1.7em;
  font-family: Jost, sans-serif;
}

.p-index-newstitle__more a::before {
  right: 0;
}

.p-index-newsSubmenu .p-index-newsSubmenu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.p-index-newsSubmenu .p-index-newsSubmenu__list li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background: 0 0;
  outline: 0;
  cursor: pointer;
}

.p-index-newsSubmenu .p-index-newsSubmenu__list li a,
.p-index-newsSubmenu .p-index-newsSubmenu__list li button {
  color: var(--theme-color);
}

.p-index-newsSubmenu .p-index-newsSubmenu__list li a::before,
.p-index-newsSubmenu .p-index-newsSubmenu__list li button::before {
  right: 0;
}

.group_segment {
  padding-top: 30px;
  width: calc(min(70.3125vw, 1080px) + 80px);
  margin-inline: auto;
  padding-bottom: 13.0208333333vw;
}

.group_segment__title {
  display: flex;
  align-items: baseline;
}

.group_segment__title-h2 {
  font-size: clamp(12px, 4.1666666667vw, 50px);
  margin-right: 0.4em;
  font-weight: 400;
  font-family: Jost, sans-serif;
  color: var(--theme-color);
  letter-spacing: 0.07em;
}

.group_segment__title-text {
  color: var(--theme-color);
  font-size: clamp(12px, 1.4166666667vw, 17px);
  font-weight: 700;
}

.group_segment--container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 50px;
  margin-top: 30px;
}

.group_segment--card {
  width: calc((100% / 3) - (20px * 2));
  flex: 1;
  min-width: 300px;
}

.group_segment__carousel {
  overflow: hidden;
  position: relative;
}

.group_segment__carousel-wrapper,
.group_segment__carousel-slide {
  height: auto !important;
  position: relative;
}

.group_segment__carousel-slide {
  width: 100%;
  padding-top: 75%;
  border-radius: 15px;
  overflow: hidden;
}

.group_segment__carousel-slide--box {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.group_segment__carousel-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.group_segment--card__area {
  font-size: 12px;
  font-weight: 300;
  color: #777;
}

.group_segment--card__head {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.group_segment--card__name {
  font-size: 20px;
  font-weight: 600;
}

.group_segment--card__description {
  font-size: 14px;
  font-weight: 300;
  display: block;
  width: 100%;
  margin-top: 5px;
}

.group_segment--card__link {
  padding: 10px 30px;
  color: #21B2C9;
  background-color: #F0F6FC;
  border-radius: 30px;
  box-sizing: border-box;
  width: max-content;
  margin-top: 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.group_segment--card__link::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(/_pack/img/official/top/group-segment-card-link-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 10px;
}

.group_segment__carousel--pagination__nav {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 10;
  top: 0;
}

.group_segment__carousel--pagination {
  position: absolute;
  z-index: 10;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.group_segment__carousel--pagination span {
  border-radius: 0 !important;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.group_segment__carousel--pagination__nav .swiper-pagination-bullet-active {
  background-color: #fff !important;
}

/* .group_segment__carousel--pagination__nav span {
  border-radius: 0 !important;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
} */

.group_segment__carousel--pagination span.swiper-pagination-bullet-active {
  background-color: #fff !important;
}

.group_segment__carousel--pagination__next,
.group_segment__carousel--pagination__prev {
  outline: 0;
  position: absolute;
  width: 20%;
  height: 100%;
}

.group_segment__carousel--pagination__next::before,
.group_segment__carousel--pagination__prev::before {
  content: "";
  position: absolute;
  background-image: url(../img/official/common/icon-arrow_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
}

.group_segment__carousel--pagination__next {
  right: 0;
}

.group_segment__carousel--pagination__next::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 15px;
}

.group_segment__carousel--pagination__prev {
  left: 0;
}

.group_segment__carousel--pagination__prev::before {
  left: 15px;
}

.group_segment__carousel--pagination__nav .swiper-button-disabled {
  display: none;
}

.group_segment__carousel--pagination {
  bottom: 0.9765625vw;
}

.group_segment__carousel--pagination span {
  width: 7px;
  height: 7px;
  margin-inline: 5.25px !important;
  opacity: 1 !important;
}

.group_segment__carousel--pagination__next::before,
.group_segment__carousel--pagination__prev::before {
  width: 0.8255208333vw;
  height: 1.4029947917vw;
}

.group_segment__carousel--pagination__next::before {
  top: calc(50% - 0.68359375vw);
}

.group_segment__carousel--pagination__prev::before {
  top: calc(50% - 0.68359375vw);
}

@media screen and (max-width: 768px) {
  .group_segment__carousel--pagination {
    bottom: 4vw;
  }

  .group_segment__carousel--pagination span {
    width: 6px;
    height: 6px;
    margin-inline: 4.5px !important;
    opacity: 1 !important;
  }

  .group_segment__carousel--pagination__next::before,
  .group_segment__carousel--pagination__prev::before {
    width: 3.344vw;
    height: 5.6826666667vw;
  }

  .group_segment__carousel--pagination__next::before {
    top: calc(50% - 2.8vw);
  }

  .group_segment__carousel--pagination__prev::before {
    top: calc(50% - 2.8vw);
  }
}

@media screen and (max-width: 768px) {
  .p-index-newslist {
    width: 100%;
  }
}

.p-index-concept {
  background-color: #f4f6f7;
}

.p-index-conceptlead {
  background-color: var(--theme-color);
}

.p-index-conceptlead .p-index-conceptlead__title {
  color: #fff;
  font-family: Jost, sans-serif;
  letter-spacing: 0.1em;
}

.p-index-conceptlead p {
  color: #fff;
  line-height: 1.7;
  letter-spacing: 0.1em;
  font-weight: 300;
}

.p-index-conceptCarousel {
  background-color: #fff;
  height: max-content;
}

.p-index-conceptCarousel .p-index-conceptCarousel__list li img {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-index-conceptCarousel .p-index-conceptCarousel__pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next,
.p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev {
  outline: 0;
  position: relative;
}

.p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* アコーディオン全体のスタイル */
.fv_gallerys {
  position: relative;
  padding-bottom: 80px;
}

.fv_gallerys--accordion {
  overflow: hidden;
  height: 304px;
  /* 閉じた状態の高さ */
  transition: height 0.8s ease;
  /* 高さのスムーズなアニメーション */
  position: relative;
}

/* アコーディオン内の画像コンテナ */
.fv_gallerys--container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  height: auto;
  /* 高さを自動調整 */
}

/* 隠しチェックボックス */
#fv_gallerys--button-toggle {
  display: none;
  /* 非表示 */
}

/* チェックされた状態でのアコーディオン展開 */
#fv_gallerys--button-toggle:checked~.fv_gallerys--accordion {
  height: auto;
  /* 展開時の高さを自動にする */
}

#fv_gallerys--button-toggle:checked~.fv_gallerys--button .fv_gallerys--button__viewmore-text {
  display: none;
}

#fv_gallerys--button-toggle:checked~.fv_gallerys--button .fv_gallerys--button__close-text,
.fv_gallerys--button__viewmore-text {
  display: flex;
  align-items: center;
}

/* 初期状態でCLOSEボタンを隠す */
.fv_gallerys--button__close-text {
  display: none;
}

/* ボタン全体をクリック可能に */
.fv_gallerys--button {
  position: absolute;
  bottom: calc(80px - 27px);
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  z-index: 10;
  display: flex;
  /* 子要素の配置調整のため */
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  padding: 18px 30px 15px;
  border-radius: 50px;
  background-color: #fff;
  color: #273D59;
}

/* テキスト部分のカーソル点滅を防止 */
.fv_gallerys--button span {
  pointer-events: none;
  /* クリックイベントを無視 */
  user-select: none;
  /* テキスト選択を禁止 */
}

.fv_gallerys--button__viewmore-text::before,
.fv_gallerys--button__close-text::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}

.fv_gallerys--button__viewmore-text::before {
  background-image: url(/_pack/img/official/top/fv-gallerys-button-viewmore-icon.svg);
}

.fv_gallerys--button__close-text::before {
  background-image: url(/_pack/img/official/top/fv-gallerys-button-close-icon.svg);
}


.fv_gallerys-images--container {
  width: 405px;
  height: 304px;
}

.fv_gallerys-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-index-room__movie-wrap {
  position: relative;
  display: flex;
}

.p-index-room__movie {
  display: block;
  margin: auto;
  margin-top: 40px;
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 620px;
  height: auto;
}

.p-index-room__movie iframe {
  width: 100%;
  height: 100%;
}

.p-index-room-plancard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.p-index-plan {
  height: auto !important;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-self: stretch;
  overflow-x: hidden;
  opacity: 0.5;
}

.p-index-plan .p-index-plan__content {
  text-decoration: none;
  display: block;
  height: 100%;
}

.p-index-plan .p-index-plan__reservation {
  width: 100%;
  text-decoration: none;
  display: block;
  background-color: #f4f6f7;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  text-align: left;
  cursor: pointer;
}

.p-index-plan__reservation-inner {
  background-color: #f4f6f7;
}

.p-index-plan.swiper-slide-active,
.p-index-plan.swiper-slide-next,
.p-index-plan.swiper-slide-next+li {
  opacity: 1;
}

.p-index_plancarousel {
  overflow: hidden;
  position: relative;
}

.p-index_plancarousel .swiper-wrapper {
  height: 100%;
}

.p-index_plancarousel .swiper-wrapper .swiper-slide {
  width: 100% !important;
  height: 100%;
  overflow: hidden;
}

.p-index_plancarousel .swiper-wrapper .swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.p-index_plancarousel .p-index_plancarousel__navi {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 10;
  top: 0;
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__pagination {
  position: absolute;
  z-index: 10;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__pagination span {
  border-radius: 0 !important;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.p-room-slideshow-navi .swiper-pagination-bullet-active {
  background-color: #fff !important;
}

/* .p-room-slideshow-navi span {
  border-radius: 0 !important;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
} */

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__pagination span.swiper-pagination-bullet-active {
  background-color: #fff !important;
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next,
.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev {
  outline: 0;
  position: absolute;
  width: 20%;
  height: 100%;
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next::before,
.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev::before {
  content: "";
  position: absolute;
  background-image: url(../img/official/common/icon-arrow_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next {
  right: 0;
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 15px;
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev {
  left: 0;
}

.p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev::before {
  left: 15px;
}

.p-index_plancarousel .p-index_plancarousel__navi .swiper-button-disabled {
  display: none;
}

.p-index_plancontent {
  position: relative;
}

.p-index_plancontent .p-index_plancontent__name {
  color: #282828;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.p-index_plancontent .p-index_plancontent__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.p-index_plancontent .p-index_plancontent__tags::-webkit-scrollbar {
  display: none;
}

.p-index_plancontent .p-index_plancontent__tags li {
  color: #282828;
  background-color: #fff;
  padding-block: 0.2rem;
  padding-inline: 0.6rem;
  border-radius: 3px;
  margin-right: 5px;
  word-break: keep-all;
}

.p-index_plancontent .p-index_plancontent__price {
  color: var(--theme-color);
  line-height: 1.8;
}

.p-index_plancontent .p-index_plancontent__note {
  color: #282828;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.p-index_plancontent .p-index_plancontent__explain {
  line-height: 1.4;
  letter-spacing: 0.08em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.p-index_plancontent .p-index_plancontent__more {
  display: inline-block;
  width: 100%;
  color: var(--theme-color);
  text-align: right;
  position: absolute;
}

.p-index-reservationlink {
  position: relative;
}

.p-index-reservationlink::before {
  content: "";
  position: absolute;
  background-image: url(../img/official/common/icon-infomark.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-index-reservationlink .p-index-reservationlink__head {
  color: #757575;
  font-weight: 700;
  line-height: 1.8;
}

.p-index-reservationlink__title {
  margin: 7px;
  text-align: center;
  font-weight: bold;
}

.p-index-reservationlink .p-index-reservationlink__price {
  color: var(--theme-color);
  line-height: 1.6;
  height: 1.6em;
}

.p-index-reservationlink .p-index-reservationlink__price span:first-of-type {
  font-family: Jost, sans-serif;
}

.p-index-reservationlink .p-index-reservationlink__note {
  color: #282828;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.5em;
}

.p-index-reservationlink__plan-more {
  text-align: center;
  display: block;
  width: 100%;
  margin: auto;
  color: var(--theme-color);
  padding-top: 9px;
  padding-bottom: 9px;
}

.p-index-plan-pagination .p-index-plan-pagination__navi {
  text-align: left;
}

.p-index-plan-pagination .p-index-plan-pagination__navi span {
  border-radius: 0;
  background-color: var(--theme-color);
  width: 6px;
  height: 6px;
}

.p-index-plan-pagination .p-index-plan-pagination__button--next,
.p-index-plan-pagination .p-index-plan-pagination__button--prev {
  outline: 0;
}

.p-index-plan-pagination .p-index-plan-pagination__button--prev::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.p-index-plan-pagination .swiper-button-disabled {
  opacity: 0.5;
}

.p-index-dinner-plancard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.p-index-dinnermenu {
  height: auto !important;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-self: stretch;
  opacity: 0.5;
}

.p-index-dinnermenu.swiper-slide-active,
.p-index-dinnermenu.swiper-slide-next,
.p-index-dinnermenu.swiper-slide-next+li,
.p-index-dinnermenu.swiper-slide-next+li+li {
  opacity: 1;
}

.p-index-dinnerphoto img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: none;
}

.p-index-dinnercontent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-index-dinnercontent .p-index-dinnercontent__title {
  color: #282828;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.p-index-dinnercontent .p-index-dinnercontent__price {
  color: var(--theme-color);
  line-height: 1.8;
  margin-bottom: auto;
}

.meal__price__note {
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000;
}

.p-index-dinnercontent__abstract {
  line-height: 1.4;
  letter-spacing: 0.08em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #282828;
  font-size: 12px;
  margin-top: 10px;
}

/* .p-index-dinnercontent__note {
  color: #282828;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
} */
.p-index-dinnercontent .p-index-dinnercontent__more {
  letter-spacing: 0.08em;
}

.p-index-dinnermenu-pagination .swiper-button-disabled {
  opacity: 0.5;
}

.p-index-activity {
  padding: 0 30px;
  padding-block: 4.5572916667vw;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.p-index-activity .p-index-activity__title {
  width: 100%;
  margin-inline: auto;
  padding-inline: 0;
}

.p-index-activity__list {
  width: 100%;
  margin-inline: auto;
  margin-bottom: 41px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.p-index-activityplan {
  /* padding: 15px;
  background-color: #F9F9F9; */
  flex: 1 1 calc(33.333% - 30px);
  box-sizing: border-box;
  width: calc(33.333% - 30px);
}

@media screen and (min-width: 769px) {
  .p-index-activityplan:nth-of-type(3n+1):last-of-type {
    margin-right: calc((33.333% + 10px) * 2);
  }

  .p-index-activityplan:nth-of-type(3n+2):last-of-type {
    margin-right: calc((33.333% + 10px) * 1);
  }
}

.p-index-activityplan__card {
  text-decoration: none;
  padding-block: 1.5625vw;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.p-index-activityplan:last-of-type {
  /* border-bottom: 1px solid #e4e4e4; */
}

.p-index-activityplan a:hover {
  opacity: 0.5;
}

.p-index-activityplan>div {
  display: inline-flex;
}

.p-index-activityimg {
  width: 100%;
  aspect-ratio: 4 / 3;
  position: relative;
}

.p-index-activityimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-index-activityimg-tag {
  display: flex;
  background-color: #000;
  padding: 3px 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: max-content;
  position: absolute;
  left: 8px;
  bottom: 7px;
}

.p-index-activityimg-tag-icon {
  display: block;
  max-width: 13px;
}

.p-index-activityimg-tag-text {
  font-size: 10px;
  color: #fff;
}

.p-index-activitycontent {
  padding-top: 10px;
  width: 100%;
}

.p-index-activitycontent__more {
  margin-top: 10px;
}

.p-index-activitycontent .p-index-activitycontent__title {
  font-size: 16px;
  margin-bottom: 0.4em;
}

.p-index-activitycontent .p-index-activitycontent__price span:first-of-type {
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 400;
}

.p-index-activitycontent .p-index-activitycontent__price span:nth-of-type(2) {
  font-size: 12px;
}

.p-index-activitycontent .p-index-activitycontent__description {
  font-size: 10px;
}

.p-index-activitycontent__abstract {
  font-size: 12px;
}

.p-index-activitycontent .p-index-activitycontent__more {
  color: var(--theme-color);
  font-size: clamp(12px, 1.25vw, 15px);
  text-decoration: underline;
  text-align: right;
}

.p-index-activity__more {
  font-weight: 400;
}

.p-index-activity__more a {
  font-size: clamp(12px, 2.3333333333vw, 28px);
}

.p-index-activity__more a::before {
  width: 2.0833333333vw;
  height: 1.0416666667vw;
  top: 0.4em;
}

.p-index-activitycontent .p-index-activitycontent__title {
  color: #282828;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  letter-spacing: 0.1em;
  height: 48px;
  width: 100%;
}

.p-index-activitycontent .p-index-activitycontent__price {
  color: var(--theme-color);
  line-height: 1.8;
}

.p-index-activitycontent .p-index-activitycontent__description,
.p-index-activitycontent__abstract {
  color: #282828;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.4;
  letter-spacing: 0.1em;
  height: 1.4em;
  width: 90%;
}

.p-index-activitycontent__abstract {
  -webkit-line-clamp: 3;
  height: auto;
  margin-top: 14px;
}

.p-index-activitycontent .p-index-activitycontent__more {
  letter-spacing: 0.08em;
}

.p-index-activity__more {
  font-family: Jost, sans-serif;
  text-align: right;
}

.p-index-activity__more a {
  color: var(--theme-color);
  position: relative;
  padding-right: 1.7em;
  letter-spacing: 0.07em;
}

.p-index-activity__more a::before {
  right: 0;
}

.p-index-other .p-index-other__list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-index-otherfeatures a {
  display: block;
  position: relative;
  height: auto;
}

.p-index-otherimg {
  width: 100%;
  max-width: none;
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
  object-fit: contain;
}

.p-index-othertitle {
  color: #fff;
  font-weight: 700;
  display: block;
  width: 100%;
  /* height: 100%; */
  height: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  letter-spacing: 0.1rem;
  line-height: 2.2;
}

.p-index-othertitle__detail {
  border: solid 2px;
  border-radius: 33px;
  padding: 7px 14px;
  font-size: clamp(10px, 2vw, 14px);
}

.p-index-info {
  letter-spacing: 0.1em;
}

.p-index-info .p-index-info__title {
  letter-spacing: 0.07em;
}

.p-index-info .p-index-info__title h2 {
  font-family: Jost, sans-serif;
  color: var(--theme-color);
  letter-spacing: 0.07em;
}

.p-index-info .p-index-info__title span {
  font-weight: 700;
}

.p-index-info__more {
  letter-spacing: 0.07em;
  text-align: right;
}

.p-index-info__more a {
  color: var(--theme-color);
  position: relative;
  padding-right: 1.7em;
  font-family: Jost, sans-serif;
}

.p-index-info__more a::before {
  right: 0;
}

.p-index-reservation {
  text-align: center;
  line-height: 1.68;
  letter-spacing: 0.1em;
}

.p-index-reservation .p-index-reservation__title {
  position: relative;
}

.p-index-reservation .p-index-reservation__title::before {
  content: "";
  position: absolute;
  /* background-image: url(../img/official/common/icon-check.svg); */
  background-repeat: no-repeat;
  background-size: contain;
}

.p-index-reservation .p-index-reservation__lead {
  color: #282828;
}

.p-index-reservation .p-index-reservation__cta {
  display: block;
  margin-inline: auto;
  padding-block: 1em;
  text-decoration: none;
  background-color: var(--theme-color);
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.p-index-reservation .p-index-reservation__subtitle {
  font-family: Jost, sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em;
  color: var(--theme-color);
}

.p-index-reservation-submenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-index-reservation-submenu .p-index-reservation-submenu__contact,
.p-index-reservation-submenu .p-index-reservation-submenu__faq {
  display: block;
  text-decoration: none;
  font-weight: 700;
  padding-block: 0.9em;
  border-radius: 4px;
}

.p-index-reservation-submenu .p-index-reservation-submenu__faq {
  color: #fff;
  background-color: #000;
}

.p-index-reservation-submenu .p-index-reservation-submenu__contact {
  color: #282828;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  cursor: pointer;
  margin: auto;
}

.p-room-head {
  letter-spacing: 0.1em;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 99;
}

.p-room-head .p-room-head__back {
  display: block;
  position: absolute;
  left: 0;
}

.p-room-slideshow--container {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  max-width: 400px;
  margin-top: 80px;
  padding-bottom: 34px;
}

.p-room-slideshow--container::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.p-room-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding-bottom: 10px;
}


.p-room-slideshow .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
}

.p-room-slideshow ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-room-slideshow-navi {
  width: 100vw;
  max-width: 740px;
  height: 24px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 10;
}

.p-room-slideshow-navi .p-room-slideshow-navi__pagination {
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.p-room-slideshow-navi__pagination-under {
  position: absolute;
  right: 0;
  left: auto !important;
  bottom: 0 !important;
  text-align: center;
  width: auto !important;
}

.p-room-slideshow-navi .p-room-slideshow-navi__button--next,
.p-room-slideshow-navi .p-room-slideshow-navi__button--prev {
  outline: 0;
  position: absolute;
  height: 100%;
  pointer-events: auto;
}

/* .p-room-slideshow-navi .p-room-slideshow-navi__button--next::before,
.p-room-slideshow-navi .p-room-slideshow-navi__button--prev::before {
  content: "";
  position: absolute;
  background-image: url(../img/official/common/icon-arrow_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
} */

.c-carouselPagination__button-icon:active {
  display: none;
}

.c-carouselPagination__button-icon-active {
  display: none;
}

.c-carouselPagination__button-icon:active+.c-carouselPagination__button-icon-active {
  display: block;
}

.p-room-slideshow-navi .p-room-slideshow-navi__button--next,
.p-room-slideshow-navi .p-room-slideshow-navi__button--prev {
  width: auto;
}

.p-room-slideshow-navi .p-room-slideshow-navi__button--next {
  left: 29px;
}

.p-room-slideshow-navi .p-room-slideshow-navi__button--next::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.p-room-slideshow-navi .p-room-slideshow-navi__button--prev {
  left: 0;
}

.p-room-slideshow-navi .swiper-button-disabled {
  display: none;
}

.p-room-slideshow-navi .swiper-pagination-bullet {
  margin-inline: unset;
  margin-left: 5px !important;
  background-color: #E1E1E1 !important;
  width: 10px;
  height: 10px;
  opacity: 1;
}

.p-room-slideshow-navi .swiper-pagination-bullet-active {
  background-color: var(--theme-color) !important;
}

.p-room-slideshow .swiper-slide {
  border-radius: 15px;
  overflow: hidden;
}

.p-room-summary {
  letter-spacing: 0.1em;
  margin-top: 40px;
}

.p-room-summary .p-room-summary__title {
  font-weight: 600;
  line-height: 1.7;
}

.p-room-summary .p-room-summary__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.p-room-summary .p-room-summary__tags::-webkit-scrollbar {
  display: none;
}

.p-room-summary .p-room-summary__tags li {
  color: #282828;
  background-color: #fff;
  padding-block: 0.2rem;
  padding-inline: 0.6rem;
  border: 1px solid #efefef;
  border-radius: 3px;
  margin-right: 5px;
  word-break: keep-all;
}

.p-room-summary .p-room-summary__price {
  color: var(--theme-color);
}

.p-room-summary .p-room-summary__note {
  color: #282828;
  letter-spacing: 0.08em;
}

.p-activity-summary {
  letter-spacing: 0.1em;
}

.p-activity-summary .p-activity-summary__title {
  font-weight: 600;
  line-height: 1.7;
}

.p-activity-summary .p-activity-summary__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.p-activity-summary .p-activity-summary__tags::-webkit-scrollbar {
  display: none;
}

.p-activity-summary .p-activity-summary__tags li {
  color: #282828;
  background-color: #fff;
  padding-block: 0.2rem;
  padding-inline: 0.6rem;
  border: 1px solid #efefef;
  border-radius: 3px;
  margin-right: 5px;
  word-break: keep-all;
}

.p-activity-summary .p-activity-summary__price {
  color: var(--theme-color);
}

.p-activity-summary .p-activity-summary__note {
  color: #282828;
  letter-spacing: 0.08em;
}

.p-room-minimum {
  position: relative;
  background-color: #f4f6f7;
  border: 1px solid #e4e4e4;
  width: 100%;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  text-align: left;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.p-room-minimum:not(:last-of-type) {
  margin-bottom: 0;
}

.p-room-minimum::before {
  content: "";
  position: absolute;
  background-image: url(../img/official/common/icon-infomark.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-room-minimum_title {
  margin: 7px;
}

.p-room-minimum .p-room-minimum_title {
  color: #757575;
  font-weight: 700;
  line-height: 1.6;
}

.p-room-minimum .p-room-minimum__price {
  color: var(--theme-color);
}

.p-room-minimum .p-room-minimum__price span:first-of-type {
  font-family: Jost, sans-serif;
  letter-spacing: 0.02em;
}

.p-room-minimum .p-room-minimum__price span:last-of-type {
  letter-spacing: 0.08em;
}

.p-room-minimum .p-room-minimum__note {
  color: #282828;
  letter-spacing: 0.08em;
}

.p-room-plans {
  letter-spacing: 0.1em;
  line-height: 1.9;
}

.p-room-plans h3,
.p-room-plans h4,
.p-room-plans li,
.p-room-plans p,
.p-room-plans ul {
  font-weight: 300;
}

.p-commonutility-fv {
  position: relative;
}

.p-commonutility-fv .p-commonutility-fv__img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-commonutility-anchor {
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f4f6f7;
}

.p-commonutility-anchor li {
  position: relative;
  margin-bottom: 0.2em;
}

.p-commonutility-anchor li::before {
  content: "";
  position: absolute;
  /* background-image: url(../img/official/common/icon-arrow_navy.svg); */
  background-repeat: no-repeat;
  background-size: contain;
}

.under_arrow {
  position: absolute;
}

.p-commonutility-anchor li a {
  line-height: 1.7;
}

.p-commonutility-content {
  letter-spacing: 0.1em;
}

.p-commonutility-content__text {
  line-height: 1.9;
}

.p-commonutility-item {
  color: #282828;
}

.p-commonutility-item .p-commonutility-item__title {
  font-weight: 600;
  letter-spacing: 0.15em;
}

.p-commonutility-item .p-commonutility-item__img {
  -o-object-fit: cover;
  object-fit: cover;
}

.p-commonutility-item .p-commonutility-item__img>img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-commonutility-item .p-commonutility-item__lead {
  line-height: 1.9;
}

.p-faq-cat {
  letter-spacing: 0.1em;
  line-height: 1.7;
}

.p-faq-cat .p-faq-cat__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-faq-cat .p-faq-cat__list li a {
  display: inline-block;
  position: relative;
  padding-left: 2em;
}

.p-faq-cat .p-faq-cat__list li a::before {
  content: "";
  position: absolute;
  /* background-image: url(../img/official/common/icon-arrow_navy.svg); */
  background-repeat: no-repeat;
  background-size: contain;
}

.under_arrow_qa {
  position: absolute;
}

.p-faq-sec {
  letter-spacing: 0.1em;
}

.p-faq-sec .p-faq-sec__cat {
  font-weight: 600;
}

.p-faq-content {
  color: #282828;
}

.p-faq-item {
  position: relative;
}

.p-faq-item:last-of-type {
  border-bottom: 2px solid #f4f6f7;
}

.p-faq-item .p-faq-item__question {
  position: relative;
}

.p-faq-item .p-faq-item__question.is-active .p-faq-button::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.p-faq-item .p-faq-item__question.is-active .p-faq-button::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.p-faq-item .p-faq-item__answer {
  overflow: hidden;
  height: 0;
  padding-block: 0;
  background-color: #f4f6f7;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  letter-spacing: 0.1em;
}

.p-faq-button {
  display: block;
  width: 100%;
  text-align: left;
  border-top: 2px solid #f4f6f7;
  border-left: none;
  border-right: none;
  border-bottom: none;
  position: relative;
  outline: 0;
  background-color: #fff;
  letter-spacing: 0.1em;
  color: #282828;
  cursor: pointer;
}

.p-faq-button::before {
  content: "";
  position: absolute;
  background-color: var(--theme-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-faq-button::after {
  content: "";
  position: absolute;
  background-color: var(--theme-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-info-title {
  font-weight: 600;
}

.p-info {
  letter-spacing: 0.1em;
}

.p-info-amenitylist {
  color: #282828;
}

.p-info-amenitylist li {
  margin-bottom: 0.5em;
  line-height: 1.9;
  text-indent: -1em;
  margin-left: 1em;
}

.p-info-amenitylist li::before {
  content: "・";
  margin-right: 0.4em;
}

.p-info-amenitynote .p-info-amenitynote__title {
  font-weight: 600;
}

.p-info-amenitynote .p-info-amenitynote__content {
  color: #757575;
  line-height: 1.6;
}

.p-info-notice {
  color: #282828;
  line-height: 1.7;
}

.p-info-notice p {
  margin-bottom: 1.5em;
}

.p-news {
  letter-spacing: 0.1em;
}

.p-news .pagination .nav-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.p-news .pagination .nav-links .angle--left,
.p-news .pagination .nav-links .angle--right {
  display: block;
  /* background-image: url(../img/official/common/icon-arrow_split.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right; */
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.p-news .pagination .nav-links .angle--left:hover,
.p-news .pagination .nav-links .angle--right:hover {
  background-position: left;
}

.angle--left>a,
.angle--right>a {
  position: relative;
}

.angle--right>a>.room-slider-arrow {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.angle--left>a>.room-slider-arrow {
  top: 50%;
  left: 50%;
  right: unset;
  transform: scale(-1) translate(50%, 50%);
}

.p-news .pagination .nav-links .angle--left {
  position: relative;
  /* -webkit-transform: rotate(180deg);
  transform: rotate(180deg); */
}

.p-news .pagination .nav-links .angle--left>a {
  position: absolute;
  top: 0;
  right: 0;
}

.p-news .pagination a,
.p-news .pagination span {
  font-family: Jost, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-news .pagination span.current {
  color: #fff;
  background-color: var(--theme-color);
}

.p-news .pagination span.dots {
  /* padding-bottom: 0.6em; */
}

.p-news .pagination a.page-numbers {
  color: var(--theme-color);
  text-decoration: none;
}

.p-newsItem {
  display: block;
  text-decoration: none;
}

.p-newsItem .p-newsItem__title {
  color: var(--theme-color);
  font-weight: 300;
  line-height: 1.7;
  margin-bottom: 0.2em;
}

.p-newsSingle-head {
  background-color: #f4f6f7;
  letter-spacing: 0.1em;
}

.p-newsSingle-title {
  color: #282828;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

.p-newsSingle-content {
  color: #282828;
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.p-newsSingle-content p,
.p-newsSingle-content ul {
  margin-bottom: 2em;
}

.p-news-back a::before {
  width: 2.0833333333vw;
  height: 1.0416666667vw;
  top: 0.7161458333vw;
  left: -1.5em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.p-room-head .p-room-head__roomname {
  font-weight: bold;
}

.p-room-head *,
.l-footer * {
  font-family: sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  ::after,
  ::before {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
}

.p-newsItem__row {
  display: flex;
  align-items: center;
}

.p-newsItem__row--left {
  width: 100%;
  max-width: 180px;
  aspect-ratio: 4 / 3;
  width: 100%;
  object-fit: cover;
  display: block;
}

.p-newsItem__row--right {
  padding: 10px 20px;
  height: max-content;
}

.p-newsItem__row--img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

#reservation h3 {
  padding: 0;
}

.official-bestrate,
.official-reserve-text {
  display: block;
  width: max-content;
  text-align: center;
  margin: auto;
  font-weight: 600;
}

.official-bestrate {
  font-size: 12px;
  background-color: #fff;
  padding: 6px 15px 4px;
  border-radius: 30px;
  color: var(--theme-color);
}

.official-bestrate+.official-reserve-text {
  margin-top: 5px;
}

@media screen and (min-width: 769px) {
  .is_m {
    display: none;
  }

  html {
    scroll-padding-top: 80px;
  }

  .p-index-activity__more a::before,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next::before,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev::before,
  .p-index-dinnermenu-pagination .swiper-button-next::before,
  .p-index-dinnermenu-pagination .swiper-button-prev::before,
  .p-index-info__more a::before,
  .p-index-newsSubmenu .p-index-newsSubmenu__list li a::before,
  .p-index-newsSubmenu .p-index-newsSubmenu__list li button::before,
  .p-index-newstitle__more a::before,
  .p-index-plan-pagination .p-index-plan-pagination__button--next::before,
  .p-index-plan-pagination .p-index-plan-pagination__button--prev::before,
  .p-index-topick-pagination .p-index-topick-pagination__button--next::before,
  .p-index-topick-pagination .p-index-topick-pagination__button--prev::before,
  .p-news-back a::before,
  .p-newsItem::before,
  .p-room-head .p-room-head__back::before {
    background-position: right;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .p-index-activity__more a:hover::before,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next:hover::before,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev:hover::before,
  .p-index-dinnermenu-pagination .swiper-button-next:hover::before,
  .p-index-dinnermenu-pagination .swiper-button-prev:hover::before,
  .p-index-info__more a:hover::before,
  .p-index-newsSubmenu .p-index-newsSubmenu__list li a:hover::before,
  .p-index-newsSubmenu .p-index-newsSubmenu__list li button:hover::before,
  .p-index-newstitle__more a:hover::before,
  .p-index-plan-pagination .p-index-plan-pagination__button--next:hover::before,
  .p-index-plan-pagination .p-index-plan-pagination__button--prev:hover::before,
  .p-index-topick-pagination .p-index-topick-pagination__button--next:hover::before,
  .p-index-topick-pagination .p-index-topick-pagination__button--prev:hover::before,
  .p-news-back a:hover::before,
  .p-newsItem:hover::before,
  .p-room-head .p-room-head__back:hover::before {
    background-position: left;
  }

  .p-index-dinnermenu-pagination {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .p-index-dinnermenu-pagination .swiper-pagination {
    text-align: right;
    margin-bottom: 2.2786458333vw;
  }

  .p-index-dinnermenu-pagination .swiper-button-next,
  .p-index-dinnermenu-pagination .swiper-button-prev {
    position: absolute;
    width: 3.90625vw;
    height: 3.90625vw;
    border: 1px solid var(--theme-color);
    border-radius: 50%;
    top: min(21.1588541667vw, 325px);
    z-index: 3;
  }

  .p-index-dinnermenu-pagination .swiper-button-next::before,
  .p-index-dinnermenu-pagination .swiper-button-prev::before {
    width: 1.4973958333vw;
    height: 0.7486979167vw;
    top: calc(50% - 0.3580729167vw);
    left: calc(50% - 0.7486979167vw);
  }

  .c-breadcrumbs ul li a,
  .p-commonutility-anchor li a,
  .p-faq-cat .p-faq-cat__list li a,
  .p-faq-item,
  .p-index-dinnermenu a,
  .p-index-otherfeatures a,
  .p-index-plan .p-index-plan__content,
  .p-index-plan .p-index-plan__reservation,
  .p-index-reservation .p-index-reservation__cta,
  .p-index-reservation-submenu .p-index-reservation-submenu__contact,
  .p-index-reservation-submenu .p-index-reservation-submenu__faq,
  .p-news .pagination a.page-numbers,
  .p-newsSingle-content a,
  .p-room-minimum {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .c-breadcrumbs ul li a:hover,
  .p-commonutility-anchor li a:hover,
  .p-faq-cat .p-faq-cat__list li a:hover,
  .p-faq-item:hover,
  .p-index-dinnermenu a:hover,
  .p-index-otherfeatures a:hover,
  .p-index-plan a.p-index-plan__content:hover,
  .p-index-plan .p-index-plan__reservation:hover,
  .p-index-reservation .p-index-reservation__cta:hover,
  .p-index-reservation-submenu .p-index-reservation-submenu__contact:hover,
  .p-index-reservation-submenu .p-index-reservation-submenu__faq:hover,
  .p-news .pagination a.page-numbers:hover,
  .p-newsSingle-content a:hover,
  .p-room-minimum:hover {
    opacity: 0.6;
  }

  .l-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 80px;
    position: fixed;
    width: 100% !important;
    z-index: 999;
  }

  .l-header .l-header__meta {
    padding-left: 40px;
    padding-block: 15px;
    width: auto;
    min-width: 180px;
  }

  .l-header .l-header__nav {
    margin-left: auto;
  }

  .l-header .l-header__nav div:not(.p-index-modal__wrap) {
    height: 100%;
  }

  .l-header .l-header__bg {
    display: none;
  }

  .l-header .l-header__cta>a,
  .l-header .l-header__cta>div {
    height: 100%;
    font-size: clamp(12px, 1.25vw, 15px);
    color: #fff;
    padding-inline: 20px;
    word-break: keep-all;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .l-header .l-header__cta>a::before,
  .l-header .l-header__cta>div::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.15);
    bottom: 0;
    left: 0;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
    pointer-events: none;
  }

  .l-header .l-header__cta>a:hover::before,
  .l-header .l-header__cta>div:hover::before {
    height: 100%;
  }

  .l-header-title {
    width: auto;
    height: 100%;
  }

  .l-header-hamburger {
    display: none;
  }

  .l-header-inquiry {
    display: none;
  }

  .l-header-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
  }

  .l-header-menu li:last-of-type {
    margin-right: 1.3020833333vw;
  }

  .l-header-menu li a {
    font-size: clamp(12px, 1.25vw, 15px);
    color: #282828;
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-inline: min(1.2369791667vw, 19px);
  }

  .l-header-menu li a:hover {
    opacity: 0.5;
  }

  .l-header-childMenu {
    display: none;
  }

  .l-header-sns {
    display: none;
  }

  .gtranslate_wrapper {
    position: relative;
    top: 24px;
    height: max-content !important;
  }

  .gt_option {
    height: auto !important;
  }

  .l-footer .l-footer__inner {
    max-width: 1536px;
    margin-inline: auto;
    padding-block: 5rem;
    padding-inline: 9.765625vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .l-footer-address .l-footer-address__contact:hover {
    opacity: 0.5;
  }

  .l-footer-nav .l-footer-nav__link:not(:last-of-type) {
    margin-bottom: 0.3rem;
  }

  .l-main {
    padding-top: 80px;
  }

  .c-title {
    font-size: clamp(12px, 4.1666666667vw, 50px);
  }

  .c-titleGroup {
    padding-inline: 10.4166666667vw;
    margin-bottom: 2.6041666667vw;
  }

  .c-titleGroup .c-titleGroup__title {
    display: block;
    font-size: clamp(12px, 4.1666666667vw, 50px);
    font-weight: 400;
  }

  .c-titleGroup .c-titleGroup__titlejp {
    font-size: clamp(12px, 1.4166666667vw, 17px);
  }

  .c-titleGroup .c-titleGroup__copy {
    font-size: clamp(12px, 1.5833333333vw, 19px);
  }

  .c-subPageTitle {
    width: 78.125vw;
    margin-inline: auto;
    margin-block: 5.2083333333vw;
  }

  .c-subPageTitle .c-subPageTitle__en {
    font-size: clamp(12px, 6.6666666667vw, 80px);
    font-weight: 400;
    letter-spacing: 0.07em;
  }

  .c-subPageTitle .c-subPageTitle__jp {
    font-size: clamp(12px, 1.75vw, 21px);
  }

  .c-newsTime time {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .c-breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 40px;
    padding-block: 0.9765625vw;
  }

  .c-breadcrumbs ul li {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .c-breadcrumbs ul li a {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .c-table-row,
  .c-table-row--2row {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    border-top: 1px solid #e4e4e4;
  }

  .c-table-row--2row:last-of-type,
  .c-table-row:last-of-type {
    border-bottom: 1px solid #e4e4e4;
  }

  .c-table-row dt {
    width: 7.8125vw;
    background-color: #f4f6f7;
    padding-block: 1.8em;
    padding-left: 1.2em;
  }

  .law .c-table-row dt {
    width: 23vw;
  }

  .c-table-row dd {
    padding-block: 1.8em;
    padding-left: 2em;
  }

  .law .c-table-row dd {
    width: 100%;
  }

  .c-table-row--2row dt {
    width: 7.8125vw;
    background-color: #f4f6f7;
    padding-block: 1.8em;
    padding-left: 1.2em;
  }

  .c-table-row--2row dd {
    width: calc(50% - 7.8125vw);
    padding-block: 1.8em;
    padding-left: 2em;
  }

  .c-access .c-access__map,
  .c-access--subpage .c-access__map {
    margin-bottom: 5.2083333333vw;
  }

  .c-access .c-access__map iframe,
  .c-access--subpage .c-access__map iframe {
    height: 34.5052083333vw;
  }

  .c-access {
    /* padding-bottom: 10.4166666667vw; */
  }

  .c-access__access {
    padding-bottom: 10.4166666667vw;
  }

  .c-access--subpage {
    /* padding-bottom: 7.8125vw; */
    margin-bottom: 16.2760416667vw;
  }

  .c-traffic {
    max-width: 840px;
    margin-inline: auto;
  }

  .c-traffic dt {
    font-size: clamp(12px, 5.6vw, 21px);
  }

  .c-traffic dd {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-index-modal-uservoice {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20%;
    margin-bottom: 2.9296875vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post {
    width: 15.625vw;
    text-align: center;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps:not(:last-of-type),
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location:not(:last-of-type),
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post:not(:last-of-type) {
    margin-right: 0.78125vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a::after,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location a::after,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post a::after {
    width: 1.0416666667vw;
    height: 0.5208333333vw;
    top: 1em;
    right: 1em;
  }

  .p-index-modal-uservoice-arrow {
    width: 1.0416666667vw;
    height: 0.5208333333vw !important;
    top: 1em;
    right: 1em;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location a,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post a {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    padding-top: 5.859375vw;
    padding-bottom: 2.6041666667vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a:hover,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location a:hover,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post a:hover {
    opacity: 0.8;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a::before {
    width: 1.6041666667vw;
    height: 2.138671875vw;
    top: 2.9296875vw;
    left: calc(50% - 0.78125vw);
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--post a::before {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    top: 3.125vw;
    left: calc(50% - 0.8463541667vw);
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--location a::before {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    top: 3.125vw;
    left: calc(50% - 0.8463541667vw);
  }

  .p-index-modal-inquiry {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 73.828125vw;
    margin-top: 15%;
    margin-inline: auto;
    margin-bottom: 2.9296875vw;
    margin: 0;
    margin-bottom: 33px;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone {
    width: 24.0885416667vw;
    min-height: 10.4166666667vw;
    margin-bottom: 0.78125vw;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email:not(:nth-of-type(3n)),
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq:not(:nth-of-type(3n)),
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line:not(:nth-of-type(3n)),
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone:not(:nth-of-type(3n)) {
    margin-right: 0.78125vw;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a {
    height: 100%;
    padding-inline: 1.2em;
    padding-block: 1em;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a h3,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a h3,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a h3,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a h3 {
    font-size: clamp(12px, 1.5vw, 18px);
    margin-bottom: 0.5em;
    height: 1.8vw;
    height: fit-content;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a span,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a span,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a span,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a span {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    margin-bottom: 0.3em;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a p,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a p,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a p,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a p {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq h3::before {
    width: 1.40625vw;
    height: 1.40625vw;
    top: 0.2em;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq p {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone h3::before {
    width: 1.4518229167vw;
    height: 1.3365885417vw;
    top: 0.2em;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone p {
    font-size: clamp(12px, 1.0833333333vw, 13px);
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email h3::before {
    width: 1.40625vw;
    height: 1.015625vw;
    top: 0.3em;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email p {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--line h3::before {
    width: 1.5625vw;
    height: 1.484375vw;
    top: 1px;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--line p {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-index-modal-reservation {
    padding: 1.953125vw;
    width: 48.828125vw;
    margin-inline: auto;
    margin-bottom: 2.9296875vw;
    max-height: 70vh;
    overflow-y: scroll;
  }

  .p-index-modal-reservation .p-index-modal-reservation-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1.3020833333vw;
  }

  .p-index-modal-reservation .p-index-modal-reservation-head .p-index-modal-reservation-head__title {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    margin-right: 2.6041666667vw;
    padding-top: 0.5em;
  }

  .p-index-modal-reservation .p-index-modal-reservation__desc {
    font-size: clamp(12px, 1.25vw, 15px);
    margin-bottom: 1em;
  }

  .p-index-modal-reservation .p-index-modal-reservation__link {
    font-size: clamp(12px, 1.6666666667vw, 20px);
    width: 80%;
    margin-inline: auto;
  }

  .p-index-modal-reservation .p-index-modal-reservation__link:hover {
    opacity: 0.8;
  }

  .p-index-modal-reservation-price .p-index-modal-reservation-price__price span:first-of-type {
    font-size: clamp(12px, 2vw, 24px);
    font-weight: 700;
  }

  .p-index-modal-reservation-price .p-index-modal-reservation-price__price span:nth-of-type(2) {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .p-index-modal-reservation-price .p-index-modal-reservation-price__annotation {
    font-size: clamp(12px, 1vw, 12px);
  }

  .p-index-fv {
    height: calc(100vh - 80px);
  }

  .p-index-fvSlideshow {
    height: 100%;
  }

  .p-index-fvSlideshow::before {
    height: 100%;
  }

  .p-index-fvSlideshow::after {
    height: 100%;
    background: -webkit-gradient(linear,
        left top,
        right top,
        from(#000),
        color-stop(40%, rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 40%);
  }

  .p-index-fvSlideshow .p-index-fvSlideshow__slide {
    height: 100%;
  }

  .p-index-fvCopy {
    bottom: 20vh;
    left: 7.8125vw;
    margin-right: 7.8125vw;
  }

  .p-index-fvCopy .p-index-fvCopy__sub {
    font-size: 1.3020833333vw;
    font-weight: 400;
  }

  .p-index-fvScroll {
    height: 11.71875vw;
  }

  .p-index-fvScroll::before {
    height: 11.71875vw;
  }

  .p-index-fvScroll span {
    font-size: clamp(12px, 1.1666666667vw, 14px);
  }

  .p-index-news {
    padding-bottom: 5.2083333333vw;
  }

  .p-index-news .p-index-news__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1536px;
    margin-inline: auto;
    padding-inline: 9.765625vw;
    padding-top: 5.2083333333vw;
  }

  .p-index-newslist .p-index-newslist__news {
    margin-bottom: 0.6rem;
    /* width: calc(100% - 10.4166666667vw); */
    width: 100%;
  }

  .p-index-newslist .p-index-newslist__news dt {
    margin-right: 1.3020833333vw;
    padding-top: 0.2em;
  }

  .p-index-newslist .p-index-newslist__news dd a:hover {
    opacity: 0.5;
  }

  .p-index-newstitle {
    margin-bottom: 2rem;
  }

  .p-index-newstitle .p-index-newstitle__title {
    font-size: clamp(12px, 2.5vw, 30px);
    margin-right: 2.6041666667vw;
    font-weight: 400;
  }

  .p-index-newstitle__more {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .p-index-newstitle__more a {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    font-weight: 400;
  }

  .p-index-newstitle__more a::before {
    width: 1.171875vw;
    height: 0.5859375vw;
    top: 0.4em;
  }

  .p-index-newsSubmenu {
    width: 16.2760416667vw;
    /* -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; */
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li {
    position: relative;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #f4f6f7;
    bottom: 0;
    left: 0;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li::after {
    content: "";
    position: absolute;
    width: 1.3020833333vw;
    height: 1px;
    background-color: var(--theme-color);
    bottom: 0;
    left: 0;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li:not(:last-of-type) {
    margin-bottom: 4rem;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li a,
  .p-index-newsSubmenu .p-index-newsSubmenu__list li button {
    display: block;
    font-size: clamp(12px, 1.3333333333vw, 16px);
    padding-bottom: 1.5rem;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li a::before,
  .p-index-newsSubmenu .p-index-newsSubmenu__list li button::before {
    width: 1.4973958333vw;
    height: 0.7486979167vw;
    top: 0.3em;
  }

  .p-index-concept {
    background: -webkit-gradient(linear,
        left bottom,
        left top,
        from(#f4f6f7),
        color-stop(85%, #f4f6f7),
        color-stop(85%, #fff),
        to(#fff));
    background: linear-gradient(0deg,
        #f4f6f7 0,
        #f4f6f7 85%,
        #fff 85%,
        #fff 100%);
    margin-bottom: 4.5572916667vw;
  }

  .p-index-concept .p-index-concept__message {
    margin-bottom: 7.8125vw;
  }

  .p-index-conceptlead {
    width: 80.5338541667%;
    padding-block: 8.4635416667vw;
    padding-left: 10vw;
  }

  .p-index-conceptlead .p-index-conceptlead__title {
    margin-bottom: 2rem;
    font-size: clamp(12px, 4.1666666667vw, 50px);
    font-weight: 400;
  }

  .p-index-conceptlead p {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    width: 32.5520833333vw;
    padding-left: 3.90625vw;
    margin-bottom: 1.2em;
  }

  .p-index-conceptphoto {
    margin-top: -25vw;
    margin-left: auto;
    width: 52.0833333333vw;
    max-width: 100%;
    position: relative;
  }

  .p-index-conceptphoto::before {
    content: "";
    display: block;
    padding-bottom: 63.75%;
  }

  .p-index-conceptphoto img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 740px;
    height: 100%;
    object-fit: contain;
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__list li {
    width: min(28.3203125vw, 435px);
    height: min(21.484375vw, 330px);
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__pagination {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 6.5104166667vw;
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev {
    width: 6.5104166667vw;
    height: 6.5104166667vw;
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next::before,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev::before {
    width: 1.4973958333vw;
    height: 0.7486979167vw;
    top: 1.953125vw;
    left: calc(50% - 0.390625vw);
  }

  .p-index-room {
    padding-bottom: 4.5572916667vw;
  }

  .p-index-room .p-index-room__title {
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-inline: auto;
    padding-inline: 0;
  }

  .p-index-room .p-index-room__rooms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* margin-bottom: 9.1145833333vw; */
    width: calc(min(70.3125vw, 1080px) + 80px) !important;
    margin-inline: auto;
  }

  .p-index-room .p-index-room__movie {
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-top: 9.1145833333vw;
  }

  .p-index-plan {
    width: 23.4375vw !important;
    max-width: 360px;
  }

  .p-index-plan .p-index-plan__reservation-inner {
    border: 1px solid #e4e4e4;
  }

  .p-index_plancarousel {
    height: min(19.2057291667vw, 295px) !important;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__pagination {
    bottom: 0.9765625vw;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__pagination span {
    width: 7px;
    height: 7px;
    margin-inline: 5.25px !important;
    opacity: 1 !important;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next::before,
  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev::before {
    width: 0.8255208333vw;
    height: 1.4029947917vw;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next::before {
    top: calc(50% - 0.68359375vw);
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev::before {
    top: calc(50% - 0.68359375vw);
  }

  .p-index_plancontent {
    padding-top: 0.9765625vw;
    padding-inline: 0.6510416667vw;
    margin-bottom: 0.9765625vw;
    padding-bottom: 22px;
  }

  .p-index_plancontent .p-index_plancontent__name {
    font-size: clamp(12px, 1.5833333333vw, 19px);
    margin-bottom: 0.3255208333vw;
  }

  .p-index_plancontent .p-index_plancontent__tags {
    margin-bottom: 0.6510416667vw;
  }

  .p-index_plancontent .p-index_plancontent__tags li {
    font-size: clamp(12px, 1.0833333333vw, 13px);
    border: 1px solid #efefef;
  }

  .p-index_plancontent .p-index_plancontent__price span:first-of-type {
    font-family: Jost, sans-serif;
    font-size: clamp(12px, 1.9166666667vw, 23px);
    font-weight: 400;
  }

  .p-index_plancontent .p-index_plancontent__price span:nth-of-type(2) {
    font-size: clamp(12px, 1.25vw, 15px);
    font-weight: 300;
  }

  .p-index_plancontent .p-index_plancontent__note {
    font-size: clamp(12px, 1vw, 12px);
    margin-bottom: 0.6510416667vw;
  }

  .p-index_plancontent .p-index_plancontent__explain {
    color: #282828;
    font-size: clamp(12px, 1.1666666667vw, 14px);
    margin-bottom: 0.3255208333vw;
  }

  .p-index_plancontent .p-index_plancontent__more {
    font-size: clamp(12px, 1.25vw, 15px);
    text-decoration: underline;
    bottom: 0;
    right: 0;
  }

  .p-index-reservationlink {
    /* padding-block: 0.6510416667vw;
    padding-left: 0.78125vw;
    padding-right: 2.6041666667vw; */
    padding-bottom: 0.6510416667vw;
  }

  .p-index-plan__reservation-upper {
    padding-top: 0.6510416667vw;
    padding-left: 0.78125vw;
    padding-right: 2.6041666667vw;
  }

  .p-index-plan__reservation-under {
    width: 100%;
  }

  .p-index-reservationlink::before {
    width: 1.171875vw;
    height: 1.171875vw;
    top: calc(50% - 0.5859375vw);
    right: 0.6510416667vw;
  }

  .p-index-reservationlink .p-index-reservationlink__head {
    font-size: clamp(12px, 1.0833333333vw, 13px);
  }

  .p-index-reservationlink .p-index-reservationlink__price {
    margin-bottom: 0.4557291667vw;
  }

  .p-index-reservationlink .p-index-reservationlink__price span:first-of-type {
    font-size: clamp(12px, 1.9166666667vw, 23px);
    font-weight: 400;
  }

  .p-index-reservationlink .p-index-reservationlink__price span:last-of-type {
    font-weight: 300;
  }

  .p-index-reservationlink .p-index-reservationlink__note {
    font-size: clamp(12px, 1vw, 12px);
  }

  .p-index-plan-pagination {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .p-index-plan-pagination .p-index-plan-pagination__navi {
    position: absolute;
    text-align: right;
    margin-bottom: 2.2786458333vw;
  }

  .p-index-plan-pagination .p-index-plan-pagination__button--next,
  .p-index-plan-pagination .p-index-plan-pagination__button--prev {
    position: absolute;
    width: 3.90625vw;
    height: 3.90625vw;
    border: 1px solid var(--theme-color);
    border-radius: 50%;
    top: min(21.1588541667vw, 325px);
    z-index: 3;
  }

  .p-index-plan-pagination .p-index-plan-pagination__button--next::before,
  .p-index-plan-pagination .p-index-plan-pagination__button--prev::before {
    width: 1.4973958333vw;
    height: 0.7486979167vw;
    top: calc(50% - 0.3580729167vw);
    left: calc(50% - 0.7486979167vw);
  }

  .p-index-plan-pagination .p-index-plan-pagination__button--next {
    right: calc(50% - 47.5260416667vw);
  }

  .p-index-plan-pagination .p-index-plan-pagination__button--prev {
    left: calc(50% - 47.5260416667vw);
  }

  .p-index-dinner {
    padding-block: 4.5572916667vw;
  }

  .p-index-dinner .p-index-dinner__title {
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-inline: auto;
    padding-inline: 0;
  }

  .p-index-dinner .p-index-dinner__breakfast,
  .p-index-dinner .p-index-dinner__dinner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(min(70.3125vw, 1080px) + 80px) !important;
    margin-inline: auto;
  }

  .p-index-dinnermenu {
    width: min(17.4479166667vw, 268px) !important;
  }

  .p-index-dinnerphoto {
    width: min(17.4479166667vw, 268px) !important;
    height: min(13.0208333333vw, 200px) !important;
  }

  .p-index-dinnerphoto div {
    display: none;
  }

  .p-index-dinnercontent {
    /* height: 8.1380208333vw; */
    padding-top: 0.9765625vw;
  }

  .p-index-dinnercontent .p-index-dinnercontent__title {
    font-size: clamp(12px, 1.4166666667vw, 17px);
    min-height: calc(clamp(12px, 1.4166666667vw, 17px) * 2 * 1.4);
  }

  .p-index-dinnercontent .p-index-dinnercontent__price span:first-of-type {
    font-size: clamp(12px, 1.9166666667vw, 23px);
    font-family: Jost, sans-serif;
    font-weight: 400;
  }

  .p-index-dinnercontent .p-index-dinnercontent__price span:nth-of-type(2) {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .p-index-dinnercontent__abstract {
    margin-bottom: 0.3255208333vw;
  }

  /* .p-index-dinnercontent__note {
    font-size: clamp(12px, 1vw, 12px);
    margin-bottom: 0.6510416667vw;
  } */
  .p-index-dinnercontent .p-index-dinnercontent__more {
    color: var(--theme-color);
    font-size: clamp(12px, 1.25vw, 15px);
    text-align: right;
    text-decoration: underline;
  }

  .p-index-dinnermenu-pagination .swiper-button-prev.p-index-dinnermenu-pagination__button--prev {
    top: min(7.8125vw, 120px);
  }

  .p-index-dinnermenu-pagination .swiper-button-next.p-index-dinnermenu-pagination__button--next {
    top: min(7.8125vw, 120px);
  }

  .p-index-dinnermenu-pagination .swiper-button-prev.p-index-breakfastmenu-pagination__button--prev {
    top: min(7.8125vw, 120px);
  }

  .p-index-dinnermenu-pagination .swiper-button-next.p-index-breakfastmenu-pagination__button--next {
    top: min(7.8125vw, 120px);
  }

  .p-index-other {
    padding-block: 4.5572916667vw;
  }

  .p-index-other .p-index-other__title {
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-inline: auto;
    padding-inline: 0;
  }

  .p-index-other .p-index-other__list {
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-inline: auto;
    /* margin-bottom: 11.71875vw; */
    padding-inline: 4.2317708333vw;
  }

  .p-index-otherfeatures {
    width: calc((100% - 1.953125vw) / 2);
    height: 20.8683894231vw;
    background-color: #c4c4c4;
  }

  .p-index-otherimg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .p-index-othertitle {
    font-size: clamp(12px, 2vw, 24px);
  }

  .p-index-othertitle__detail {
    font-size: clamp(10px, 2vw, 14px);
  }

  .p-index-instagram {
    padding-block: 4.5572916667vw;
  }

  .p-index-instagram .p-index-instagram__title {
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-inline: auto;
    padding-inline: 0;
    width: max-content;
  }

  .p-index-instagram .p-index-instagram__list {
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-inline: auto;
    padding-inline: 4.2317708333vw;
  }

  .p-index-instagramfeatures {
    width: calc((100% - 1.953125vw) / 2);
    height: 20.8683894231vw;
    background-color: #c4c4c4;
  }

  .p-index-instagramimg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .p-index-instagramtitle {
    font-size: clamp(12px, 2vw, 24px);
  }

  .p-index-info {
    padding-top: 6.5104166667vw;
    width: calc(min(70.3125vw, 1080px) + 80px);
    margin-inline: auto;
    /* padding-bottom: 13.0208333333vw; */
    padding-bottom: 30px;
  }

  .p-index-info .p-index-info__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 1.3020833333vw;
  }

  .p-index-info .p-index-info__title h2 {
    font-size: clamp(12px, 4.1666666667vw, 50px);
    margin-right: 0.4em;
    font-weight: 400;
  }

  .p-index-info .p-index-info__title span {
    color: var(--theme-color);
    font-size: clamp(12px, 1.4166666667vw, 17px);
  }

  .p-index-info .p-index-info__list {
    margin-bottom: 3.2552083333vw;
  }

  .p-index-info__more a {
    font-size: clamp(12px, 2.3333333333vw, 28px);
    font-weight: 400;
  }

  .p-index-info__more a::before {
    width: 2.0833333333vw;
    height: 1.0416666667vw;
    top: 0.4em;
  }

  .p-index-reservation {
    padding-top: 13.4765625vw;
    padding-bottom: 7.8125vw;
  }

  .p-index-reservation .p-index-reservation__title {
    margin-bottom: 0.6510416667vw;
  }

  .p-index-reservation .p-index-reservation__title::before {
    width: 3.3854166667vw;
    height: 2.4088541667vw;
    top: -3.2552083333vw;
    left: calc(50% - 1.6276041667vw);
  }

  .p-index-reservation .p-index-reservation__lead {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    margin-bottom: 3.2552083333vw;
  }

  .p-index-reservation .p-index-reservation__cta {
    width: 35.15625vw;
    font-size: clamp(12px, 1.6666666667vw, 20px);
    margin-bottom: 5.2083333333vw;
  }

  .p-index-reservation .p-index-reservation__subtitle {
    font-size: clamp(12px, 2.25vw, 27px);
    margin-bottom: 0.9765625vw;
  }

  .p-index-reservation-submenu {
    width: 45.2473958333vw;
    margin-inline: auto;
  }

  .p-index-reservation-submenu .p-index-reservation-submenu__contact,
  .p-index-reservation-submenu .p-index-reservation-submenu__faq {
    font-size: clamp(12px, 1.6666666667vw, 20px);
    width: 22.1354166667vw;
  }

  .p-room-head {
    height: 80px;
  }

  .p-room-head .p-room-head__back {
    width: 120px;
    height: 80px;
  }

  .p-room-head .p-room-head__back::before {
    width: 23px;
    height: 11.5px;
    top: calc(50% - 6px);
    left: 50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .p-room-head .p-room-head__back::after {
    content: "戻る";
    position: absolute;
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: 300;
    color: var(--theme-color);
    top: calc(50% - 0.8em);
    left: 85px;
    display: block;
    width: max-content;
  }

  .p-room-head .p-room-head__roomname {
    font-size: clamp(12px, 1.4166666667vw, 17px);
  }

  /* .p-room-slideshow {
    height: 35.4817708333vw;
    padding-bottom: calc(1.953125vw + 7px);
    margin-bottom: 1.953125vw;
    margin-top: 80px;
  } */

  /* .p-room-slideshow-navi {
    height: 35.4817708333vw;
  } */

  /* .p-room-slideshow-navi .p-room-slideshow-navi__pagination {
    width: 57.9427083333vw !important;
    left: calc(50% - 28.9713541667vw) !important;
    bottom: 0 !important;
    text-align: right;
  } */

  .p-room-slideshow-navi .p-room-slideshow-navi__pagination span {
    width: 7px;
    height: 7px;
    border-radius: 0;
    outline: 0;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__pagination span.swiper-pagination-bullet-active {
    background-color: var(--theme-color);
  }

  /* .p-room-slideshow-navi .p-room-slideshow-navi__button--next,
  .p-room-slideshow-navi .p-room-slideshow-navi__button--prev {
    width: 10%;
  } */

  .p-room-slideshow-navi .p-room-slideshow-navi__button--next::before,
  .p-room-slideshow-navi .p-room-slideshow-navi__button--prev::before {
    width: 1.3020833333vw;
    height: 2.2786458333vw;
    top: calc(50% - 1.1393229167vw);
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--next::before {
    right: 40px;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--prev::before {
    left: 40px;
  }

  .p-room-summary {
    width: 57.9427083333vw;
    margin-inline: auto;
    max-width: 740px;
  }

  .p-room-summary .p-room-summary__title {
    font-size: clamp(12px, 3vw, 36px);
    margin-bottom: 0.78125vw;
  }

  .p-room-summary .p-room-summary__tags {
    margin-bottom: 1.953125vw;
  }

  .p-room-summary .p-room-summary__tags li {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .p-room-summary .p-room-summary__price span:first-of-type {
    font-family: Jost, sans-serif;
    font-size: clamp(12px, 2.8333333333vw, 34px);
    font-weight: 400;
    letter-spacing: 0.02em;
  }

  .p-room-summary .p-room-summary__price span:nth-of-type(2) {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    font-weight: 300;
    letter-spacing: 0.08em;
  }

  .p-room-summary .p-room-summary__note {
    font-size: clamp(12px, 1.1666666667vw, 14px);
    margin-bottom: 1.5625vw;
  }

  .p-activity-summary {
    width: 57.9427083333vw;
    margin-inline: auto;
    margin-top: 80px;
  }

  .p-activity-summary .p-activity-summary__title {
    font-size: clamp(12px, 3vw, 36px);
    margin-bottom: 0.78125vw;
  }

  .p-activity-summary .p-activity-summary__tags {
    margin-bottom: 1.953125vw;
  }

  .p-activity-summary .p-activity-summary__tags li {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .p-activity-summary .p-activity-summary__price span:first-of-type {
    font-family: Jost, sans-serif;
    font-size: clamp(12px, 2.8333333333vw, 34px);
    font-weight: 400;
    letter-spacing: 0.02em;
  }

  .p-activity-summary .p-activity-summary__price span:nth-of-type(2) {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    font-weight: 300;
    letter-spacing: 0.08em;
  }

  .p-activity-summary .p-activity-summary__note {
    font-size: clamp(12px, 1.1666666667vw, 14px);
    margin-bottom: 1.5625vw;
  }

  .p-room-minimum {
    padding-block: 1.171875vw;
    padding-left: 1.5625vw;
    padding-right: 2.6041666667vw;
    margin-bottom: 3.90625vw;
  }

  .p-room-minimum::before {
    width: 1.6276041667vw;
    height: 1.6276041667vw;
    top: calc(50% - 0.5859375vw);
    right: 1.3020833333vw;
  }

  .p-room-minimum .p-room-minimum_title {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-room-minimum .p-room-minimum__price span:first-of-type {
    font-size: clamp(12px, 2.8333333333vw, 34px);
    font-weight: 400;
  }

  .p-room-minimum .p-room-minimum__price span:last-of-type {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    font-weight: 300;
  }

  .p-room-minimum .p-room-minimum__note {
    font-size: clamp(12px, 1.1666666667vw, 14px);
  }

  .p-room-plans {
    width: 57.9427083333vw;
    margin-inline: auto;
    margin-bottom: 16.2760416667vw;
    max-width: 740px;
  }

  .p-room-plans h3,
  .p-room-plans h4,
  .p-room-plans li,
  .p-room-plans p,
  .p-room-plans ul {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-room-plans p,
  .p-room-plans ul {
    margin-bottom: 1.953125vw;
  }

  .p-commonutility-fv .p-commonutility-fv__img {
    width: 100%;
    height: 547px;
    top: 3.2552083333vw;
  }

  .p-commonutility-anchor {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 11.3932291667vw;
    margin-bottom: 9.765625vw;
    padding-top: calc(547px + 7.1614583333vw);
    padding-left: 6.5104166667vw;
    padding-right: 9.765625vw;
    padding-bottom: 8.1380208333vw;
  }

  .p-commonutility-anchor li::before {
    width: 0.9114583333vw;
    height: 0.5208333333vw;
    top: calc(50% - 0.2604166667vw);
    left: -1.2em;
  }

  .under_arrow {
    width: 0.9114583333vw;
    height: 0.5208333333vw;
    top: calc(50% - 0.2604166667vw);
    left: -1.2em;
  }

  .p-commonutility-anchor li {
    margin-right: 3em;
    margin-bottom: 0.5em;
  }

  .p-commonutility-anchor li a {
    color: #282828;
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-commonutility-content {
    width: 89.0625vw;
    max-width: 1368px;
    margin-inline: auto;
    margin-bottom: 16.2760416667vw;
  }

  .p-commonutility-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-height: 38.7369791667vw;
  }

  .p-commonutility-item:not(:last-of-type) {
    margin-bottom: 8.4635416667vw;
  }

  .p-commonutility-item:nth-of-type(odd) .p-commonutility-item__title {
    margin-top: 7.1614583333vw;
    margin-left: auto;
    margin-right: min(5.46875vw, 84px);
  }

  .p-commonutility-item:nth-of-type(odd) .p-commonutility-item__lead {
    margin-left: auto;
    margin-right: min(5.46875vw, 84px);
    word-wrap: break-word;
  }

  .p-commonutility-item:nth-of-type(even) .p-commonutility-item__title {
    margin-top: 7.1614583333vw;
    margin-left: min(5.46875vw, 84px);
  }

  .p-commonutility-item:nth-of-type(even) .p-commonutility-item__lead {
    margin-left: min(5.46875vw, 84px);
    word-wrap: break-word;
  }

  .p-commonutility-item:nth-of-type(even) .p-commonutility-item__img {
    right: 0;
    height: min(38.7369791667vw, 595px);
  }

  .p-commonutility-item:nth-of-type(even) .p-commonutility-item__img img {
    width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .p-commonutility-item .p-commonutility-item__title {
    width: min(24.0885416667vw, 370px);
    font-size: clamp(12px, 2.6666666667vw, 32px);
    margin-bottom: 1.3020833333vw;
  }

  .p-commonutility-item .p-commonutility-item__img {
    width: min(55.9895833333vw, 860px);
    height: 38.7369791667vw;
    position: absolute;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .p-commonutility-item .p-commonutility-item__lead {
    width: min(24.0885416667vw, 370px);
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-faq-cat .p-faq-cat__list {
    width: 78.125vw;
    margin-inline: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 5.859375vw;
  }

  .p-faq-cat .p-faq-cat__list li a {
    color: #282828;
    font-size: clamp(12px, 1.3333333333vw, 16px);
    margin-left: 2em;
  }

  .p-faq-cat .p-faq-cat__list li a::before {
    width: 0.9114583333vw;
    height: 0.5208333333vw;
    top: calc(50% - 0.2604166667vw);
    left: 0.5em;
  }

  .under_arrow_qa {
    width: 0.9114583333vw;
    height: 0.5208333333vw;
    top: calc(50% - 0.2604166667vw);
    left: 0.5em;
  }

  .p-faq-sec {
    width: 78.125vw;
    margin-inline: auto;
    margin-bottom: 7.8125vw;
  }

  .p-faq-sec:last-of-type {
    margin-bottom: 16.2760416667vw;
  }

  .p-faq-sec .p-faq-sec__cat {
    font-size: clamp(12px, 2.6666666667vw, 32px);
    margin-bottom: 1.6276041667vw;
  }

  .p-faq-item {
    font-size: clamp(12px, 1.5vw, 18px);
  }

  .p-faq-item .p-faq-item__question::before {
    content: "Q.";
    position: absolute;
    font-size: clamp(12px, 4.8vw, 18px);
    font-family: Jost, sans-serif;
    color: var(--theme-color);
    font-weight: 600;
    top: 1.953125vw;
    left: 1.3020833333vw;
    z-index: 2;
  }

  .p-faq-item .p-faq-item__question.is-active+.p-faq-item__answer {
    padding-block: 1.4322916667vw;
  }

  .p-faq-item .p-faq-item__answer {
    position: relative;
    padding-left: 3.90625vw;
    padding-right: 6.5104166667vw;
  }

  .p-faq-item .p-faq-item__answer::before {
    content: "A.";
    position: absolute;
    font-size: clamp(12px, 4.8vw, 18px);
    font-family: Jost, sans-serif;
    color: var(--theme-color);
    font-weight: 600;
    top: 1.3020833333vw;
    left: 1.3020833333vw;
  }

  .p-faq-button {
    padding-block: 1.953125vw;
    padding-left: 3.90625vw;
  }

  .p-faq-button::before {
    width: 1.0416666667vw;
    height: 2px;
    top: calc(2.4739583333vw - 1px);
    right: 45px;
  }

  .p-faq-button::after {
    width: 2px;
    height: 1.0416666667vw;
    top: 1.953125vw;
    right: calc(45px + 0.5208333333vw - 1px);
  }

  .p-info-title {
    color: #282828;
    font-size: clamp(12px, 2.6666666667vw, 32px);
    margin-bottom: 1.6276041667vw;
  }

  .p-info {
    width: 78.125vw;
    margin-inline: auto;
    margin-bottom: 13.0208333333vw;
  }

  .p-info-amenitylist {
    margin-bottom: 1.953125vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .p-info-amenitylist li {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    width: calc((100% - 3em) / 3);
    margin-bottom: 0.9765625vw;
  }

  .p-info-amenitynote {
    background-color: #f4f6f7;
    padding-block: 1.5625vw;
    padding-inline: 1.953125vw;
  }

  .p-info-amenitynote .p-info-amenitynote__title {
    color: #282828;
    font-size: clamp(12px, 1.3333333333vw, 16px);
    margin-bottom: 0.3255208333vw;
  }

  .p-info-amenitynote .p-info-amenitynote__content {
    font-size: clamp(12px, 1.25vw, 15px);
  }

  .p-info-notice {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-news {
    width: min(57.9427083333vw, 890px);
    margin-inline: auto;
  }

  .p-news .pagination {
    margin-bottom: 16.2760416667vw;
  }

  .p-news .pagination .nav-links {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .p-news .pagination .nav-links .angle--left,
  .p-news .pagination .nav-links .angle--right {
    width: 1.1067708333vw;
    height: 0.5208333333vw;
    /* margin-top: 1.3020833333vw; */
  }

  .p-news .pagination .nav-links .angle--left {
    /* margin-right: 2.9296875vw; */
  }

  .p-news .pagination .nav-links .angle--right {
    /* margin-left: 2.9296875vw; */
  }

  .p-news .pagination a,
  .p-news .pagination span {
    font-size: clamp(12px, 1.4166666667vw, 17px);
    width: 3.2552083333vw;
    height: 3.2552083333vw;
    margin-inline: 4px;
  }

  .p-newsItem {
    border-top: 1px solid #efefef;
    padding-block: 2.6041666667vw;
    padding-right: 4.8828125vw;
    position: relative;
  }

  .p-newsItem::before {
    width: 1.4973958333vw;
    height: 0.7486979167vw;
    top: calc(50% - 0.390625vw);
    right: 0;
    opacity: 0.2;
  }

  .p-newsItem:hover::before {
    opacity: 1;
  }

  .p-newsItem:hover .p-newsItem__time,
  .p-newsItem:hover .p-newsItem__title {
    opacity: 0.7;
  }

  .p-newsItem:last-of-type {
    margin-bottom: 7.8125vw;
    border-bottom: 1px solid #efefef;
  }

  .p-newsItem .p-newsItem__title {
    font-size: clamp(12px, 1.3333333333vw, 16px);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .p-newsItem .p-newsItem__time {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .p-newsSingle-head {
    padding-block: 3.90625vw;
  }

  .p-newsSingle-head .p-newsSingle-head__inner {
    width: 57.9427083333vw;
    margin-inline: auto;
  }

  .p-newsSingle-title {
    font-size: clamp(12px, 2.6666666667vw, 32px);
    margin-bottom: 0.5em;
  }

  .p-newsSingle-content {
    width: 57.9427083333vw;
    margin-top: 5.2083333333vw;
    margin-inline: auto;
    margin-bottom: 10.4166666667vw;
  }

  .p-newsSingle-content a,
  .p-newsSingle-content li,
  .p-newsSingle-content p {
    font-size: clamp(12px, 1.3333333333vw, 16px);
  }

  .p-newsSingle-content img {
    margin-bottom: 3.90625vw;
  }

  .p-news-back {
    letter-spacing: 0.07em;
    margin-bottom: 16.2760416667vw;
    width: 71.6145833333vw;
    margin-inline: auto;
  }

  .p-news-back a {
    color: var(--theme-color);
    font-family: Jost, sans-serif;
    font-weight: 400;
    font-size: clamp(12px, 2.3333333333vw, 28px);
    position: relative;
  }

  .back_arrow_svg-sp {
    display: none;
  }
}

.gtranslate-underpage-container {
  position: absolute !important;
  right: 3%;
  align-self: flex-start;
}

.gtranslate-underpage-container a {
  white-space: nowrap !important;
}

.gtranslate-underpage-container .gt_option,
.gtranslate-underpage-container .gt_switcher {
  width: 100% !important;
}

.gtranslate-underpage-container .gt_selected {
  border: 1px solid #ccc;
}

.gtranslate-underpage-container .gt_selected a {
  border: none !important;
}

.gtranslate_wrapper {
  width: max-content !important;
}



@media screen and (max-width: 768px) {

  .p-index-dinner__breakfast>.swiper-wrapper,
  .p-index-dinner__dinner>.swiper-wrapper {
    height: auto !important;
  }

  .is_d {
    display: none;
  }

  html {
    scroll-padding-top: 58px;
  }

  .p-room-slideshow--container {
    width: 280px;
    max-width: 280px;
    margin-top: 79px;
  }

  .p-room-slideshow-navi__pagination-under {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--prev {
    left: 15px;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--next {
    left: 44px;
  }

  .p-index-dinnermenu-pagination {
    /* margin-bottom: 10.6666666667vw; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 46px;
  }

  .p-index-dinnermenu-pagination .swiper-pagination {
    width: 50% !important;
    bottom: auto !important;
    position: relative;
    z-index: auto;
    margin-top: 15px;
    margin-left: 8vw;
    margin-right: auto;
    width: max-content !important;
    margin: auto;
  }

  .p-index-dinnermenu-pagination .swiper-button-next,
  .p-index-dinnermenu-pagination .swiper-button-prev {
    position: relative;
    width: 15%;
    height: 100%;
  }

  .p-index-dinnermenu-pagination .swiper-button-next::before,
  .p-index-dinnermenu-pagination .swiper-button-prev::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 4vw;
    left: calc(50% - 2.1333333333vw);
  }

  .l-header {
    height: 58px;
    position: relative;
  }

  .l-header .l-header__meta {
    position: fixed;
    width: 100%;
    height: 58px;
    background-color: #fff;
    /* padding-block: 2.6666666667vw;
    padding-inline: 15px; */
    padding: 11px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 998;
  }

  .l-header .l-header__nav {
    position: fixed;
    top: 0;
    right: -80%;
    width: 80%;
    height: 100vh;
    background-color: #fff;
    padding-inline: 10.6666666667vw;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
    will-change: transform;
    contain: paint;
    outline: 0;
    z-index: 999;
  }

  .l-header .l-header__nav::before {
    content: "";
    position: absolute;
    width: 30px;
    background-color: #fff;
    height: 2px;
    top: 30px;
    left: -50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 997;
  }

  .l-header .l-header__nav::after {
    content: "";
    position: absolute;
    width: 30px;
    background-color: #fff;
    height: 2px;
    top: 30px;
    left: -50px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 997;
  }

  .l-header .l-header__nav>div {
    height: 100%;
    padding-top: 16vw;
    padding-bottom: 32vw;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .l-header .l-header__nav>div::-webkit-scrollbar {
    display: none;
  }

  .l-header .l-header__bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #000;
    z-index: 998;
  }

  .l-header .l-header__cta {
    display: block;
    width: 100%;
    height: calc(env(safe-area-inset-bottom) + 58px);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 998;
    text-align: center;
    padding-bottom: env(safe-area-inset-bottom);
    -webkit-transform: translateY(58px);
    transform: translateY(58px);
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  }

  .l-header .l-header__cta>a,
  .l-header .l-header__cta>div {
    color: #fff;
    font-size: clamp(12px, 4.8vw, 18px);
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0.2em;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

.gtranslate-sp-container {
    height: max-content;
    margin: auto;
    position: relative;
    top: -6px;
    margin-right: 5px;
}


/* =========================
   全体
========================= */

.gtranslate-sp-container .gt_float_switcher {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    box-sizing: border-box;

    color: unset;
    box-shadow: unset;
}


/* =========================
   閉じた状態
========================= */

.gtranslate-sp-container .gt-selected {
    width: 100% !important;
    box-sizing: border-box;

    padding: 10px 8px !important;
}

.gtranslate-sp-container .gt-current-lang {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    box-sizing: border-box;

    padding: 0 !important;
    margin: 0 !important;

    color: unset;
    white-space: nowrap;
}


/* =========================
   国旗 共通
========================= */

.gtranslate-sp-container .gt_float_switcher img {
    display: block !important;

    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;

    flex: 0 0 27px;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    border-radius: 0;
    box-shadow: 1px 1px 3px #c0bcbc;
}


/* =========================
   現在選択中
   JA / EN など
========================= */

.gtranslate-sp-container .gt-current-lang .gt-lang-code {
    display: block;
    flex: 0 0 auto;

    position: static !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    font-weight: 600;
    line-height: 1;
}


/* =========================
   矢印
========================= */

.gtranslate-sp-container .gt_float_switcher-arrow {
    position: static !important;

    display: inline-block !important;
    flex: 0 0 9px;

    width: 9px !important;
    height: 9px !important;

    margin-left: auto !important;

    top: auto !important;
    right: auto !important;
    left: auto !important;

    align-self: center;
}


/* =========================
   開いたドロップダウン
========================= */

.gtranslate-sp-container .gt_float_switcher .gt_options {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box;

    left: 0 !important;
    right: auto !important;

    overflow-x: hidden !important;
}


/* =========================
   各言語
========================= */

.gtranslate-sp-container .gt_float_switcher .gt_options a {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    box-sizing: border-box;

    padding: 8px !important;
    margin: 0 !important;

    white-space: nowrap !important;

    font-size: 18px !important;
    font-weight: 600;
    line-height: 1;
}


/* =========================
   ドロップダウン内の国旗
========================= */

.gtranslate-sp-container
.gt_float_switcher
.gt_options
a img {
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;

    flex: 0 0 27px;

    margin: 0 8px 0 0 !important;
}


/* =========================
   下層ページ用
========================= */

.gtranslate-underpage-container {
    top: 7px;
}
  .official_reserve--wrap {
    display: flex;
    letter-spacing: 1;
    justify-content: center;
    column-gap: 5px;
    height: 100%;
    align-items: center;
    position: unset;
    transform: unset;
  }

  .official-bestrate,
  .official-reserve-text {
    margin: 0;
    line-height: 1.5;
  }

  .official-reserve-text {
    margin-top: 0 !important;
    /* padding-top: 3px; */
  }

  .l-header .l-header__cta.is-scroll {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .l-header:focus-within .l-header__nav {
    right: 0;
    contain: none;
  }

  .l-header:focus-within .l-header__nav::before {
    pointer-events: none;
  }

  .l-header:focus-within .l-header__nav::after {
    pointer-events: none;
  }

  .l-header:focus-within .l-header__bg {
    visibility: visible;
    opacity: 0.6;
  }

  .l-header-title {
    height: 100%;
    max-width: 50%;
    width: max-content;
    max-height: 50px;
  }

  .l-header-hamburger {
    position: relative;
    width: 28px;
    height: 100%;
    outline: 0;
  }

  .l-header-hamburger span {
    position: absolute;
    display: block;
    background-color: #000;
    height: 1px;
    right: 0;
  }

  .l-header-hamburger span:nth-of-type(1) {
    width: 28px;
    top: 12px;
  }

  .l-header-hamburger span:nth-of-type(2) {
    width: 28px;
    top: 17px;
  }

  .l-header-hamburger span:nth-of-type(3) {
    width: 16px;
    top: 22px;
  }

  .l-header-inquiry {
    width: 100%;
    margin-bottom: 9.3333333333vw;
  }

  .l-header-inquiry .l-header-inquiry_item--faq {
    color: #fff;
    background-color: #000;
  }

  .l-header-inquiry .l-header-inquiry_item--faq a {
    color: #fff;
    padding-block: 2.6666666667vw;
  }

  .l-header-inquiry .l-header-inquiry_item--reservation {
    color: #fff;
    background-color: var(--theme-color);
  }

  .l-header-inquiry .l-header-inquiry_item--reservation a,
  .l-header-inquiry .l-header-inquiry_item--reservation span {
    color: #fff;
    padding-block: 2.6666666667vw;
  }

  .l-header-inquiry .l-header-inquiry_item--contact {
    color: #000;
    background-color: #fff;
    border: 1px solid #282828;
  }

  .l-header-inquiry .l-header-inquiry_item--contact button {
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    background: 0 0;
    outline: 0;
    padding-block: calc(2.6666666667vw - 1px);
  }

  .l-header-inquiry li:not(:last-of-type) {
    margin-bottom: 2.6666666667vw;
  }

  .l-header-inquiry .l-header-inquiry_item--contact,
  .l-header-inquiry .l-header-inquiry_item--faq,
  .l-header-inquiry .l-header-inquiry_item--reservation {
    border-radius: 4px;
  }

  .l-header-inquiry .l-header-inquiry_item--contact a,
  .l-header-inquiry .l-header-inquiry_item--contact button,
  .l-header-inquiry .l-header-inquiry_item--reservation a,
  .l-header-inquiry .l-header-inquiry_item--reservation span,
  .l-header-inquiry .l-header-inquiry_item--reservation button,
  .l-header-inquiry .l-header-inquiry_item--faq a,
  .l-header-inquiry .l-header-inquiry_item--faq button {
    display: inline-block;
    width: 100%;
    font-size: clamp(12px, 4vw, 15px);
    text-align: center;
  }

  .l-header-menu {
    margin-bottom: 10.6666666667vw;
  }

  .l-header-menu li {
    margin-bottom: 5.3333333333vw;
  }

  .l-header-menu li a {
    font-size: clamp(12px, 4vw, 15px);
    color: var(--theme-color);
  }

  .l-header-childMenu {
    margin-bottom: 13.3333333333vw;
  }

  .l-header-childMenu li {
    margin-bottom: 2.6666666667vw;
  }

  .l-header-childMenu li a {
    font-size: clamp(12px, 3.4666666667vw, 13px);
    color: var(--theme-color);
  }

  .l-header-childMenu li button {
    font-size: clamp(12px, 3.4666666667vw, 13px);
    color: var(--theme-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    background: 0 0;
  }

  .l-header-sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .l-header-sns li:not(:last-of-type) {
    margin-right: 8vw;
  }

  .l-footer {
    padding-top: 50px;
    padding-inline: 30px;
    padding-bottom: calc(50px + 58px);
  }

  .l-footer-address {
    margin-bottom: 30px;
  }

  .l-footer-address .l-footer-address__address span {
    font-size: clamp(12px, 4vw, 15px);
  }

  .l-footer-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .l-footer-nav .l-footer-nav__link a {
    font-size: 0.75rem;
  }

  .l-footer-nav .l-footer-nav__link:not(:last-of-type) {
    margin-right: 1.5em;
  }

  .c-title {
    font-size: clamp(12px, 6.4vw, 24px);
  }

  .c-titleGroup {
    text-align: center;
    margin-bottom: 30px;
  }

  .c-titleGroup .c-titleGroup__title {
    font-size: clamp(12px, 6.4vw, 24px);
    font-weight: 500;
  }

  .c-titleGroup .c-titleGroup__titlejp {
    font-size: clamp(12px, 4vw, 15px);
    margin-bottom: 4vw;
  }

  .c-titleGroup .c-titleGroup__copy {
    font-size: clamp(12px, 4.2666666667vw, 16px);
    padding-inline: 30px;
  }

  .c-subPageTitle {
    text-align: center;
    margin-block: 8vw;
  }

  .c-subPageTitle .c-subPageTitle__en {
    font-size: clamp(12px, 6.4vw, 24px);
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .c-subPageTitle .c-subPageTitle__jp {
    font-size: clamp(12px, 4vw, 15px);
  }

  .c-newsTime time {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .c-breadcrumbs {
    padding-top: 8px;
    padding-inline: 20px;
    padding-bottom: 5.3333333333vw;
  }

  .c-breadcrumbs ul li {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .c-breadcrumbs ul li a {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .c-table-row,
  .c-table-row--2row {
    font-size: clamp(12px, 4vw, 15px);
    padding-top: 1rem;
    padding-bottom: 0.8rem;
    position: relative;
    word-break: break-all;
  }

  .c-table-row--2row::before,
  .c-table-row::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    bottom: 0;
    left: 0;
  }

  .c-table-row--2row::after,
  .c-table-row::after {
    content: "";
    position: absolute;
    width: 4vw;
    height: 1px;
    background-color: #282828;
    bottom: 0;
    left: 0;
  }

  .c-table-row dt {
    width: 25%;
  }

  .c-table-row dd {
    width: 75%;
  }

  .law .c-table-row dd {
    padding-left: 11px;
  }

  .c-table-row--2row dt {
    width: 25%;
  }

  .c-table-row--2row dd {
    width: 75%;
  }

  .c-access .c-access__map,
  .c-access--subpage .c-access__map {
    margin-block: 10.6666666667vw;
  }

  .c-access .c-access__map iframe,
  .c-access--subpage .c-access__map iframe {
    height: 54.6666666667vw;
  }

  .c-access {
    /* padding-bottom: 16vw; */
  }

  .c-access__access {
    padding-bottom: 16vw;
  }

  .c-access--subpage {
    /* padding-bottom: 13.3333333333vw; */
    margin-bottom: 26.6666666667vw;
  }

  .c-traffic {
    padding-inline: 30px;
  }

  .c-traffic dt {
    font-size: clamp(12px, 4vw, 15px);
  }

  .c-traffic dd {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-modal .p-index-modal__close button {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-modal-uservoice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40%;
    margin-bottom: 4vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post {
    width: 90%;
    margin-inline: auto;
    margin-bottom: 4vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a::after,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location a::after,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post a::after {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: calc(50% - 2.1333333333vw);
    right: 5.3333333333vw;
  }

  .p-index-modal-uservoice-arrow {
    width: 4.2666666667vw;
    height: 2.1333333333vw !important;
    top: calc(50% - 2.1333333333vw);
    right: 5.3333333333vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--location a,
  .p-index-modal-uservoice .p-index-modal-uservoice__item--post a {
    font-size: clamp(12px, 4vw, 15px);
    padding-left: 4em;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--googlemaps a::before {
    width: 5.4vw;
    height: 7.2vw;
    top: calc(50% - 3.7333333333vw);
    left: 4.8vw;
  }

  .p-index-modal-uservoice__svg {
    width: 5.4vw;
    height: 7.2vw !important;
    top: calc(50% - 3.7333333333vw);
    left: 7.5vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--post a::before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    top: calc(50% - 4.2666666667vw);
    left: 3.7333333333vw;
  }

  .p-index-modal-uservoice .p-index-modal-uservoice__item--location a::before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    top: calc(50% - 4.2666666667vw);
    left: 3.7333333333vw;
  }

  .p-index-modal-inquiry {
    margin-bottom: 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 33px;
    margin: 0;
  }

  .p-index-modal__close {
    margin: 0;
    margin-top: 11px;
  }

  .p-index-modal__close-icon {
    margin-top: 0;
  }

  .p-index-modal__wrap {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 50px;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone {
    width: 90%;
    margin-inline: auto;
    margin-bottom: 1.6vw;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a {
    padding-left: 0.8em;
    padding-right: 3em;
    padding-block: 2.1333333333vw;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a::before,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a::before,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a::before,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #e4e4e4;
    top: 0;
    right: 10.6666666667vw;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a::after,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a::after,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a::after,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a::after {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: calc(50% - 1.0666666667vw);
    right: 2.6666666667vw;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a h3,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a h3,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a h3,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a h3 {
    font-size: clamp(12px, 4vw, 15px);
    min-height: 25px;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a span,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a span,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a span,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a span {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email a p,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq a p,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--line a p,
  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone a p {
    font-size: clamp(12px, 3.4666666667vw, 13px);
    width: 95%;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq h3::before {
    width: 18px;
    height: 18px;
    top: 4px;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--faq p {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone h3::before {
    width: 18.58px;
    height: 17.11px;
    top: 4px;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--phone p {
    font-size: 0.6875rem;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email h3::before {
    width: 18px;
    height: 13px;
    top: 6px;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--email p {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--line h3::before {
    width: 20px;
    height: 19px;
    top: 3px;
    left: 0;
  }

  .p-index-modal-inquiry .p-index-modal-inquiry__item--line p {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-index-modal-inquiry__icon {
    width: 20px;
    height: 20px;
    top: 3px;
    left: 1px;
  }

  .p-index-modal-reservation {
    width: 100%;
    margin-top: 50%;
    margin-bottom: 4vw;
    margin-inline: auto;
    padding: 5.3333333333vw 4vw;
    margin: auto;
    overflow-y: scroll;
    height: auto;
    max-height: 70svh;
    max-height: inherit;
  }

  .p-index-modal-reservation--container {
    height: max-content;
    max-height: 70svh;
    height: auto;
    width: 90%;
  }

  .p-index-modal-reservation .p-index-modal-reservation-head .p-index-modal-reservation-head__title {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-modal-reservation .p-index-modal-reservation__desc {
    font-size: clamp(12px, 3.4666666667v w, 13px);
  }

  .p-index-modal-reservation .p-index-modal-reservation__link {
    font-size: clamp(12px, 4.8vw, 18px);
  }

  .p-index-modal-reservation-price .p-index-modal-reservation-price__price {
    font-size: clamp(12px, 4.5333333333vw, 17px);
    font-weight: 700;
  }

  .p-index-modal-reservation-price .p-index-modal-reservation-price__annotation {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-index-fv {
    height: calc(100vh - 58px);
    height: calc(100svh - 58px);
    width: 100%;
  }

  .p-index-fvSlideshow::before {
    height: calc(100vh - 58px);
    height: calc(100dvh - 58px);
  }

  .p-index-fvSlideshow::after {
    height: calc(100vh - 58px);
    height: calc(100svh - 58px);
    background: -webkit-gradient(linear,
        left top,
        left bottom,
        color-stop(55%, rgba(0, 0, 0, 0)),
        to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, #000 100%);
  }

  .p-index-fvSlideshow .p-index-fvSlideshow__slide {
    height: calc(100vh - 58px);
    height: calc(100svh - 58px);
  }

  .p-index-fvSlideshow .p-index-fvSlideshow__filter {
    height: calc(100vh - 58px - 55px);
    height: calc(100dvh - 58px - 55px);
  }

  .p-index-fvCopy {
    bottom: 40vw;
    left: 30px;
    margin-right: 30px;
    width: calc(100% - 30px);
  }

  .p-index-fvCopy__title {
    font-size: 28px;
    margin-bottom: 4vw;
  }

  .p-index-fvCopy__title--position-center,
  .p-index-fvCopy__title--position-right {
    writing-mode: vertical-rl;
    height: max-content;
    position: absolute;
    top: 87px;
  }

  .p-index-fvCopy__title--position-center {
    left: 50%;
    transform: translateX(-50%);
  }

  .p-index-fvCopy__title--position-right {
    right: 15px;
  }

  .p-index-fvCopy__title--backgroundcolor-black {
    background-color: #000;
    color: #fff;
  }

  .p-index-fvCopy__title--backgroundcolor-white {
    background-color: #fff;
    color: #000;
  }

  .p-index-fvCopy__title span {
    padding: 5px 0;
    line-height: 1;
    display: inline-block;
    margin-top: 5px;
  }

  .p-index-fvCopy__title span:first-child {
    margin-top: 0px;
  }

  .p-index-fvCopy__title--backgroundcolor-black,
  .p-index-fvCopy__title--backgroundcolor-white {
    padding: 7px 5px 3px !important;
  }

  :is(.p-index-fvCopy__title--position-center, .p-index-fvCopy__title--position-right) :is(span, .p-index-fvCopy__title--backgroundcolor-black, .p-index-fvCopy__title--backgroundcolor-white) {
    margin-top: 0px;
    margin-left: 5px;
    padding: 5px;
  }

  :is(.p-index-fvCopy__title--position-center, .p-index-fvCopy__title--position-right) :is(span:last-child, .p-index-fvCopy__title--backgroundcolor-black:last-child, .p-index-fvCopy__title--backgroundcolor-white:last-child) {
    margin-left: 0px;
  }

  .p-index-fvCopy__title--small {
    font-size: 20px;
  }

  .p-index-fvCopy .p-index-fvCopy__sub {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    font-weight: 500;
  }

  .p-index-fvCopy-position {
    bottom: 100px;
  }

  .p-index-fvScroll {
    height: 120px;
  }

  .p-index-fvScroll::before {
    height: 120px;
  }

  .p-index-fvScroll span {
    font-size: 0.625rem;
  }

  .authority__container {
    bottom: 10px;
    left: 6px;
  }

  .authority-view,
  .authority-update {
    font-size: 10px;
  }

  .authority {
    display: block;
    padding: 30px 0 0;
    text-align: center;
  }

  .authority__logo {
    margin: auto;
  }

  .authority__text {
    font-size: 14px;
    margin-top: 10px;
    display: block;
  }

  .authority-header {
    max-width: 110px;
    max-height: 24px;
    margin-left: 15px;
    margin-right: auto;
  }

  .p-index-conceptlead__title--h2 {
    font-size: 24px;
  }

  .p-index-news {
    padding-bottom: 16vw;
    padding-top: 30px;
  }

  .p-index-news .p-index-news__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .p-index-newslist {
    padding-inline: 20px;
    margin-top: 40px;
  }

  .p-index-newslist .p-index-newslist__news {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .p-index-newslist .p-index-newslist__news dt {
    width: 30%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .p-index-newslist .p-index-newslist__news dt time {
    font-size: 16px;
  }

  .p-index-newslist .p-index-newslist__news dd {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 10px;
  }

  .p-index-newslist .p-index-newslist__news dd a {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .p-index-newstitle {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1rem;
  }

  .p-index-newstitle .p-index-newstitle__title {
    font-size: clamp(12px, 5.3333333333vw, 20px);
    font-weight: 500;
  }

  .p-index-newstitle__more a {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    font-weight: 500;
  }

  .p-index-newstitle__more a::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 0.4em;
  }

  .p-index-newsSubmenu {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    height: 16vw;
    margin-bottom: 16vw;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li {
    width: 50%;
    text-align: center;
    position: relative;
    letter-spacing: 0.1em;
    margin: auto;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #f4f6f7;
    bottom: 0;
    left: 0;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li::after {
    content: "";
    position: absolute;
    width: 77.5%;
    height: 1px;
    background-color: var(--theme-color);
    bottom: 0;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li:first-of-type {
    padding-left: 5%;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li:first-of-type::after {
    left: 15%;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li:last-of-type {
    padding-right: 5%;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li:last-of-type::after {
    right: 15%;
  }

  .p-index-newsSubmenu .p-index-newsSubmenu__list li a,
  .p-index-newsSubmenu .p-index-newsSubmenu__list li button {
    font-size: clamp(12px, 4vw, 15px);
    line-height: 16vw;
  }

  .p-newsItem__row--left {
    max-width: 118px;
    min-width: 118px;
  }

  .p-index-concept .p-index-concept__message {
    margin-bottom: 5px;
  }

  .p-index-conceptlead {
    padding-inline: 30px;
    padding-block: 21.3333333333vw;
  }

  .p-index-conceptlead .p-index-conceptlead__title {
    text-align: center;
    margin-bottom: 1.5rem;
    font-size: clamp(12px, 6.4vw, 24px);
    font-weight: 500;
  }

  .p-index-conceptlead p {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-conceptlead p:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }

  .p-index-conceptphoto {
    height: auto;
    overflow: hidden;
    aspect-ratio: 4 / 3;
  }

  .p-index-conceptphoto--title {
    text-align: center;
    padding: 30px;
    color: var(--theme-color);
    font-size: 18px;
  }

  .p-index-conceptphoto img {
    /* -webkit-transform: scale(190%) translateX(-5%) translateY(15%);
    transform: scale(190%) translateX(-5%) translateY(15%); */
    height: 100%;
    object-fit: cover;
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__list li {
    height: min(53.3333333333vw, 200px);
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__pagination {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 22.6666666667vw;
    background-color: #f4f6f7;
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev {
    width: 15%;
    height: 100%;
    background-color: #fff;
  }

  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--next::before,
  .p-index-conceptCarousel .p-index-conceptCarousel__pagination .swiper-button--prev::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 4vw;
    left: calc(50% - 2.1333333333vw);
  }

  .p-index-room {
    padding-top: 18.6666666667vw;
    padding-bottom: 16vw;
    border-bottom: 2px solid #efefef;
  }

  .p-index-room .p-index-room__movie {
    width: calc(100% - 30px);
    margin-top: 37px;
  }

  .p-index-plan {
    width: 84vw;
    background-color: #f4f6f7;
    border: 1px solid #e4e4e4;
  }

  .p-index-plan .p-index-plan__reservation {
    border-top: 1px solid #e4e4e4;
  }

  .p-index_plancarousel {
    height: 58.6666666667vw;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__pagination {
    bottom: 4vw;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__pagination span {
    width: 6px;
    height: 6px;
    margin-inline: 4.5px !important;
    opacity: 1 !important;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next::before,
  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev::before {
    width: 3.344vw;
    height: 5.6826666667vw;
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--next::before {
    top: calc(50% - 2.8vw);
  }

  .p-index_plancarousel .p-index_plancarousel__navi .p-index_plancarousel__button--prev::before {
    top: calc(50% - 2.8vw);
  }

  .p-index_plancontent {
    background-color: #f4f6f7;
    padding-top: 4.8vw;
    padding-inline: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
    padding-bottom: 50px;
  }

  .p-index_plancontent .p-index_plancontent__name {
    font-size: clamp(12px, 4.5333333333vw, 17px);
    margin-bottom: 1.3333333333vw;
  }

  .p-index_plancontent .p-index_plancontent__tags {
    margin-bottom: 2.6666666667vw;
  }

  .p-index_plancontent .p-index_plancontent__tags li {
    font-size: clamp(12px, 3.2vw, 12px);
  }

  .p-index_plancontent .p-index_plancontent__price span:first-of-type {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: clamp(12px, 4.5333333333vw, 17px);
  }

  .p-index_plancontent .p-index_plancontent__price span:nth-of-type(2) {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    font-weight: 600;
  }

  .p-index_plancontent .p-index_plancontent__note {
    font-size: clamp(12px, 3.4666666667vw, 13px);
    margin-bottom: 2.6666666667vw;
  }

  .p-index_plancontent .p-index_plancontent__explain {
    color: #757575;
    font-size: clamp(12px, 3.4666666667vw, 13px);
    margin-bottom: 1.3333333333vw;
  }

  .p-index_plancontent .p-index_plancontent__more {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    bottom: 20px;
    right: 20px;
  }

  .p-index-reservationlink {
    /* padding-block: 2.6666666667vw;
    padding-left: 5.3333333333vw;
    padding-right: 13.3333333333vw; */
    margin: 0;
    padding: 0;
    padding-bottom: 2.6666666667vw;
  }

  .p-index-plan__reservation-upper {
    padding-top: 2.6666666667vw;
    padding-left: 5.3333333333vw;
    padding-right: 13.3333333333vw;
  }

  .p-index-plan__reservation-under {
    width: 100%;
    border-top: 1px solid #e4e4e4;
  }

  .p-index-reservationlink::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: calc(50% - 2.6666666667vw);
    right: 6.6666666667vw;
  }

  .p-index-reservationlink .p-index-reservationlink__head {
    font-size: clamp(12px, 3.2vw, 12px);
  }

  .p-index-reservationlink__title {
    text-align: center;
  }

  .p-index-reservationlink__plan-more {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-index-reservationlink .p-index-reservationlink__price span:first-of-type {
    font-size: clamp(12px, 4.5333333333vw, 17px);
    font-weight: 500;
  }

  .p-index-reservationlink .p-index-reservationlink__price span:last-of-type {
    font-weight: 600;
  }

  .p-index-reservationlink .p-index-reservationlink__note {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-index-plan-pagination {
    /* margin-bottom: 16vw; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 46px;
  }

  .p-index-plan-pagination .p-index-plan-pagination__navi {
    width: 50% !important;
    bottom: auto !important;
    position: relative;
    z-index: auto;
    margin-top: 15px;
    margin-left: 8vw;
    margin-right: auto;
    width: max-content !important;
    margin: auto;
  }

  .p-index-plan-pagination .p-index-plan-pagination__navi span,
  .p-index-dinnermenu-pagination .swiper-pagination span,
  .p-index-breakfastmenu-pagination .swiper-pagination span {
    background-color: #E1E1E1;
    opacity: 1;
  }

  .p-index-plan-pagination .swiper-pagination-bullet-active,
  .p-index-dinnermenu-pagination .swiper-pagination-bullet-active,
  .p-index-breakfastmenu-pagination .swiper-pagination-bullet-active {
    background-color: #fff !important;
  }

  .p-index-plan-pagination .p-index-plan-pagination__button--next,
  .p-index-plan-pagination .p-index-plan-pagination__button--prev {
    position: relative;
    width: 15%;
    height: 100%;
  }

  .p-index-plan-pagination .p-index-plan-pagination__button--next::before,
  .p-index-plan-pagination .p-index-plan-pagination__button--prev::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 4vw;
    left: calc(50% - 2.1333333333vw);
  }

  .p-index-dinner {
    padding-top: 13.3333333333vw;
    border-bottom: 2px solid #efefef;
  }

  .p-index-dinner .p-index-dinner__breakfast,
  .p-index-dinner .p-index-dinner__dinner {
    width: calc(100% - 20px);
    margin-inline: auto;
  }

  .p-index-dinnerphoto {
    position: relative;
    /* width: calc((100vw - 30px) / 2);
    height: calc((100vw - 30px) / 2 * 0.75); */
    width: 100%;
    aspect-ratio: 4 / 3;
  }

  .p-index-dinnerphoto div {
    position: absolute;
    width: 47px;
    height: 21px;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .p-index-dinnerphoto div::before {
    content: "";
    position: absolute;
    background-image: url(../img/official/common/icon-infomark_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px;
  }

  .p-index-dinnerphoto div span {
    color: #fff;
    font-size: 0.6875rem;
    padding-top: 0.2rem;
    padding-left: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .p-index-dinnercontent {
    /* height: 26.6666666667vw; */
    background-color: #f4f6f7;
    padding-block: 4vw;
    padding-inline: 3.2vw;
  }

  .p-index-dinnercontent .p-index-dinnercontent__title {
    font-size: clamp(12px, 4vw, 15px);
    height: 2.8em;
  }

  .p-index-dinnercontent .p-index-dinnercontent__price span:first-of-type {
    font-size: clamp(12px, 4vw, 15px);
    font-family: Jost, sans-serif;
    font-weight: 500;
  }

  .p-index-dinnercontent .p-index-dinnercontent__price span:nth-of-type(2) {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-index-dinnercontent__abstract {
    font-family: Jost, sans-serif;
    font-weight: 500;
    height: 64px;
  }

  /* .p-index-dinnercontent__note {
    font-size: clamp(12px, 3.4666666667vw, 13px);
    margin-bottom: 2.6666666667vw;
  } */
  .p-index-dinnercontent .p-index-dinnercontent__more {
    display: none;
  }

  .p-index-activity {
    padding: 0;
    padding-block: 13.3333333333vw;
    border-bottom: 2px solid #efefef;
  }

  .p-index-activity__list {
    padding: 0 10px;
    gap: 10px;
    margin-bottom: 20px;
  }

  .p-index-activityplan {
    padding: 0;
    background-color: #F9F9F9;
    flex: 1 1 calc(50% - 10px);
    width: calc(50% - (10px / 2));
  }

  .p-index-activityplan:nth-last-child(1):nth-child(odd) {
    margin-right: calc(50% + 5px);
  }

  /* .p-index-activityplan a::before {
    content: "";
    position: absolute;
    background-image: url(../img/official/common/icon-arrow_gray.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.6666666667vw;
    height: 4.2666666667vw;
    top: calc(50% - 2.1333333333vw);
    right: 5.3333333333vw;
  } */

  /* .p-index-activityimg img {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    margin-right: 3.2vw;
  } */

  .p-index-activitycontent {
    width: 100%;
    padding: 15px 10px;
  }

  .p-index-activitycontent .p-index-activitycontent__title {
    font-size: 14px;
    height: calc((14px * 1.4) * 2);
  }

  .p-index-activitycontent .p-index-activitycontent__more {
    display: none;
  }

  .p-index-activity__more {
    padding-right: 30px;
    font-weight: 500;
  }

  .p-index-activity__more a {
    font-size: clamp(12px, 3.7333333333vw, 14px);
  }

  .p-index-activity__more a::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 0.3em;
  }

  .p-index-other {
    padding-top: 13.3333333333vw;
  }

  .p-index-other .p-index-other__list {
    margin-bottom: 88px;
    padding-inline: 10px;
  }

  .p-index-otherfeatures {
    width: calc((100% - 10px) / 2);
    height: calc((100% - 10px) / 2);
  }

  .p-index-otherfeatures a {
    display: block;
    position: relative;
    height: auto;
    width: 100%;
    /* コンテナの幅を100%に設定 */
    height: 0;
    /* 高さを0に設定 */
    padding-bottom: 100%;
    /* パディングを正方形の縦横比に合わせて設定 */
    position: relative;
    /* 相対位置指定 */
  }

  .p-index-otherimg {
    width: 100%;
    max-width: none;
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
    object-fit: contain;
    position: absolute;
    /* 絶対位置指定 */
    top: 0;
    /* 上端に配置 */
    left: 0;
    /* 左端に配置 */
    width: 100%;
    /* コンテナの幅に合わせる */
    height: 100%;
    /* コンテナの高さに合わせる */
    object-fit: cover;
  }

  .p-index-othertitle {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-othertitle__detail {
    padding: 5px 10px;
    font-size: clamp(11px, 2vw, 14px);
    font-weight: 500;
    border: 1px solid;
  }

  .p-index-instagram {
    padding-top: 13.3333333333vw;
  }

  .p-index-instagram .p-index-instagram__list {
    /* margin-bottom: 26.6666666667vw; */
    padding-inline: 10px;
  }

  .p-index-instagramfeatures {
    width: calc((100% - 10px) / 2);
  }

  .p-index-instagramtitle {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-info {
    padding-top: 16vw;
    padding-inline: 30px;
    padding-bottom: 26.6666666667vw;
  }

  .p-index-info .p-index-info__title {
    text-align: center;
    margin-bottom: 5.3333333333vw;
  }

  .p-index-info .p-index-info__title h2 {
    font-size: clamp(12px, 5.3333333333vw, 20px);
    margin-bottom: 8vw;
    font-weight: 500;
  }

  .p-index-info .p-index-info__title span {
    color: #757575;
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-index-info .p-index-info__list {
    margin-bottom: 5.3333333333vw;
  }

  .p-index-info__more a {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    font-weight: 500;
  }

  .p-index-info__more a::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 0.4em;
  }

  .p-index-reservation {
    padding-top: 32vw;
    padding-bottom: 21.3333333333vw;
    padding-inline: 30px;
    border-bottom: 2px solid #efefef;
  }

  .p-index-reservation .p-index-reservation__title::before {
    width: 8.5333333333vw;
    height: 5.6vw;
    top: -10.6666666667vw;
    left: calc(50% - 4vw);
  }

  .p-index-reservation .p-index-reservation__lead {
    font-size: clamp(12px, 4vw, 15px);
    text-align: left;
    margin-bottom: 10.6666666667vw;
  }

  .p-index-reservation .p-index-reservation__cta {
    width: 95%;
    font-size: clamp(12px, 4.8vw, 18px);
    margin-bottom: 17.3333333333vw;
  }

  .p-index-reservation .p-index-reservation__subtitle {
    font-size: clamp(12px, 4.8vw, 18px);
    margin-bottom: 5.3333333333vw;
  }

  .p-index-reservation-submenu .p-index-reservation-submenu__contact,
  .p-index-reservation-submenu .p-index-reservation-submenu__faq {
    font-size: clamp(12px, 4vw, 15px);
    width: 47%;
  }

  .p-room-head {
    height: 58px;
  }

  .p-room-head .p-room-head__back {
    width: 58px;
    height: 58px;
  }

  .p-room-head .p-room-head__back::before {
    content: "";
    position: absolute;
    background-image: url(../img/official/common/icon-arrow_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 8px;
    top: calc(50% - 4px);
    left: 15px;
  }

  .back-arrow {
    display: none;
  }

  .back_arrow_svg-sp {
    position: absolute;
    width: 16px;
    height: 8px;
    top: calc(50% - 4px);
    left: 15px;
  }

  .p-room-head .p-room-head__roomname {
    font-size: clamp(12px, 4vw, 15px);
  }

  /* .p-room-slideshow {
    height: 70.4vw;
    margin-bottom: 4vw;
    margin-top: 58px;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__pagination {
    text-align: center;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__pagination span {
    width: 9px;
    height: 9px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.6);
    margin-inline: 5px !important;
    outline: 0;
    opacity: 1 !important;
  }

  .p-room-slideshow-navi__pagination-under {
    bottom: 11px !important;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--next,
  .p-room-slideshow-navi .p-room-slideshow-navi__button--prev {
    width: 20%;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--next::before,
  .p-room-slideshow-navi .p-room-slideshow-navi__button--prev::before {
    width: 3.656vw;
    height: 6.216vw;
    top: calc(50% - 2.9333333333vw);
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--next::before {
    right: 15px;
  }

  .p-room-slideshow-navi .p-room-slideshow-navi__button--prev::before {
    left: 15px;
  } */

  .p-room-summary .p-room-summary__title {
    font-size: clamp(12px, 5.0666666667vw, 19px);
    padding-inline: 30px;
    margin-inline: auto;
    margin-bottom: 1.0666666667vw;
  }

  .p-room-summary .p-room-summary__tags {
    padding-inline: 30px;
    margin-inline: auto;
    margin-bottom: 2.6666666667vw;
  }

  .p-room-summary .p-room-summary__tags li {
    font-size: clamp(12px, 3.2vw, 12px);
  }

  .p-room-summary .p-room-summary__price {
    padding-inline: 30px;
    margin-inline: auto;
  }

  .p-room-summary .p-room-summary__price span:first-of-type {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: clamp(12px, 5.6vw, 21px);
    letter-spacing: 0.02em;
  }

  .p-room-summary .p-room-summary__price span:nth-of-type(2) {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    font-weight: 600;
    letter-spacing: 0.08em;
  }

  .p-room-summary .p-room-summary__note {
    font-size: clamp(12px, 3.4666666667vw, 13px);
    margin-bottom: 5.3333333333vw;
    padding-inline: 30px;
    margin-inline: auto;
  }

  .p-room-minimum {
    padding-block: 2.6666666667vw;
    padding-left: 5.3333333333vw;
    width: calc(100% - 20px);
    padding-right: 13.3333333333vw;
    margin-top: 0;
    margin-bottom: 8vw;
    margin-inline: auto;
  }

  .p-room-minimum::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: calc(50% - 2.6666666667vw);
    right: 5.3333333333vw;
  }

  .p-room-minimum_title {
    text-align: center;
  }

  .p-room-minimum .p-room-minimum_title {
    font-size: clamp(12px, 3.2vw, 12px);
    text-align: left;
  }

  .p-room-minimum .p-room-minimum__price span:first-of-type {
    font-size: clamp(12px, 5.6vw, 21px);
    font-weight: 500;
  }

  .p-room-minimum .p-room-minimum__price span:last-of-type {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    font-weight: 600;
  }

  .p-room-minimum .p-room-minimum__note {
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-room-plans {
    padding-inline: 30px;
    margin-bottom: 26.6666666667vw;
  }

  .p-room-plans h3,
  .p-room-plans h4,
  .p-room-plans li,
  .p-room-plans p,
  .p-room-plans ul {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-room-plans p,
  .p-room-plans ul {
    margin-bottom: 8vw;
  }

  .p-activity-summary {
    margin-bottom: 4vw;
    margin-top: 58px;
  }

  .p-activity-summary .p-activity-summary__title {
    font-size: clamp(12px, 5.0666666667vw, 19px);
    padding-inline: 30px;
    margin-inline: auto;
    margin-bottom: 1.0666666667vw;
    margin-bottom: 4vw;
    margin-top: 58px;
  }

  .p-activity-summary .p-activity-summary__tags {
    padding-inline: 30px;
    margin-inline: auto;
    margin-bottom: 2.6666666667vw;
  }

  .p-activity-summary .p-activity-summary__tags li {
    font-size: clamp(12px, 3.2vw, 12px);
  }

  .p-activity-summary .p-activity-summary__price {
    padding-inline: 30px;
    margin-inline: auto;
  }

  .p-activity-summary .p-activity-summary__price span:first-of-type {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: clamp(12px, 5.6vw, 21px);
    letter-spacing: 0.02em;
  }

  .p-activity-summary .p-activity-summary__price span:nth-of-type(2) {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    font-weight: 600;
    letter-spacing: 0.08em;
  }

  .p-activity-summary .p-activity-summary__note {
    font-size: clamp(12px, 3.4666666667vw, 13px);
    margin-bottom: 5.3333333333vw;
    padding-inline: 30px;
    margin-inline: auto;
  }

  .p-commonutility-fv .p-commonutility-fv__img {
    height: 50.1333333333vw;
    top: 5.3333333333vw;
    object-fit: cover;
    width: 100%;
  }

  .p-commonutility-anchor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 20px;
    margin-bottom: 13.3333333333vw;
    padding-top: 62.1333333333vw;
    padding-left: 12vw;
    padding-right: 10.6666666667vw;
  }

  .p-commonutility-anchor li::before {
    width: 3.2vw;
    height: 1.8666666667vw;
    top: calc(50% - 0.9333333333vw);
    left: -1.5em;
  }

  .under_arrow {
    width: 3.2vw;
    height: 1.8666666667vw;
    top: calc(50% - 0.9333333333vw);
    left: -1.5em;
  }

  .p-commonutility-anchor li:last-of-type {
    margin-bottom: 8vw;
  }

  .p-commonutility-anchor li a {
    color: var(--theme-color);
    font-size: clamp(12px, 3.7333333333vw, 14px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .p-commonutility-content {
    margin-bottom: 16vw;
  }

  .p-commonutility-content__text {
    padding-inline: 20px;
  }

  .p-commonutility-item {
    padding-bottom: 10.6666666667vw;
  }

  .p-commonutility-item .p-commonutility-item__title {
    font-size: clamp(12px, 4.8vw, 18px);
    margin-bottom: 3.2vw;
    padding-inline: 20px;
  }

  .p-commonutility-item .p-commonutility-item__img {
    margin-bottom: 4vw;
    padding-inline: 20px;
  }

  .p-commonutility-item .p-commonutility-item__lead {
    font-size: clamp(12px, 4vw, 15px);
    padding-inline: 20px;
  }

  .p-commonutility-item:not(:first-of-type) {
    padding-top: 10.6666666667vw;
    border-top: 2px solid #efefef;
  }

  .p-faq-cat {
    padding-inline: 15px;
  }

  .p-faq-cat .p-faq-cat__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20vw;
  }

  .p-faq-cat .p-faq-cat__list li {
    margin-right: 1em;
  }

  .p-faq-cat .p-faq-cat__list li a {
    color: var(--theme-color);
    font-size: clamp(12px, 3.4666666667vw, 13px);
  }

  .p-faq-cat .p-faq-cat__list li a::before {
    width: 3.2vw;
    height: 1.8666666667vw;
    top: calc(50% - 0.8vw);
    left: 0.5em;
  }

  .under_arrow_qa {
    width: 3.2vw;
    height: 1.8666666667vw;
    top: calc(50% - 0.8vw);
    left: 0.5em;
  }

  .p-faq-sec {
    margin-bottom: 18.6666666667vw;
  }

  .p-faq-sec:last-of-type {
    margin-bottom: 26.6666666667vw;
  }

  .p-faq-sec .p-faq-sec__cat {
    font-size: clamp(12px, 4.8vw, 18px);
    text-align: center;
    margin-bottom: 4vw;
  }

  .p-faq-item {
    width: 100%;
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-faq-item .p-faq-item__question.is-active+.p-faq-item__answer {
    padding-block: 6.4vw;
  }

  .p-faq-item .p-faq-item__answer {
    padding-inline: 30px;
  }

  .p-faq-item .p-faq-item__answer>p {
    margin-bottom: 1em;
  }

  .p-faq-button {
    width: 100%;
    padding-block: 5.3333333333vw;
    padding-left: 30px;
    padding-right: 50px;
  }

  .p-faq-button::before {
    width: 14px;
    height: 2px;
    top: calc(5.3333333333vw + 7px + 1px);
    right: 20px;
  }

  .p-faq-button::after {
    width: 2px;
    height: 14px;
    top: calc(5.3333333333vw + 2px);
    right: 26px;
  }

  .p-info-title {
    color: #757575;
    font-size: clamp(12px, 4vw, 15px);
    background-color: #f4f6f7;
    text-align: center;
    padding-block: 4vw;
    margin-bottom: 6.4vw;
  }

  .p-info {
    margin-bottom: 18.6666666667vw;
  }

  .p-info-list {
    padding-inline: 30px;
  }

  .p-info-amenitylist {
    padding-inline: 30px;
    margin-bottom: 9.3333333333vw;
  }

  .p-info-amenitylist li {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-info-amenitynote {
    padding-inline: 30px;
  }

  .p-info-amenitynote .p-info-amenitynote__title {
    color: #757575;
    font-size: clamp(12px, 3.7333333333vw, 14px);
    margin-bottom: 1.3333333333vw;
  }

  .p-info-amenitynote .p-info-amenitynote__content {
    font-size: clamp(12px, 3.7333333333vw, 14px);
  }

  .p-info-notice {
    padding-inline: 30px;
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-news {
    padding-inline: 30px;
  }

  .p-news .pagination {
    margin-bottom: 53.3333333333vw;
  }

  .p-news .pagination .nav-links {
    /* -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; */
    width: max-content;
    margin: auto;
  }

  .p-news .pagination .nav-links .angle--left,
  .p-news .pagination .nav-links .angle--right {
    width: 4.5333333333vw;
    height: 2.1333333333vw;
    /* margin-top: 4vw; */
  }

  .p-news .pagination a,
  .p-news .pagination span {
    font-size: clamp(12px, 4.5333333333vw, 17px);
    width: 9.6vw;
    height: 9.6vw;
  }

  .p-newsItem {
    margin-bottom: 10.6666666667vw;
  }

  .p-newsItem:last-of-type {
    margin-bottom: 17.3333333333vw;
  }

  .p-newsItem .p-newsItem__title {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-articleItem__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    max-height: 3em;
  }

  .p-newsSingle-head {
    padding-inline: 30px;
    padding-block: 6.4vw;
  }

  .p-newsSingle-title {
    font-size: clamp(12px, 5.0666666667vw, 19px);
  }

  .p-newsSingle-content {
    margin-top: 8vw;
    margin-bottom: 26.6666666667vw;
    padding-inline: 30px;
  }

  .p-newsSingle-content a,
  .p-newsSingle-content li,
  .p-newsSingle-content p {
    font-size: clamp(12px, 4vw, 15px);
  }

  .p-newsSingle-content img {
    margin-bottom: 5.3333333333vw;
  }

  .p-news-back {
    display: none;
  }
}

/* MORE矢印 */
.more-arrow {
  position: absolute;
  width: 26px;
  height: 13px;
  top: 50%;
  right: -5px;
  overflow: hidden;
  transform: translateY(-50%);
}

.more-arrow-medium {
  scale: 1.2;
}

.more-arrow-large {
  scale: 1.7;
}

.more-arrow-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.more-arrow__svg {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 67px;
  height: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  left: auto;
}

button:hover .more-arrow__svg,
a:hover .more-arrow__svg {
  transform: translateX(calc(100% / 1.5));
}

@media screen and (max-width: 768px) {
  .more-arrow {
    width: 4.2666666667vw;
    height: 13px;
    scale: 1;
  }

  .more-arrow-medium {
    scale: 1;
  }

  .more-arrow__svg {
    height: 100%;
  }

  .p-index-newsSubmenu__list .more-arrow {
    display: none;
  }
}

/* NEWS詳細MORE矢印 */
.news-more-arrow {
  position: absolute;
  width: 1.5vw;
  height: 13px;
  top: 50%;
  right: 0;
  overflow: hidden;
  transform: translateY(-50%);
}

.news-more-arrow-medium {
  scale: 1.2;
}

.news-more-arrow-large {
  scale: 1.7;
}

.news-more-arrow-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.news-more-arrow__svg {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 67px;
  height: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  left: auto;
}

.news-more-arrow__svg-opacity {
  opacity: 0.2;
}

button:hover .news-more-arrow__svg,
a:hover .news-more-arrow__svg {
  transform: translateX(calc(100% / 1.5));
}

button:hover .news-more-arrow__svg-opacity,
a:hover .news-more-arrow__svg-opacity {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .news-more-arrow {
    display: none;
  }
}

/* スライダー矢印 */
.slider-arrow {
  position: absolute;
  width: 24px;
  height: 14px;
  top: 1.953125vw;
  left: calc(50% - 0.390625vw);
  overflow: hidden;
  transform: translateY(-50%);
}

.slider-arrow-medium {
  scale: 1.2;
}

.slider-arrow-large {
  scale: 1.7;
}

.slider-arrow-left {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.slider-arrow__svg {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 67px;
  height: 15px;
  transition: transform 0.2s ease-in-out;
  display: block;
  left: auto;
}

.slider-arrow:hover .slider-arrow__svg {
  transform: translateX(calc(100% / 1.5));
}

@media screen and (max-width: 768px) {
  .slider-arrow {
    width: 23px;
    height: 24px;
    top: 29%;
    left: calc(50% - 2.1333333333vw);
    scale: 1;
    transform: translateY(-50%);
  }

  .slider-arrow-left {
    -webkit-transform: rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }

  .slider-arrow__svg {
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
  }

  .slider-arrow:hover .slider-arrow__svg {
    transform: translateY(-50%) translateX(0);
  }
}

/* 部屋スライダー矢印 */
.room-slider-arrow {
  position: absolute;
  width: 1.5vw;
  height: 14px;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.room-slider-arrow-left {
  -webkit-transform: scale(-1) translate(50%, 50%);
  transform: scale(-1) translate(50%, 50%);
}

.room-slider-arrow__svg {
  width: 279%;
  height: 14px;
  display: block;
}

@media screen and (max-width: 768px) {
  .room-slider-arrow {
    width: 26px;
    height: 13.5px;
    top: 50%;
    left: 55%;
  }

  .room-slider-arrow-medium {
    scale: 1.2;
  }

  .room-slider-arrow-large {
    scale: 1.7;
  }

  .room-slider-arrow__svg {
    position: absolute;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 67px;
    height: auto;
    transition: transform 0.2s ease-in-out;
    display: block;
    left: auto;
  }

  .room-slider-arrow:hover .room-slider-arrow__svg {
    transform: translateX(calc(100% / 1.5));
  }
}

/* ニュース一覧へ戻る矢印 */
.news-back-arrow {
  position: absolute;
  width: 2vw;
  height: 13px;
  top: calc(50% - 4px);
  left: -34px;
  overflow: hidden;
  transform: translateY(-50%);
  scale: 1.2;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.news-back-arrow-medium {
  scale: 1.2;
}

.news-back-arrow-large {
  scale: 1.7;
}

.news-back-arrow-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.news-back-arrow__svg {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 67px;
  height: 0.5859375vw;
  transition: transform 0.2s ease-in-out;
  display: block;
  left: auto;
}

a:hover .news-back-arrow__svg {
  transform: translateX(calc(100% / 1.5));
}

/* 戻る矢印 */
.back-arrow {
  position: absolute;
  width: 26px;
  height: 13px;
  top: calc(50% - 6px);
  left: 50px;
  overflow: hidden;
  transform: translateY(-50%);
  scale: 1.2;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.back-arrow-medium {
  scale: 1.2;
}

.back-arrow-large {
  scale: 1.7;
}

.back-arrow-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.back-arrow__svg {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 67px;
  height: 13px;
  transition: transform 0.2s ease-in-out;
  display: block;
  left: auto;
}

a:hover .back-arrow__svg {
  transform: translateX(calc(100% / 1.5));
}

/* RESERVATION CHECK */
.reservation-check {
  width: 3.3854166667vw;
  height: 2.4088541667vw;
  top: -3.2552083333vw;
  left: calc(50% - 1.6276041667vw);
  position: absolute;
}

@media screen and (max-width: 768px) {
  .reservation-check {
    width: 8.5333333333vw;
    height: 5.6vw;
    top: -10.6666666667vw;
    left: calc(50% - 4vw);
  }
}

/* FLLOW AS */
.p-index-instagram__card-list {
  width: calc((100% / 3) - 11px);
  padding-bottom: calc((100% / 3) - 11px);
  overflow: hidden;
  position: relative;
  margin: calc(((100% / 3) - ((100% / 3) - 10px)) / 3);
  min-width: 16vw;
  display: inline-flex;
}

.p-index-activity__card-wrap {
  display: block !important;
  text-align: center;
}

.p-index-instagram__card {
  width: 100%;
  height: 150%;
  position: absolute;
  top: -54px;
  left: 50%;
  transform: translateX(-50%);
}

.p-index-instagram__card>iframe {
  width: 100% !important;
  height: 100%;
  max-width: unset !important;
  min-width: unset !important;
}

.p-index-instagram__sns {
  text-align: center;
  width: max-content;
  margin: auto;
  margin-bottom: 33px;
}

.p-index-instagram__sns-icons {
  display: inline-flex;
  width: 100%;
  text-align: center;
}

.p-index-instagram__sns-icon {
  width: 35px;
  margin: 0 11px;
  display: block;
}

.p-index-instagram__sns-icon-img {
  width: 100%;
  object-fit: cover;
}

.p-index-instagram__sns-icon-img-xlogo {
  padding: 3px;
}

@media screen and (max-width: 768px) {
  .p-index-instagram__sns-icon {
    width: 27px;
  }

  .p-index-instagram__card-list {
    margin: 0;
  }

  .p-index-instagram__sns-icon-img {
    width: 27px;
  }
}

/* topick */
@media screen and (max-width: 768px) {
  .elmPC {
    display: none !important;
  }

  .elmSP {
    display: block !important;
  }
}

@media screen and (min-width: 769px) {
  .elmPC {
    display: block !important;
  }

  .elmSP {
    display: none !important;
  }
}

.swiper-wrapper.p-index-topick-plancard {
  height: max-content;
}

.p-index-topicktitle .p-index-topicktitle__title {
  color: #282828;
  letter-spacing: 0.09em;
  font-family: Jost, sans-serif;
}

.p-index-tokick__topicks .swiper-slide {
  opacity: 0.5;
}

.p-index-tokick__topicks .swiper-slide-active,
.p-index-tokick__topicks .swiper-slide-next {
  opacity: 1;
}

.swiper-wrapper.p-index-topick-plancard {
  height: max-content;
}

.p-index-topick-plancard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.p-index-tokick__topicks {
  /* display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox; */
  /* display: flex; */
  /* -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; */
  /* margin-bottom: 9.1145833333vw; */
  /* width: 100% !important;
  margin-inline: auto;
  padding-inline: 9.765625vw;
  max-width: 1536px; */
  width: 100%;
  max-width: calc((1536px - (9.765625vw * 2)) / 2);
  position: relative;
}

.p-article__list {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 769px) {
  .p-index-topick {
    padding-bottom: 7.8125vw;
    width: 100%;
    max-width: calc(1536px - (9.765625vw * 2));
    margin: auto;
  }

  .p-index-topick .p-index-topick__title {
    width: 100%;
    margin-inline: auto;
    padding-inline: 0;
    margin-bottom: 2.6041666667vw;
    /* padding-inline: 9.765625vw;
    max-width: 1536px; */
  }

  .p-index-topicktitle .p-index-topicktitle__title {
    font-size: clamp(12px, 2.5vw, 30px);
    margin-right: 2.6041666667vw;
    font-weight: 400;
  }

  .p-article__list {
    margin-top: 1.5625vw;
  }

  .p-index-tokick__topicks .swiper-slide {
    /* width: 50% !important; */
  }
}

.p-article__list--link {
  text-decoration: none;
  transition: 0.3s;
  display: block;
  height: 100%;
}

.p-article__list--link:hover {
  opacity: 0.6;
}

.p-article__slider {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-index-topick {
    padding-top: 18.6666666667vw;
    padding-bottom: 16vw;
    border-bottom: 2px solid #efefef;
  }

  .p-index-topicktitle .p-index-topicktitle__title {
    font-size: clamp(12px, 5.3333333333vw, 20px);
    font-weight: 500;
    /* margin-bottom: 30px; */
    /* padding-inline: 30px; */
  }

  .p-article__list--link:hover {
    opacity: 1;
  }

  .p-index-tokick__topicks {
    padding-inline: 0px;
    width: 100% !important;
  }
}

.p-article__slider .swiper-container {
  padding-top: 1.6276041667vw !important;
}

@media screen and (max-width: 768px) {
  .p-article__slider .swiper-container {
    overflow: unset;
  }

  .p-article__slider .swiper-slide {
    width: auto;
  }

  .p-article__slider {
    margin-left: 0;
    margin-right: 0;
  }

  .p-article__slider.one-slide .swiper-container {
    width: 100% !important;
  }

  .p-article__slider.one-slide .swiper-pagination {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {

  .p-article__slider .swiper-button-prev,
  .p-article__slider .swiper-button-next {
    transform: translateY(-0.6510416667vw) !important;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: 0;
    margin-top: -30px;
    background: transparent !important;
    transition: 0.2s;
  }
}

@media screen and (max-width: 768px) {

  .p-article__slider .swiper-button-prev,
  .p-article__slider .swiper-button-next {
    display: none;
  }
}

.p-article__slider .swiper-button-prev {
  left: -2.6041666667vw;
}

.p-article__slider .swiper-button-next {
  right: -1.953125vw;
}

.p-article__slider .swiper-button-prev:before,
.p-article__slider .swiper-button-next:before {
  content: "　";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px solid #eaeaea;
  background: #ffffff !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  font-size: 0.86rem;
  transition: 0.3s;
  font-family: "iconFontA";
}

.p-article__slider .swiper-button-prev:before {
  content: "\e908";
}

.p-article__slider .swiper-button-next:before {
  content: "\e907";
}

.p-article__slider .swiper-button-prev.swiper-button-disabled,
.p-article__slider .swiper-button-next.swiper-button-disabled {
  display: none;
}

.p-article__slider .swiper-pagination {
  position: static;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
}

@media screen and (min-width: 769px) {
  .p-article__slider .swiper-pagination {
    padding-top: 2.34375vw !important;
  }
}

@media screen and (max-width: 768px) {
  .p-article__slider .swiper-pagination {
    padding-top: 3.2vw !important;
  }
}

.p-article__slider .swiper-pagination .swiper-pagination-bullet {
  display: block;
  background-color: #e4e4e4;
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .p-article__slider .swiper-pagination .swiper-pagination-bullet {
    width: 0.4557291667vw;
    height: 0.4557291667vw;
    margin: 0 0.29296875vw;
  }
}

@media screen and (max-width: 768px) {
  .p-article__slider .swiper-pagination .swiper-pagination-bullet {
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    margin: 0 1.2vw;
  }
}

.p-article__slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e4e4e4;
  transform: scale(1.28);
}

.p-article__slider .swiper-pagination-lock {
  display: none;
}

.p-article__item {
  background-color: #f4f6f7;
  border: 1px solid #e4e4e4;
}

@media screen and (min-width: 769px) {
  .p-article__item {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-article__item {
    width: 100%;
    display: flex;
  }
}

@media screen and (min-width: 769px) {
  .p-article__item--left {
    width: 43%;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-article__item--left {
    width: 31.7333333333vw;
  }
}

.p-article__thumb {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 17 / 13;
}

@media screen and (max-width: 768px) {
  .p-article__thumb {
    width: 31.7333333333vw;
    aspect-ratio: 1.32 / 1;
  }
}

@media screen and (min-width: 769px) {
  .p-article__item--right {
    margin: 0 25px 0 25px;
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .p-article__item--right {
    box-sizing: border-box;
    padding: 2.6666666667vw;
    width: calc(100% - 31.7333333333vw);
  }
}

.p-article__title-text {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.p-article__title {
  color: var(--theme-color);
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .p-article__title {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.05em;
  }
}

@media screen and (max-width: 768px) {
  .p-article__title {
    font-weight: 300;
    font-size: clamp(12px, 3.4666666667vw, 13px);
    line-height: 150%;
    letter-spacing: 0.03em;
  }
}

@media screen and (min-width: 769px) {
  .p-article__date {
    font-weight: 500;
    color: #757575;
    text-align: right;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-top: 0.6510416667vw;
  }
}

@media screen and (max-width: 768px) {
  .p-article__date {
    font-weight: 500;
    color: #757575;
    text-align: right;
    font-size: clamp(12px, 3.4666666667vw, 13px);
    letter-spacing: 0.02em;
    margin-top: 0.5208333333vw;
  }
}

.p-index-topick-pagination .p-index-topick-pagination__navi {
  text-align: left;
}

.p-index-topick-pagination .p-index-topick-pagination__navi span {
  border-radius: 0;
  background-color: var(--theme-color);
  width: 6px;
  height: 6px;
}

.p-index-topick-pagination .p-index-topick-pagination__button--next,
.p-index-topick-pagination .p-index-topick-pagination__button--prev {
  outline: 0;
}

.p-index-topick-pagination .p-index-topick-pagination__button--prev::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.p-index-topick-pagination .swiper-button-disabled {
  opacity: 0.5;
}

.l-header-inquiry .l-header-inquiry_item--reservation span {
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .p-index-topick-pagination {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    position: absolute;
    width: calc(1536px - (9.765625vw * 2));
    top: 0;
  }

  .p-index-topick-pagination .p-index-topick-pagination__navi {
    position: absolute;
    text-align: right;
    margin-bottom: 2.2786458333vw;
  }

  .p-index-topick-pagination .p-index-topick-pagination__button--next,
  .p-index-topick-pagination .p-index-topick-pagination__button--prev {
    position: absolute;
    width: 3.90625vw;
    height: 3.90625vw;
    border: 1px solid var(--theme-color);
    border-radius: 50%;
    top: 3.90625vw;
    z-index: 3;
    transform: translateY(calc(5% - (3.90625vw / 2)));
  }

  .p-index-topick-pagination .p-index-topick-pagination__button--next::before,
  .p-index-topick-pagination .p-index-topick-pagination__button--prev::before {
    width: 1.4973958333vw;
    height: 0.7486979167vw;
    top: calc(50% - 0.3580729167vw);
    left: calc(50% - 0.7486979167vw);
  }

  .p-index-topick-pagination .p-index-topick-pagination__button--next {
    right: calc(50% - 47.5260416667vw);
  }

  .p-index-topick-pagination .p-index-topick-pagination__button--prev {
    left: calc(50% - 47.5260416667vw);
  }
}

@media screen and (max-width: 768px) {
  .p-index-news+.p-index-topick {
    padding-top: 0;
    padding-inline: 20px;
  }

  .p-index-topick-pagination {
    /* margin-bottom: 16vw; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    margin-top: 24px;
  }

  .p-index-topick-pagination .p-index-topick-pagination__navi {
    width: 100% !important;
    bottom: auto !important;
    position: relative;
    z-index: auto;
    margin-top: 15px;
    margin-left: 0;
    margin-right: auto;
  }

  .p-index-topick-pagination .p-index-topick-pagination__button--next,
  .p-index-topick-pagination .p-index-topick-pagination__button--prev {
    position: relative;
    width: 15%;
    height: 100%;
  }

  .p-index-topick-pagination .p-index-topick-pagination__button--next::before,
  .p-index-topick-pagination .p-index-topick-pagination__button--prev::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 4vw;
    left: calc(50% - 2.1333333333vw);
  }

  .fv_gallerys {
    padding-bottom: 50px;
  }

  .fv_gallerys--button {
    bottom: calc(50px - 27px);
  }

  .fv_gallerys--accordion {
    width: 100%;
    height: calc((((100vw / 2) - 5px) * 0.75) * 1);
  }

  .fv_gallerys--container {
    gap: 5px;
  }

  .fv_gallerys-images--container {
    flex: 1 1 calc(50% - 5px);
    height: auto;
  }

  .fv_gallerys-images--container:last-child:nth-child(odd) {
    flex: 0 0 calc(50% - 5px);
  }

  .fv_gallerys-images--container {
    position: relative;
    padding-bottom: calc(((100% / 2) - 5px) * 0.75);
    overflow: hidden;
  }

  .fv_gallerys-image {
    position: absolute;
    top: 0;
    left: 0;
  }

  .group_segment__title-h2 {
    font-size: clamp(12px, 6.4vw, 24px);
    font-weight: 500;
    display: block;
    width: max-content;
    margin: auto;
  }

  .group_segment__title-text {
    font-size: clamp(12px, 4vw, 15px);
    display: block;
    width: max-content;
    margin: auto;
  }

  .group_segment__title {
    display: block;
    width: 100%;
    text-align: center;
  }

  .group_segment--card__name {
    font-size: 17px;
  }

  .p-index-room__rooms,
  .p-index-dinner__dinner,
  .p-index-dinner__breakfast {
    position: relative;
  }

  .p-index-room__rooms::after,
  .p-index-dinner__dinner::after,
  .p-index-dinner__breakfast::after {
    content: "";
    display: block;
    width: 100vw;
    height: 110px;
    background-color: var(--theme-color);
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
  }

}

.instagram-reel {
  padding-top: 6.5104166667vw;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  /* padding-bottom: 13.0208333333vw; */
  padding-bottom: 30px;
}

.instagram-reel__title {
  letter-spacing: 0.07em;
  margin-bottom: 1.3020833333vw;
  line-height: 1;
}

.instagram-reel__title h2 {
  color: var(--theme-color);
  letter-spacing: 0.07em;
  font-size: clamp(12px, 4.1666666667vw, 50px);
  margin-right: 0.4em;
  font-weight: 400;
}

.instagram-reel__title span {
  font-weight: 700;
  color: var(--theme-color);
  font-size: clamp(12px, 1.4166666667vw, 17px);
}

.instagram-reel__slider {
  position: relative;
  margin-top: 40px;
  padding-bottom: 47px;
}

.instagram-reel__swiper-wrapper {
  height: auto !important;
}

.instagram-reel-slide {
  overflow: hidden;
  /* position: relative; */
  aspect-ratio: 0.56;
}

.instagram-reel-slide>.instagram-reel-linkcard--under+iframe {
  min-width: unset !important;
  position: absolute;
  height: 100%;
  z-index: 0;
  top: calc(-55px * 1.47);
  left: 0;
  transform: scale(1.47);
  transform-origin: top center;
}

.instagram-reel-slide>.instagram-reel-linkcard--under+blockquote {
  position: absolute;
  z-index: 0;
  top: -18px;
  left: 50%;
  transform: translateX(-50%) scale(0.6);
  transform-origin: top center;
}

.instagram-reel-linkcard--top {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33%;
  z-index: 1;
}

.instagram-reel-linkcard--under {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 37%;
  z-index: 1;
}

.instagram-reel-slide>.instagram-reel-linkcard--under+iframe .WatchOnInstagramContainer {
  display: none;
}

.instagram-reel-slide {
  opacity: 0.5;
}

.instagram-reel-slide.swiper-slide-active,
.instagram-reel-slide.swiper-slide-next,
.instagram-reel-slide.swiper-slide-next+div,
.instagram-reel-slide.swiper-slide-next+div+div,
.instagram-reel-slide.swiper-slide-next+div+div+div,
.instagram-reel-slide.swiper-slide-next+div+div+div+div {
  opacity: 1;
}

.activity-option__youtube {
  display: block;
  margin: auto;
  aspect-ratio: 16 / 9;
  width: 100% !important;
  height: auto !important;
}

@media screen and (max-width: 768px) {
  .p-index-room__movie-wrap {
    padding-bottom: 47px;
  }

  .p-index-room__movie {
    margin-top: 35px;
  }

  .p-index-room__movie-wrap .sp-only.swiper-navi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 46px;
    position: absolute;
    left: 0;
    bottom: 0;
    align-items: center;
    z-index: 1;
  }

  .youtube-swiper-on::after {
    content: "";
    display: block;
    width: 100vw;
    height: 110px;
    background-color: var(--theme-color);
    position: absolute;
    bottom: 0;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .p-index-room__movie-wrap .sp-only.swiper-pagination {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    z-index: 1;
    height: 46px;
    bottom: 0;
  }

  .p-index-room__movie-wrap .sp-only.swiper-pagination .swiper-pagination-bullet {
    display: block;
    background-color: #E1E1E1;
    opacity: 1;
    border-radius: 0;
    max-width: 6px;
    max-height: 6px;
    margin: 4px !important;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
  }


  .p-index-room__movie-wrap .sp-only.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    transform: scale(1.28);
  }



  .instagram-reel {
    padding-top: 16vw;
    padding-inline: 10px;
    /* padding-bottom: 26.6666666667vw; */
  }

  .instagram-reel__title {
    text-align: center;
    margin-bottom: 5.3333333333vw;
  }

  .instagram-reel__title h2 {
    font-size: 24px;
    font-weight: 600;
  }

  .instagram-reel__title span {
    font-size: 14px;
  }

  .instagram-reel-slide {
    border-radius: 10px;
  }

  .instagram-reel__slider::after {
    content: "";
    display: block;
    width: 100vw;
    height: 110px;
    background-color: var(--theme-color);
    position: absolute;
    bottom: 0;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .instagram-reel-slide>.instagram-reel-linkcard--under+iframe,
  .instagram-reel-slide>.instagram-reel-linkcard--under+blockquote {
    /* transform-origin: 50% calc(50% - 54px); */
  }


  .instagram-reel__slider .swiper-container {
    overflow: unset;
  }

  .instagram-reel__slider {
    margin-top: 30px;
  }

  .instagram-reel__slider .sp-only.swiper-navi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 46px;
    position: absolute;
    left: 0;
    align-items: center;
  }

  .instagram-reel__slider .sp-only.swiper-button-prev,
  .instagram-reel__slider .sp-only.swiper-button-next {
    position: relative;
    width: 15%;
    height: 100%;
    outline: 0;
    top: auto;
    margin: 0;
    background-image: none;
  }

  .instagram-reel__slider .sp-only.swiper-button-prev::before,
  .instagram-reel__slider .sp-only.swiper-button-next::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    width: 4.2666666667vw;
    height: 2.1333333333vw;
    top: 4vw;
    left: calc(50% - 2.1333333333vw);
  }

  .instagram-reel__slider .sp-only.swiper-button-prev .room-slider-arrow-left {
    -webkit-transform: scale(-1) translate(50%, 50%);
    transform: scale(-1) translate(50%, 50%);
  }

  .instagram-reel__slider .sp-only.swiper-button-prev::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .instagram-reel__slider .sp-only.swiper-navi {
    /* width: 100vw;
    left: 50%;
    transform: translateX(-50%); */
    z-index: 1;
  }

  .instagram-reel__slider .sp-only.swiper-button-prev {
    left: 0;
  }

  .instagram-reel__slider .sp-only.swiper-button-next {
    right: 0;
  }

  .instagram-reel__slider .sp-only.swiper-pagination {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    z-index: 1;
    height: 46px;
    bottom: 0;
  }

  .instagram-reel__slider .sp-only.swiper-pagination .swiper-pagination-bullet {
    display: block;
    background-color: #E1E1E1;
    opacity: 1;
    border-radius: 0;
    max-width: 6px;
    max-height: 6px;
    margin: 4px !important;
  }

  .instagram-reel__slider .sp-only.swiper-pagination .swiper-pagination-bullet {
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    margin: 0 1.2vw;
  }

  .instagram-reel__slider .sp-only.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    transform: scale(1.28);
  }

  .p-room__slider .sp-only.swiper-pagination-lock {
    display: none;
  }

}

.footer-sns {
  width: max-content;
  margin: auto;
  margin-top: 30px;
}