@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* SP時の倍率 1.5 から 1.7 に変更 */
/* padding margin */
/* 縦書き */
/* 内径 */
/* bdrhdl
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .bdrhdl .ja small {
    display: block;
    margin-top: 1em; } }

/* imgtx
---------------------------------------------------------------------------*/
.imgtx-tx h3 {
  width: calc(100% + 2em);
  margin-left: 0;
  margin-right: -2em; }

/* datatbl
---------------------------------------------------------------------------*/
.datatbl th.w110 {
  width: 110px; }
  @media screen and (max-width: 1300px) {
    .datatbl th.w110 {
      width: 8.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .datatbl th.w110 {
      width: 100%; } }

/* anchor
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .anchor-line {
    width: 80%; } }

/* room-concept
---------------------------------------------------------------------------*/
.room-concept-ttl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .room-concept-ttl::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #223B52;
    margin-left: 24px; }
    @media screen and (max-width: 1300px) {
      .room-concept-ttl::after {
        margin-left: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .room-concept-ttl::after {
        margin-left: 4.8vw; } }
.room-concept.gap51 {
  gap: 51px; }
  @media screen and (max-width: 1300px) {
    .room-concept.gap51 {
      gap: 3.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .room-concept.gap51 {
      gap: 8vw; } }
.room-concept.gap80 {
  gap: 80px; }
  @media screen and (max-width: 1300px) {
    .room-concept.gap80 {
      gap: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .room-concept.gap80 {
      gap: 8vw; } }
.room-concept .w326 {
  width: 326px; }
  @media screen and (max-width: 1300px) {
    .room-concept .w326 {
      width: 25.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .room-concept .w326 {
      width: 100%; } }
.room-concept .w500 {
  width: 500px; }
  @media screen and (max-width: 1300px) {
    .room-concept .w500 {
      width: 38.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .room-concept .w500 {
      width: 100%; } }
.room-concept .w540 {
  width: 540px; }
  @media screen and (max-width: 1300px) {
    .room-concept .w540 {
      width: 41.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .room-concept .w540 {
      width: 100%; } }
.room-concept .bdr {
  padding-bottom: 32px;
  border-bottom: 1px solid #223B52; }
  @media screen and (max-width: 1300px) {
    .room-concept .bdr {
      padding-bottom: 2.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .room-concept .bdr {
      padding-bottom: 8vw; } }
@media screen and (max-width: 480px) {
  .room-concept-img {
    margin-bottom: 8vw; } }

/* about
---------------------------------------------------------------------------*/
.about-fig {
  width: 500px;
  padding-left: 50px; }
  @media screen and (max-width: 1300px) {
    .about-fig {
      width: 38.4615384615vw;
      padding-left: 3.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .about-fig {
      width: 100%;
      padding-left: 0; } }
.about-fac {
  width: 540px; }
  @media screen and (max-width: 1300px) {
    .about-fac {
      width: 41.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .about-fac {
      width: 100%;
      margin-top: 8vw; } }
.about-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 370px; }
  @media screen and (max-width: 1300px) {
    .about-btn a {
      width: 28.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .about-btn a {
      width: 68vw;
      padding-top: 1em;
      padding-bottom: 1em; } }
.about-btn li.popup {
  color: #8F6B14; }
  .about-btn li.popup a {
    border-bottom-color: #8F6B14; }
    @media (hover: hover) {
      .about-btn li.popup a:hover {
        opacity: 1;
        background-color: rgba(143, 107, 20, 0.15);
        cursor: pointer; } }

/* pop
---------------------------------------------------------------------------*/
.pop {
  display: none; }
  .pop > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100svh;
    background-color: rgba(6, 26, 45, 0.65);
    top: 0;
    left: 0;
    z-index: 98000;
    overflow: scroll;
    padding: 40px; }
    @media screen and (max-width: 1300px) {
      .pop > div {
        padding: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .pop > div {
        padding: 5.3333333333vw; } }
  .pop .wrap {
    margin: auto;
    background-color: #F9F8F3;
    color: #8F6B14;
    padding: 184px 96px 96px;
    max-width: 1280px;
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .pop .wrap {
        padding: 14.1538461538vw 7.3846153846vw 7.3846153846vw;
        max-width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .pop .wrap {
        padding: 24.5333333333vw 6.6666666667vw 12vw;
        max-width: 86.6666666667vw; } }
    .pop .wrap .bdrhdl .en {
      color: #C7B589; }
      .pop .wrap .bdrhdl .en::after {
        background-color: #C7B589; }
  .pop-tx {
    width: 400px; }
    @media screen and (max-width: 1300px) {
      .pop-tx {
        width: 30.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .pop-tx {
        width: 100%;
        margin-top: 9.3333333333vw; } }
  .pop-img {
    width: 600px; }
    @media screen and (max-width: 1300px) {
      .pop-img {
        width: 46.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .pop-img {
        width: 100%;
        margin-top: 10.1333333333vw; } }
  .pop-close {
    position: absolute;
    left: 40px;
    top: 40px;
    width: 60px; }
    @media screen and (max-width: 1300px) {
      .pop-close {
        width: 4.6153846154vw;
        left: 3.0769230769vw;
        top: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .pop-close {
        width: 12.8vw;
        left: 5.3333333333vw;
        top: 5.3333333333vw; } }

/* faci
---------------------------------------------------------------------------*/
.faci .datatbl .w150 {
  width: 150px; }
  @media screen and (max-width: 1300px) {
    .faci .datatbl .w150 {
      width: 11.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .faci .datatbl .w150 {
      width: 100%; } }

.amenity {
  position: relative; }
  .amenity-tx {
    width: 160px; }
    @media screen and (max-width: 1300px) {
      .amenity-tx {
        width: 12.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .amenity-tx {
        width: 100%;
        padding-bottom: 10vw; } }
  .amenity .amenitysl-wrap {
    width: 800px;
    margin-left: 20px; }
    @media screen and (max-width: 1300px) {
      .amenity .amenitysl-wrap {
        width: 61.5384615385vw;
        margin-left: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .amenity .amenitysl-wrap {
        width: 100%;
        margin-left: 0;
        margin-top: 8vw; } }
    .amenity .amenitysl-wrap > div {
      width: calc(50vw + 310px);
      margin-right: calc(-50vw + 490px);
      overflow: hidden; }
      @media screen and (max-width: 1300px) {
        .amenity .amenitysl-wrap > div {
          width: calc(50vw + 23.84615vw);
          margin-right: calc(-50vw + 37.6923vw); } }
      @media screen and (max-width: 480px) {
        .amenity .amenitysl-wrap > div {
          width: 100%;
          margin-right: 0; } }
    .amenity .amenitysl-wrap .swiper-slide {
      width: 440px; }
      @media screen and (max-width: 1300px) {
        .amenity .amenitysl-wrap .swiper-slide {
          width: 33.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .amenity .amenitysl-wrap .swiper-slide {
          width: 86.6666666667vw; } }
      .amenity .amenitysl-wrap .swiper-slide .amenitysl-img {
        width: 400px; }
        @media screen and (max-width: 1300px) {
          .amenity .amenitysl-wrap .swiper-slide .amenitysl-img {
            width: 30.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .amenity .amenitysl-wrap .swiper-slide .amenitysl-img {
            width: 80vw;
            margin-left: auto;
            margin-right: auto; } }
  .amenity-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 160px;
    margin-top: 226px; }
    @media screen and (max-width: 1300px) {
      .amenity-navigation {
        width: 12.3076923077vw;
        margin-top: 17.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .amenity-navigation {
        position: absolute;
        width: 32vw;
        margin: 0;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0; } }
    .amenity-navigation::before {
      position: absolute;
      content: "";
      width: 1px;
      height: 30px;
      background-color: #909DA8;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 1300px) {
        .amenity-navigation::before {
          height: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .amenity-navigation::before {
          height: 6vw; } }
    .amenity-navigation .amenitysl-prev,
    .amenity-navigation .amenitysl-next {
      width: 10px; }
      @media screen and (max-width: 1300px) {
        .amenity-navigation .amenitysl-prev,
        .amenity-navigation .amenitysl-next {
          width: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .amenity-navigation .amenitysl-prev,
        .amenity-navigation .amenitysl-next {
          width: 2vw; } }

/* info
---------------------------------------------------------------------------*/
.info .datatbl .w250 {
  width: 250px; }
  @media screen and (max-width: 1300px) {
    .info .datatbl .w250 {
      width: 19.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .info .datatbl .w250 {
      width: 100%; } }
.info dl dt {
  width: 7em; }
.info dl dd {
  width: calc(100% - 7em); }

/* .bdrhdl .en::after
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pop .bdrhdl .en::after {
    width: 70vw;
    bottom: -30vw; } }