@charset "Shift_JIS";
/*
 * color
 * ポップ
 */
/* ヘッダー */
.header {
  border-top-color: #fdd758;
}
.header_wide {
  border-top-color: #fdd758;
}
/* sp条件変更ボタン */
@media screen and (max-width: 767px) {
  .head-search {
    background-color: #fdd758;
    color: #333;
  }
  .head-search:after {
    border-top-color: #333;
  }
  .head-search.is-active:after {
    border-bottom-color: #333;
    border-top-color: transparent;
  }
  .head-search.is-active {
    background-color: #fdd758;
  }
  .head-search .section_subhead {
    color: #333;
  }
}
/* パンくず */
.breadcrumb-list > li a {
  color: #0391dd;
}
/* 言語メニュー */
.header-language_list li a:hover {
  background-color: #0391dd;
  border-color: #0391dd;
  color: #fff;
}
.header-language_list li.current a {
  background-color: #0391dd;
  border-color: #0391dd;
  color: #fff;
}
/* パンくずナビ */
.section-breadcrumb {
  background-color: #fdd758;
  color: #333;
}
/* プラン一覧 */
.plan_list-detail_head {
  border-bottom-color: #0391dd;
}
.plan_list-detail_list > li {
  border-bottom-color: #0391dd;
}
.plan_list-detail_btn a {
  background-color: #0391dd;
}
/* プラン詳細 */
.section-plan_detail_contents-upGrade {
  background-color: #fdd758;
}
.plan_detail_payment_body {
  background-color: #fdd758;
}
@media screen and (max-width: 767px) {
  .plan_detail_main_payment_sp_btn {
    background-color: #0391dd;
  }
}
.plan_detail_main-sub_ttl {
  border-bottom-color: #0391dd;
  color: #0391dd;
}
.plan_detail_main-text_content {
  border-bottom-color: #0391dd;
}
.search_plan_form-wrapper_detail {
  border-color: #fdd758;
}
.plan_detail_calender-head_ttl-bold {
  color: #333;
}
.search_plan_form_date-stay_detail-icon path {
  fill: #0391dd;
}
.search_plan_form_room_number_detail-icon path {
  fill: #0391dd;
}
/* spの写真インジケーター */
.photo-area-pointer li.current {
  background-color: #fdd758;
  border-color: #fdd758;
}
/* プラン詳細のカレンダー */
.table_calender-wrapper {
  background-color: #fdd758;
}
.table_calender-wrapper .table_calender-head a {
  color: #333;
}
.table_calender-ttl {
  color: #333;
}
.table_calender-enable:hover {
  background-color: #0391dd;
  color: #fff;
}
.table_calender-btn_prev a:before {
  border-right-color: #333;
}
.table_calender-btn_next a:after {
  border-left-color: #333;
}
.table_calender_sp-link a {
  background-color: #0391dd;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .table_calender-wrapper {
    background-color: #0391dd;
  }
  .table_calender-wrapper .table_calender-head a {
    color: #fff;
  }
  .table_calender-ttl {
    color: #fff;
  }
  .table_calender-btn_prev a:before {
    border-right-color: #fff;
  }
  .table_calender-btn_next a:after {
    border-left-color: #fff;
  }
}
/* プラン一覧検索パネル内のカレンダー */
.panel_calendar_input input[type=checkbox]:checked + label {
  background-color: #0391dd;
}
.panel_calendar_input .day:not([disabled="disabled"]):hover {
  background-color: #0391dd;
  color: #fff;
}
/* 予約入力 */
.reserve_input_caption-head {
  border-left-color: #fdd758;
}
.register-config__list > li > a {
  background-color: #0391dd;
  color: #fff;
}
/* 予約フローナビ */
.reserve_flow-list > li.is_active,
.reserve_flow-list-02 > li.is_active,
.reserve_flow-list-03 > li.is_active,
.reserve_flow-list-04 > li.is_active,
.reserve_flow-list-05 > li.is_active,
.reserve_flow-list-06 > li.is_active {
  border-bottom-color: #0391dd;
}
.reserve_flow-list > li.is_current,
.reserve_flow-list-02 > li.is_current,
.reserve_flow-list-03 > li.is_current,
.reserve_flow-list-04 > li.is_current,
.reserve_flow-list-05 > li.is_current,
.reserve_flow-list-06 > li.is_current {
  border-bottom-color: #0391dd;
  color: #0391dd;
}
/* 予約入力画面のコンテンツタイトル */
.reserve_input_main-ttl {
  border-bottom-color: #0391dd;
  color: #0391dd;
}
/****** ボタンカラー ******/
.btn-action a {
  background-color: #0391dd;
  border-color: #0391dd;
  color: #fff;
}
.btn-action button {
  background-color: #0391dd;
  border-color: #0391dd;
  color: #fff;
}
.btn-search_plan {
  background-color: #0391dd;
  color: #fff;
}
.btn-search_plan:after {
  border-left-color: #fff;
}
.btn-confirm a {
  color: #fff;
  border-color: #0391dd;
  background-color: #0391dd;
}
.btn-next a {
  color: #fff;
  border-color: #0391dd;
  background-color: #0391dd;
}
.btn-next button {
  color: #fff;
  border-color: #0391dd;
  background-color: #0391dd;
}
.plan_detail_upGrade-btn a {
  background-color: #0391dd;
  color: #fff;
}
.plan_detail_upGrade-btn a:after {
  border-left-color: #fff;
}
.plan_detail_upGrade-ttl {
  color: #333;
}
@media screen and (max-width: 767px) {
  .btn-small_bk_sp {
    background-color: #0391dd;
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .btn-small_bk_prev_sp {
    background-color: #0391dd;
    color: #fff;
  }
}
.search_plan_form-submit {
  background-color: #0391dd;
  color: #fff;
}
.search_plan_form-submit:after {
  border-left-color: #fff;
}
.plan_detail_payment_submit a {
  background-color: #0391dd;
  color: #fff;
}
.plan_detail_payment_submit a:after {
  border-left-color: #fff;
}
.search_plan_form-wrapper_detail .search_plan_form-submit {
  background-color: #fff;
  color: #0391dd;
  border-color: #0391dd;
}
.search_plan_form-yoyaku_submit a {
  background-color: #0391dd;
  color: #fff;
}
/* ページトップボタン */
.btn-pagetop {
  background-color: #0391dd;
}
/* 予約入力ライトナビ */
.rightNav {
  border-color: #0391dd;
}
.rightNav__heading {
  color: #0391dd;
}
.rightNav__header::after {
  border-color: #0391dd;
}
.rightNav__header.on::after {
  border-color: #0391dd;
}