@charset "utf-8";

/* -----------------------------------------------------------------------------
   #予約ボタン
   -------------------------------------------------------------------------- */
.reserve_area .btn-primary,
.btn-primary {
  background-color: #f85773;
  border-color: #f93053;
}
.reserve_area .btn-primary:hover,
.reserve_area .btn-primary:focus,
.reserve_area .btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #f93053;
  border-color: #f93053;
}
@media(max-width:767px) {
  .sp-btn .reserve-btn > .btn-primary {
    background-color: #f85773;
    border-color: #f93053;
  }
}
@media(max-width:767px) {
  .sp-btn .reserve-btn > .btn-primary:hover,
  .sp-btn .reserve-btn > .btn-primary:active,
  .sp-btn .reserve-btn > .btn-primary:focus {
    background-color: #f93053;
  }
}
.btn-success {
  border-color: #f85773;
  box-shadow: inset 0 -1px #f85773;
  color: #f85773;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
  background-color: rgba(248, 87, 115, 0.2);
  border-color: #f85773;
  color: #f85773;
}
.reserve_area .btn-success:hover,
.reserve_area .btn-success:focus,
.reserve_area .btn-success.focus,
.reserve_area .btn-success:active,
.reserve_area .btn-success.active {
  background-color: rgba(248, 87, 115, 0.2);
  border-color: #f85773;
  color: #f85773;
}
.reserve_area .badge {
  background-color: #f85773;
}
.btn-primary .badge {
  background-color: #fff;
  color: #f85773;
}
.tel-icon {
  background-color: #f85773;
}
@media(max-width:767px) {
  .reserve-tel .title {
    color: #f85773;
  }
}
/* -----------------------------------------------------------------------------
   #グローバルナビゲーション
   -------------------------------------------------------------------------- */
.nav-salon-tab li.active a,
.nav-salon-tab li.active a .nav-salon-icon,
.nav-salon-tab li.active a .nav-salon-icon:hover,
.nav-salon-tab li.active a .nav-salon-icon:active,
.nav-salon-tab li.active a .nav-salon-icon:focus,
.nav-salon-tab > li.active > a:hover,
.nav-salon-tab > li.active > a:active,
.nav-salon-tab > li.active > a:focus {
  fill: #f85773;
  color: #f85773 !important;
}

/* -----------------------------------------------------------------------------
#サロンヘッダー
-------------------------------------------------------------------------- */
.btn-map {
  border-color: #f85672;
}
.btn-map .nav-salon-icon {
  fill: #f85672;
}
div.js-favorite-btn a.on svg {
  fill: #f85773;
}

.review-number .overall-rating {
  color: #f85773 !important;
}

.label--primary {
  background-color: #f85773;
}

/* -----------------------------------------------------------------------------
   #空席情報
   -------------------------------------------------------------------------- */
.vacancytable td .text-primary::before {
  color: #f85773;
}

/* -----------------------------------------------------------------------------
   #メニュー
  ---------------------------------------------------------------------- ---- */
.conditions-menu__inner {
  background-color: #ffe5e9;
  border-color: #f85773;
}
.conditions-menu-list--visited > .conditions-menu-list__title {
  color: #f85773;
}
.coupon-title {
  border-color: #f85773;
}
.reserve-coupon-panel .label-coupon,
.label-coupon {
  color: #f85773 !important;
}
.ranking-list-panel .label-warning {
  background-color: #f85773;
}
/* -----------------------------------------------------------------------------
   #スタッフ
   -------------------------------------------------------------------------- */
.staff-content .staff-name {
  border-color: #f85773;
}
@media (min-width:768px) {
  .staff-message-text {
    background-color: #ffeef0;
  }
}
.staff-content dd {
  background-color: #ffeef0;
}
@media(max-width:767px) {
  .staff-content dt {
    background-color: #f28997;
  }
}

/* -----------------------------------------------------------------------------
   #口コミ
   -------------------------------------------------------------------------- */
.panel .review-number .fa-star,
.panel .review-number .fa-star-o,
.panel .review-number .fa-star-half-o {
  color: #f85773;
}
.review-overall-number {
  color: #f85773;
}
.panel .review-graph {
  background-color: #f85773;
}
@media(min-width:768px) {
  .panel .list-inline.review-number {
    color: #f85773;
  }
}

/* -----------------------------------------------------------------------------
   #サロンの情報
   -------------------------------------------------------------------------- */
.salon-tel .badge {
  background-color: #f85773;
}

.reserve-tel-num {
  color: #f85773;
}