@charset "UTF-8";
/* mv layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* 内径 */
/* flexbox */
/* フォント */
/*@mixin font-hdl {
	font-family: 'Zapfino', cursive;
	font-weight: 400;
}*/
/* アイキャッチアイコンセット */
/* ボタン */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタンの中のspan */
/* 両脇吹き出し線 */
/* キャプション */
/* ボタン */
/* 見出し */
/* フォントサイズ */
/* 文字装飾 */
/* 縦書き */
/* 文字グロー */
/* 背景パターン */
/* 角丸 */
/* 角丸 */
/* 
---------------------------------------------------------------------------*/
.itr {
  padding-bottom: 140px; }
  @media screen and (max-width: 1300px) {
    .itr {
      padding-bottom: 10.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .itr {
      padding-bottom: 10.8695652174vw; } }

/* 
---------------------------------------------------------------------------*/
.anc {
  padding-top: 0; }
  @media screen and (max-width: 480px) {
    .anc {
      padding-top: 7.2463768116vw; } }

/* 
---------------------------------------------------------------------------*/
.room.room01 {
  background-image: url(../img/cmn/bg-left@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: left top; }
  @media screen and (max-width: 1300px) {
    .room.room01 {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .room.room01 {
      background-size: 84.2995169082vw auto; } }
.room.room02 {
  background-color: #ffffff;
  background-image: url(../img/cmn/bg-right@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: right top; }
  @media screen and (max-width: 1300px) {
    .room.room02 {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .room.room02 {
      background-size: 84.2995169082vw auto; } }
.room.room03 {
  background-image: url(../img/cmn/bg-left@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: left top; }
  @media screen and (max-width: 1300px) {
    .room.room03 {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .room.room03 {
      background-size: 84.2995169082vw auto; } }
  .room.room03 .slick-dots li:nth-of-type(1) button {
    background-image: url(../img/room/room03-01.jpg); }
  .room.room03 .slick-dots li:nth-of-type(2) button {
    background-image: url(../img/room/room03-02.jpg); }
  .room.room03 .slick-arrow.slick-prev {
    left: calc(50% - 136px);
    background-image: url(../img/cmn/slick-prev@2x.png); }
    @media screen and (max-width: 1300px) {
      .room.room03 .slick-arrow.slick-prev {
        left: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .room.room03 .slick-arrow.slick-prev {
        left: 2.4154589372vw; } }
  .room.room03 .slick-arrow.slick-next {
    right: calc(50% - 136px); }
    @media screen and (max-width: 1300px) {
      .room.room03 .slick-arrow.slick-next {
        right: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .room.room03 .slick-arrow.slick-next {
        right: 2.4154589372vw; } }
.room.room04 {
  background-color: #ffffff;
  background-image: url(../img/cmn/bg-right@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: right top; }
  @media screen and (max-width: 1300px) {
    .room.room04 {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .room.room04 {
      background-size: 84.2995169082vw auto; } }
  .room.room04 .slick-dots li:nth-of-type(1) button {
    background-image: url(../img/room/room04-01.jpg); }
  .room.room04 .slick-dots li:nth-of-type(2) button {
    background-image: url(../img/room/room04-02.jpg); }
  .room.room04 .slick-dots li:nth-of-type(3) button {
    background-image: url(../img/room/room04-03.jpg); }
  .room.room04 .slick-arrow.slick-prev {
    left: calc(50% - 178px);
    background-image: url(../img/cmn/slick-prev@2x.png); }
    @media screen and (max-width: 1300px) {
      .room.room04 .slick-arrow.slick-prev {
        left: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .room.room04 .slick-arrow.slick-prev {
        left: 2.4154589372vw; } }
  .room.room04 .slick-arrow.slick-next {
    right: calc(50% - 178px); }
    @media screen and (max-width: 1300px) {
      .room.room04 .slick-arrow.slick-next {
        right: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .room.room04 .slick-arrow.slick-next {
        right: 2.4154589372vw; } }
.room.room05 {
  background-image: url(../img/cmn/bg-left@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: left top; }
  @media screen and (max-width: 1300px) {
    .room.room05 {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .room.room05 {
      background-size: 84.2995169082vw auto; } }
.room-wrap {
  /* 1280 */
  width: 1300px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .room-wrap {
      width: 100vw;
      padding-left: 0.7692307692vw;
      padding-right: 0.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .room-wrap {
      padding-left: 6.884057971vw;
      padding-right: 6.884057971vw; } }
.room-img {
  margin-bottom: 56px; }
  @media screen and (max-width: 1300px) {
    .room-img {
      margin-bottom: 4.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .room-img {
      margin-bottom: 7.2463768116vw;
      margin-left: -6.884057971vw;
      margin-right: -6.884057971vw;
      width: 100vw; }
      .room-img img {
        width: 100%;
        height: 50vw;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"; } }
.room-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 100px; }
  @media screen and (max-width: 1300px) {
    .room-detail {
      padding: 0 12.077294686vw; } }
  @media screen and (max-width: 480px) {
    .room-detail {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0; } }
  .room-detail-tx {
    width: 500px; }
    @media screen and (max-width: 1300px) {
      .room-detail-tx {
        width: 38.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .room-detail-tx {
        width: 100%;
        margin-bottom: 7.2463768116vw; } }
    .room-detail-tx h3 {
      font-size: 24px;
      line-height: 1.8;
      letter-spacing: .075em;
      font-weight: 700;
      margin-bottom: 0.8em; }
      @media screen and (max-width: 1300px) {
        .room-detail-tx h3 {
          font-size: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .room-detail-tx h3 {
          font-size: 5.7971014493vw; } }
      @media screen and (max-width: 480px) {
        .room-detail-tx h3 {
          margin-bottom: 0.4em; } }
    .room-detail-tx p {
      font-size: 18px;
      line-height: 2.22;
      letter-spacing: .08em; }
      @media screen and (max-width: 1300px) {
        .room-detail-tx p {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .room-detail-tx p {
          font-size: 4.347826087vw; } }
      @media screen and (max-width: 480px) {
        .room-detail-tx p {
          line-height: 1.77; } }
  .room-detail-data {
    width: 504px; }
    @media screen and (max-width: 1300px) {
      .room-detail-data {
        width: 38.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .room-detail-data {
        width: 100%; } }
    .room-detail-data dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0.8em; }
      @media screen and (max-width: 480px) {
        .room-detail-data dl {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .room-detail-data dl dt {
        width: 32px; }
        @media screen and (max-width: 1300px) {
          .room-detail-data dl dt {
            width: 2.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .room-detail-data dl dt {
            width: 7.729468599vw; } }
      .room-detail-data dl dd {
        margin: 0 2em 0 .5em; }
        .room-detail-data dl dd + dt {
          width: 23px; }
          @media screen and (max-width: 1300px) {
            .room-detail-data dl dd + dt {
              width: 1.7692307692vw; } }
          @media screen and (max-width: 480px) {
            .room-detail-data dl dd + dt {
              width: 5.5555555556vw; } }
    .room-detail-data .pgtbl th {
      width: 144px; }
      @media screen and (max-width: 1300px) {
        .room-detail-data .pgtbl th {
          width: 11.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .room-detail-data .pgtbl th {
          width: 100%; } }
    .room-detail-data .pgtbl td {
      width: calc(100% - 144px); }
      @media screen and (max-width: 1300px) {
        .room-detail-data .pgtbl td {
          width: calc(100% - 11vw); } }
      @media screen and (max-width: 480px) {
        .room-detail-data .pgtbl td {
          width: 100%; } }
.room-btn {
  width: 340px;
  margin: 56px auto 0; }
  .room-btn a, .room-btn .atag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 72px;
    border-radius: 36px;
    border: 3px solid #ea9b56;
    background-color: #ea9b56; }
    @media screen and (max-width: 1300px) {
      .room-btn a, .room-btn .atag {
        height: 5.5384615385vw;
        border-radius: 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .room-btn a, .room-btn .atag {
        height: 16.4251207729vw;
        border-radius: 8.2125603865vw; } }
    @media screen and (min-width: 480px) {
      .room-btn a:hover, .room-btn .atag:hover {
        opacity: 1;
        background-color: #ffffff; }
        .room-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(1), .room-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(1) {
          opacity: 0; }
        .room-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(2), .room-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(2) {
          opacity: 1; } }
    .room-btn a > span, .room-btn .atag > span {
      display: block;
      width: 100%;
      white-space: nowrap;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .room-btn a > span span:nth-of-type(1), .room-btn .atag > span span:nth-of-type(1) {
        font-weight: 700;
        letter-spacing: .075em;
        margin-right: 26px; }
        @media screen and (max-width: 1300px) {
          .room-btn a > span span:nth-of-type(1), .room-btn .atag > span span:nth-of-type(1) {
            margin-right: 2vw; } }
        @media screen and (max-width: 480px) {
          .room-btn a > span span:nth-of-type(1), .room-btn .atag > span span:nth-of-type(1) {
            font-size: 4.347826087vw;
            margin-right: 3.1400966184vw; } }
      .room-btn a > span span:nth-of-type(2), .room-btn .atag > span span:nth-of-type(2) {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 14px; }
        @media screen and (max-width: 1300px) {
          .room-btn a > span span:nth-of-type(2), .room-btn .atag > span span:nth-of-type(2) {
            width: 1.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .room-btn a > span span:nth-of-type(2), .room-btn .atag > span span:nth-of-type(2) {
            width: 3.3816425121vw; } }
        .room-btn a > span span:nth-of-type(2) img, .room-btn .atag > span span:nth-of-type(2) img {
          width: 14px; }
          @media screen and (max-width: 1300px) {
            .room-btn a > span span:nth-of-type(2) img, .room-btn .atag > span span:nth-of-type(2) img {
              width: 1.0769230769vw; } }
          @media screen and (max-width: 480px) {
            .room-btn a > span span:nth-of-type(2) img, .room-btn .atag > span span:nth-of-type(2) img {
              width: 3.3816425121vw; } }
        .room-btn a > span span:nth-of-type(2) span, .room-btn .atag > span span:nth-of-type(2) span {
          display: block;
          position: absolute;
          width: 100%;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: ease;
          width: 100%;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
          .room-btn a > span span:nth-of-type(2) span:nth-of-type(2), .room-btn .atag > span span:nth-of-type(2) span:nth-of-type(2) {
            opacity: 0; }
  @media screen and (max-width: 1300px) {
    .room-btn {
      width: 26.1538461538vw;
      margin: 4.3076923077vw auto 0; } }
  @media screen and (max-width: 480px) {
    .room-btn {
      width: 86.4734299517vw;
      margin: 9.6618357488vw auto 0; } }

/* 
---------------------------------------------------------------------------*/
.ame {
  background-color: #ffffff; }
  .ame-wrap {
    /* 1280 */
    width: 1300px;
    padding-left: 110px;
    padding-right: 110px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .ame-wrap {
        width: 100vw;
        padding-left: 8.4615384615vw;
        padding-right: 8.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .ame-wrap {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }
  .ame-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px; }
    @media screen and (max-width: 1300px) {
      .ame-img {
        margin-bottom: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .ame-img {
        margin-bottom: 7.2463768116vw; } }
    .ame-img li {
      width: 252px;
      margin-bottom: 0.8em; }
      @media screen and (max-width: 1300px) {
        .ame-img li {
          width: 19.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .ame-img li {
          width: 48%; } }
      .ame-img li p {
        text-align: center;
        margin-top: 0.3em; }

/* 
---------------------------------------------------------------------------*/
.basic-wrap {
  /* 1280 */
  width: 1300px;
  padding-left: 110px;
  padding-right: 110px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .basic-wrap {
      width: 100vw;
      padding-left: 8.4615384615vw;
      padding-right: 8.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .basic-wrap {
      padding-left: 6.884057971vw;
      padding-right: 6.884057971vw; } }

/* 20241025追加
---------------------------------------------------------------------------*/
.ancimg .ancimg-tx .atag span span:nth-of-type(1){
	line-height: 1.3;
}

/*# sourceMappingURL=room.css.map */