@charset "UTF-8";
/**
 * Salon 専用スタイル
 *
 * テストサイト: Site ID 6
 * 本番サイト: Site ID 9
 */
/* この下にSalon専用のSCSSを記述してください。 */
.hamburger {
  z-index: 100;
}

.nav.globalMenuSp.active {
  z-index: 4;
}

.aioseo-breadcrumbs .aioseo-breadcrumb-separator:first-child a,
.aioseo-breadcrumbs .aioseo-breadcrumb:first-child a {
  color: #fff;
}

.bg_black {
  background: #111111;
}

.txt_w {
  color: #fff;
}

.txt_beige {
  color: #B79B63;
}

.txt_black {
  color: #111111;
}

.bg_dark_gray {
  background: #3d3d3d;
}

.btn_white a {
  letter-spacing: 0.05em;
  padding: 0.75em;
  background: #fff;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #fff;
  color: #111111;
  border-radius: 0;
}
.btn_white a:hover {
  color: #fff;
  background: #111111;
}

.tit_sub_w {
  font-size: 13px !important;
  color: #fff;
  margin: 0;
}

.wp-site-blocks {
  background-color: #111111;
  color: #fff;
}

.btn_beige {
  background: #B79B63;
  color: #fff;
}
.btn_beige a {
  background: #B79B63;
}

.header,
#header.fixed {
  background-color: #111111;
}

.header_right .pc_nav li a {
  color: #fff;
}
.header_right .langage a.noactive {
  color: #fff;
}

nav.globalMenuSp .other_atami ul {
  gap: 1rem;
}
@media screen and (max-width: 47.9375em) {
  nav.globalMenuSp .other_atami ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}

.hamburger span {
  background: #fff;
}
.hamburger p.menu::before {
  color: #fff;
}

@media screen and (max-width: 47.9375em) {
  .lion_logo {
    width: 250px;
  }
}

.leon_contents {
  width: calc(100% - 160px);
  margin: -150px auto 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 47.9375em) {
  .leon_contents {
    width: calc(100% - 25px);
    padding: 10px;
  }
}

.restaurant_leon {
  margin: 0 100px;
}
@media screen and (max-width: 47.9375em) {
  .restaurant_leon {
    margin: 0 18px;
  }
}

.custom-dots .slick-dots li .dot-item .dot-label {
  margin: 8px 16px;
  padding: 4px 8px;
  background: #575757;
  border-radius: 4px;
  display: inline-block;
}

.stay-slider .slide .slide-text .dot-label {
  background: #575757;
}

.tbl_address tr:nth-child(2n) td {
  color: #fff;
}

.tbl_address a {
  color: #fff;
}

.btn_map a:after {
  background: url("https://hotel.umito.jp/wp-content/themes/umitokoshigoe/files/images/atami-salon/common/ico_pin_w.svg");
}

.block_contact_txt a {
  color: #fff;
}
.block_contact_txt a::after {
  background: #fff;
}

.block_contact form label .txt_small a::after {
  background: #fff;
}

.wpcf7-form-control-wrap {
  color: #111111;
}

.box_policy .wpcf7-list-item-label {
  color: #fff;
}
.box_policy .txt_small a {
  color: #fff;
}

@media screen and (max-width: 47.9375em) {
  .block_contact form .box_submit input {
    padding: 30px 0 !important;
  }
}

.con_news .box_heading .box_meta .box_category {
  background-color: #fff;
}

.wp-block-query-pagination .page-numbers {
  color: #fff;
}

.wp-block-query-pagination .wp-block-query-pagination-next::before, .wp-block-query-pagination .wp-block-query-pagination-previous::before {
  color: #fff;
}

.pager {
  border-bottom: 1px solid #fff;
}

.pager .post-navigation-link-next a, .pager .post-navigation-link-previous a {
  color: #fff;
}

.con_news .box_heading .title_jp {
  border-bottom: 1px solid #fff;
}

.footer_center_detail .tel_sp {
  display: none;
}
@media screen and (max-width: 47.9375em) {
  .footer_center_detail .tel_sp {
    display: inline;
  }
}
.footer_center_detail .tel_pc {
  display: inline;
}
@media screen and (max-width: 47.9375em) {
  .footer_center_detail .tel_pc {
    display: none;
  }
}

@media screen and (max-width: 47.9375em) {
  .searchCalNote {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 47.9375em) {
  .searchCalNote ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
  }
}
@media screen and (max-width: 47.9375em) {
  .searchCalNote ol li {
    width: 100%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 47.9375em) {
  .searchCalNote p {
    width: 100%;
    margin-top: 16px;
  }
}