@charset "UTF-8";
/* ===================================================================
CSS information

file name  : common_kyokan.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .l-header__top {
    padding-left: 21.7948717949%;
  }
}
@media only screen and (max-width: 767px) {
  .l-header__top__logo {
    width: 40%;
  }
}
.l-header__top__logo a {
  line-height: 1;
}
.l-header__top__nav li a:before {
  background: #be9511;
}
.l-header__top__nav li a:hover, .l-header__top__nav li a.is-active {
  color: #be9511;
}

.l-nav-sp ul li.c1 button {
  background: #94740c;
}

@media only screen and (min-width: 768px) {
  body.is-modal .l-fixlink .btn_rsv {
    color: #009e96;
  }
}
.l-fixlink .language .st:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91e";
  display: inline-block;
  margin-right: 0.5em;
  color: #be9511;
}
.l-fixlink .language .st:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7";
  display: inline-block;
  margin-left: 0.5em;
  color: #be9511;
}
.l-fixlink .language ul li a:hover {
  color: #be9511;
}
.l-fixlink .btn_rsv {
  background: #be9511;
}
.l-fixlink .btn_rsv:hover {
  background: #a7830f;
}
.l-fixlink .btn_yoyaku {
  font-size: 108%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-fixlink .btn_yoyaku {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .l-fixlink .btn_yoyaku {
    font-size: 93%;
  }
}
.l-fixlink .btn_yoyaku a {
  color: #fff !important;
  text-decoration: none !important;
  display: block !important;
  padding: 1.2em 1.5em !important;
  background: #be9511;
  -webkit-transition: background 400ms ease, color 400ms ease !important;
  transition: background 400ms ease, color 400ms ease !important;
}
.l-fixlink .btn_yoyaku a:hover {
  background: #a7830f !important;
}

.l-search__form .search-panel-frame .directin-sp-form .directin-sp-form-input-group .directin-sp-form-date-input label span,
.l-search__form .search-panel-frame .directin-sp-form .directin-sp-form-input-group .directin-sp-form-guest-room-input label span,
.l-search__form .search-panel-frame .directin-sp-form .directin-sp-form-input-group .directin-sp-form-hotel-input label span {
  background: #be9511;
}
.l-search__form .search-panel-frame .directin-sp-form .directin-sp-form-input-group .directin-sp-form-date-input label:after,
.l-search__form .search-panel-frame .directin-sp-form .directin-sp-form-input-group .directin-sp-form-guest-room-input label:after,
.l-search__form .search-panel-frame .directin-sp-form .directin-sp-form-input-group .directin-sp-form-hotel-input label:after {
  color: #be9511;
}
.l-search__title::before {
  color: #be9511;
}
.l-search__title i {
  color: #be9511;
}
.l-search__btns__link li a:after {
  color: #be9511;
}

.l-intro:after {
  background: #f7f5ef;
}
.l-intro .txt_catch {
  color: #be9511;
}

.c-st1::before {
  background: #be9511;
}
.c-st1 i {
  color: #be9511;
}
.c-st1 i::after {
  background: #be9511;
}

.c-lead1 {
  color: #be9511;
}

.c-catch {
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-text-orientation: upright;
  -ms-text-orientation: upright;
  text-orientation: upright;
  text-align: left;
  display: inline-block;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
.c-catch span {
  display: inline-block;
  background: #fff;
  color: #be9511;
  white-space: nowrap;
  padding: 0.9565217391em 0;
  font-size: 165%;
  letter-spacing: 0.28em;
  line-height: 1.4782608696;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-catch span {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .c-catch span {
    font-size: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .c-catch span {
    font-size: 143%;
  }
}
.c-catch span:not(:first-child) {
  margin-right: 6px;
}
@media only screen and (max-width: 767px) {
  .c-catch span:not(:first-child) {
    margin-right: 0.25em;
  }
}

.c-img, .c-img--rc10, .c-img--rc8, .c-img--rc5 {
  overflow: hidden;
}
.c-img--rc5 {
  border-radius: 0.3571428571em;
}
@media only screen and (max-width: 767px) {
  .c-img--rc5 {
    border-radius: 0.1785714286em;
  }
}
.c-img--rc8 {
  border-radius: 0.5714285714em;
}
@media only screen and (max-width: 767px) {
  .c-img--rc8 {
    border-radius: 0.2857142857em;
  }
}
.c-img--rc10 {
  border-radius: 0.7142857143em;
}
@media only screen and (max-width: 767px) {
  .c-img--rc10 {
    border-radius: 0.3571428571em;
  }
}

.c-dots .slick-dots li.slick-active, .c-dots .slick-dots li:hover {
  background: #be9511;
}

.c-btn2.u-pin a:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91f";
  display: inline-block;
  margin-left: 0.5em;
}
.c-btn2--koyokan a {
  background: #be9511;
  color: #FFF;
}
.c-btn2--koyokan a:before {
  border-color: #be9511;
}
.c-btn2--koyokan a:hover {
  background: #FFF;
  color: #be9511;
}
.c-btn2.c-btn2--plan a {
  background: #94740c;
}
.c-btn2.c-btn2--plan a:before {
  border-color: #94740c;
}
.c-btn2.c-btn2--plan a:hover {
  color: #94740c;
}

.c-tbl {
  border-top: 2px solid #be9511;
}
.c-tbl tr th {
  color: #be9511;
}

.c-popup__bg {
  background: rgba(190, 149, 17, 0.5);
}

.c-pnav1 {
  background: #f7f5ef;
}
.c-pnav1 ul li a .img:after {
  background: #be9511;
}
.c-pnav1 ul li a .txt:after {
  color: #be9511;
}
.c-pnav1 ul li a .txt::before {
  background: #be9511;
}

.l-topicpath li:not(:last-child):after {
  background: #be9511;
}
.l-topicpath li a:after {
  background: #be9511;
}