@charset "UTF-8";
/* トップページ */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
.view-sp,
.view-tb {
  display: none; }

@media screen and (max-width: 768px) {
  .view-sp,
  .view-tb {
    display: block; }

  .view-pc {
    display: none; } }
/* 画像パス */
/* 枠 */
/* flexbox */
/* position */
/* 電話番号リンク設定 */
@media screen and (min-width: 769px) {
  .telnum {
    pointer-events: none; } }

/* フォント */
/* アイキャッチアイコンセット */
/* ボタン */
/* 文字サイズ */
/* 色 */
/* 背景色 */
/* 文字色 */
/* 背景画像 */
/* 中央揃え */
/* object */
/* ホバーアクション */
/* 背景 */
/* 導入
---------------------------------------------------------------------------*/
/* special
---------------------------------------------------------------------------*/
.spcl {
  background-color: #E5E0DB;
  /* 見出し */
  /* 見出し */ }
  .spcl .spcl__wrap {
    padding: 0 10px; }
    @media screen and (max-width: 768px) {
      .spcl .spcl__wrap {
        padding: 0 4vw; } }
  .spcl .spcl__bg {
    max-width: 1030px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding: 20px;
    background-image: url(../img/rooms/bg-special.png);
    background-size: cover; }
    @media screen and (max-width: 768px) {
      .spcl .spcl__bg {
        padding: 4vw; } }
  .spcl .spcl__bg02 {
    background-color: #D4D9A5;
    padding: 48px 45px; }
    @media screen and (max-width: 768px) {
      .spcl .spcl__bg02 {
        padding: 8vw 4vw 4vw; } }
  .spcl .spcl__ttl {
    position: absolute;
    top: -17px;
    left: -10px;
    width: 513px;
    height: 72px;
    background-image: url(../img/rooms/ttl-spcl.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 1; }
    @media screen and (max-width: 768px) {
      .spcl .spcl__ttl {
        width: 80vw;
        height: 11vw;
        left: -1.5vw;
        top: -3vw;
        font-size: 5vw; } }
  .spcl .spcl__ttl span {
    display: inline-block;
    position: relative;
    padding-left: 52px;
    padding-top: 20px; }
    @media screen and (max-width: 768px) {
      .spcl .spcl__ttl span {
        padding-left: 8vw;
        padding-top: 2.9vw; } }
  .spcl .spcl__ttl span::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 35px;
    height: 30px;
    top: 55%;
    background-image: url(../img/rooms/icn-spcl.png); }
    @media screen and (max-width: 768px) {
      .spcl .spcl__ttl span::before {
        width: 7vw;
        height: 6vw;
        top: 50%; } }
  .spcl .spcl__hdl {
    font-size: 20px;
    line-height: 1.75;
    font-weight: 700;
    margin-top: .8em; }
    @media screen and (max-width: 768px) {
      .spcl .spcl__hdl {
        font-size: 4.4vw;
        line-height: 1.75; } }
  @media screen and (max-width: 768px) {
    .spcl .spcl__hdl br {
      display: none; } }
  .spcl .spcl__hdl span {
    display: inline-block;
    padding: 8px;
    background-color: #3F3127;
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    margin-right: .5em; }
    @media screen and (max-width: 768px) {
      .spcl .spcl__hdl span {
        font-size: 3.48vw; } }
  .spcl .spcl__hdl strong {
    color: #9ead33; }
  .spcl .spcl__lead {
    margin-top: .2em; }
  .spcl ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .spcl ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .spcl li {
    width: 415px; }
    @media screen and (max-width: 768px) {
      .spcl li {
        width: 100%; } }
  .spcl li + li {
    position: relative; }
    @media screen and (max-width: 768px) {
      .spcl li + li {
        margin-top: 10vw; } }
  .spcl li + li::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: -36px;
    top: 0;
    border-left: 1px dotted #7D624D; }
    @media screen and (max-width: 1024px) {
      .spcl li + li::before {
        left: -2.2vw; } }
    @media screen and (max-width: 768px) {
      .spcl li + li::before {
        border-left: none;
        border-top: 1px dotted #7D624D;
        width: 100%;
        height: 1px;
        left: 0;
        top: -6vw; } }

/* room
---------------------------------------------------------------------------*/
.room {
  /* テキスト */
  /* 見出し */
  /* 表組 */
  /* アイコン */ }
  .room .room__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative; }
    @media screen and (max-width: 768px) {
      .room .room__detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .room .room__tx {
    width: 400px; }
    @media screen and (max-width: 1024px) {
      .room .room__tx {
        width: 390px; } }
    @media screen and (max-width: 768px) {
      .room .room__tx {
        width: 100%;
        margin-top: 5vw; } }
  .room .room__hdl {
    font-size: 20px;
    color: #7D624D;
    line-height: 1.75;
    margin-bottom: .5em;
    font-weight: 700;
    letter-spacing: -.05em; }
    @media screen and (max-width: 768px) {
      .room .room__hdl {
        font-size: 4.4vw;
        letter-spacing: -.02em;
        line-height: 1.75; } }
  .room .room__tbl {
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .room .room__tbl {
        margin-top: 5vw; } }
  .room .room__tbl th,
  .room .room__tbl td {
    padding: .25em .5em; }
  .room .room__tbl th {
    width: 30%; }
  .room .room__tbl td {
    width: 70%; }
  .room .room__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    padding: 10px;
    left: 0;
    bottom: 0;
    background-color: rgba(63, 49, 39, 0.8); }
    @media screen and (max-width: 768px) {
      .room .room__icon {
        bottom: auto;
        top: 54.8vw;
        padding: 1.5vw 2.5vw; } }
  .room .room__icon li {
    width: 25px; }
  .room .room__icon li + li {
    margin-left: 10px; }

/* 背景 */
.room01,
.room03,
.room05 {
  background-image: url(../img/rooms/bg-rooms.png);
  background-size: cover;
  background-repeat: no-repeat; }

.room02,
.room04 {
  background-color: #E5E0DB; }

/* サムネイル前タイトル */
.room__thumbttl {
  display: inline-block;
  position: absolute;
  left: 640px;
  bottom: 4px;
  padding: .3em .5em;
  background-color: #7D624D;
  color: #ffffff;
  font-size: 14px; }
  @media screen and (max-width: 1024px) {
    .room__thumbttl {
      left: 59.4vw; } }
  @media screen and (max-width: 768px) {
    .room__thumbttl {
      font-size: 2.9vw;
      left: 0;
      bottom: auto;
      top: 70vw; } }

/* サムネイル付きスライダー */
.withthumb {
  width: 600px; }
  @media screen and (max-width: 768px) {
    .withthumb {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .withthumb .slick-slide img {
      width: 100%;
      height: 64.5vw;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; } }
  .withthumb .withthumb_thumb {
    position: absolute;
    width: 400px;
    padding-left: 75px;
    height: 42px;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 768px) {
      .withthumb .withthumb_thumb {
        position: relative;
        width: 100%;
        margin-top: 3vw;
        padding-left: 18vw;
        height: 11.2vw; } }
    .withthumb .withthumb_thumb .slick-track {
      width: 100% !important; }
    .withthumb .withthumb_thumb .slick-slide {
      width: 60px !important;
      border: 2px solid transparent; }
      @media screen and (max-width: 768px) {
        .withthumb .withthumb_thumb .slick-slide {
          width: 16vw !important; } }
    .withthumb .withthumb_thumb .slick-slide img {
      width: 100%;
      height: 42px;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
      @media screen and (max-width: 768px) {
        .withthumb .withthumb_thumb .slick-slide img {
          height: 11.2vw; } }
    .withthumb .withthumb_thumb .slick-slide + .slick-slide {
      margin-left: 8px; }
    .withthumb .withthumb_thumb .slick-active.slick-current {
      opacity: 7;
      border: 2px solid #ffffff; }

/* 客室情報
---------------------------------------------------------------------------*/
.info {
  background-image: url(../img/cmn/bg-net-brown.png);
  background-size: 2000px;
  color: #ffffff;
  /* チェックイン */
  /* 一覧 */
  /* サブタイトル */ }
  @media screen and (max-width: 768px) {
    .info {
      background-size: 140%;
      background-repeat: repeat-y; } }
  .info .info__check {
    text-align: center; }
  .info .info__check p {
    display: inline-block;
    width: 100%;
    max-width: 640px;
    font-size: 20px;
    line-height: 1.75;
    color: #ffffff;
    border-bottom: 1px solid #B1A194;
    padding: 0 30px 20px; }
    @media screen and (max-width: 768px) {
      .info .info__check p {
        font-size: 4.4vw;
        padding: 0 3vw; } }
  .info .info__check p span {
    font-size: 130%; }
  .info .info__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      .info .info__lists {
        margin-top: 5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .info .info__lists li {
    width: 33%;
    border-left: 1px dotted #7D624D;
    padding: 40px; }
    @media screen and (max-width: 768px) {
      .info .info__lists li {
        padding: 4vw;
        border-left: none; } }
  .info .info__lists li:nth-of-type(1) {
    width: 40%; }
    @media screen and (max-width: 768px) {
      .info .info__lists li:nth-of-type(1) {
        width: 100%;
        border-top: none; } }
  .info .info__lists li:nth-of-type(2),
  .info .info__lists li:nth-of-type(3) {
    width: 30%; }
    @media screen and (max-width: 768px) {
      .info .info__lists li:nth-of-type(2),
      .info .info__lists li:nth-of-type(3) {
        width: 100%;
        border-top: 1px dotted #7D624D; } }
  .info .info__subttl {
    font-size: 30px;
    font-family: 'Josefin Sans', sans-serif;
    color: #7D624D;
    margin-bottom: .5em; }
    @media screen and (max-width: 768px) {
      .info .info__subttl {
        font-size: 5vw; } }
  .info dd {
    font-size: 16px;
    line-height: 1.75; }
    @media screen and (max-width: 768px) {
      .info dd {
        font-size: 3.48vw; } }