/* 背景色 */
.ui-body-a {
    background-color: #ffffff;
}

/* 追従領域背景色 */
.div_follow {
    background-color: #ffffff;
}

/* 通常文字色 */
.text_primary {
    color: #4a4a4a !important;
}

/* 通常文字色2(主に注釈文言用) */
.text_secondary {
    color: #8e8e8e !important;
}

/* テーマカラー用文字色 */
.text_cm {
    color: #a9a58f !important;
}

/* 水平線 */
.hr_theme {
    border-color: #000000 !important;
    opacity: 0.1;
}

/* テーマ用パネル */
.theme-panel {
    background: #a9a58f;
}

.theme-panel.ui-btn:hover {
    background: #858066;
}
  
  
/* ソーシャル連携アイコン↓----- */

.socialIcon
, .socialIconMin {
    color: #a9a58f !important;
    text-decoration: none;
    transition:all 0.15s;
}

.socialIcon:hover
, .socialIconMin:hover {
    color: #858066 !important;
    text-decoration: none;
}

svg.socialIcon path
, svg.socialIcon path.base {
    fill: #a9a58f !important;
    transition:all 0.15s;
}

svg.socialIcon:hover path
, svg.socialIcon:hover path.base {
    fill: #858066 !important;
}

svg.socialIcon path.icon
, svg.socialIcon:hover path.icon {
    fill: #ffffff !important;
    transition:all 0.15s;
}

/* ソーシャル連携アイコン↑----- */

/* ボタン↓----- */
.reverseBtn {
    transition:all 0.15s;
}
.reverseBtn
, .reverseBtn.noHover.ui-btn:hover {
    background-color: #a9a58f !important /*{a-bup-background-color}*/;
    border-color: #a9a58f /*{a-bup-border}*/;
    color: #ffffff !important /*{a-bup-color}*/;
}
.reverseBtn.ui-btn:hover {
    background-color: #858066 !important;
    border-color: #858066 !important;
    color: #ffffff !important;
}
.reverseBtn.ui-btn:disabled {
    background-color: #a9a58f !important /*{a-bup-background-color}*/;
    border-color: #dddddd !important /*{a-bup-border}*/;
    color: #ffffff !important /*{a-bup-color}*/;
}

.reverseBtnNoColor
, .reverseBtnNoColor.noHover.ui-btn:hover {
    background: none;
    color: #8e8e8e !important;
}
.reverseBtnNoColor.ui-btn:hover {
    background: none;
}
.reverseBtnNoColor.ui-btn:disabled {
    background: none;
}

.theme-button {
    background-color: #a9a58f !important;
    border-color: #a9a58f;
    color: #ffffff !important;
    transition:all 0.15s;
}

.theme-button.ui-btn:hover {
    background-color: #858066 !important;
    border-color: #858066 !important;
    color: #ffffff !important;
}

.theme-button.ui-btn:disabled {
    background-color: #a9a58f !important;
    border-color: #dddddd !important;
    color: #ffffff !important;
}

.theme-button a {
    color: #ffffff;
    text-decoration: none;
}

.theme-button svg {
    fill: #ffffff;
}

.theme-button.ui-btn:hover a {
    color: #ffffff;
    text-decoration: none;
}

.theme-button.ui-btn:hover svg {
    fill: #ffffff;
}

.theme-link-panel {
    color: #a9a58f !important;
}

.theme-link-panel a {
    color: #a9a58f !important;
}

.theme-link-panel svg {
    fill: #a9a58f !important;
}

.theme-nominate {
    color: #a9a58f !important;
}

.theme-nominate a{
    color: #a9a58f !important;
}

.theme-nominate svg {
   fill: #a9a58f !important;
}

.theme-nominate:hover {
    opacity: 0.4 !important;
}
/* ボタン↑----- */

/* チェックボックス↓----- */

/* チェックボックス枠 */
.chk_theme input[type="checkbox"]+label::before{
    background-color:  #ffffff !important;
}
/* チェックボックス枠 */
.chk_theme input[type="checkbox"]:checked+label::before{
    background-color:  #a9a58f !important;
}
/* チェックボックスレ点 */
.chk_theme input[type="checkbox"]:checked+label::after{
    border-color: #ffffff;
}

/* チェックボックス↑----- */

/* ラジオボタン↓----- */

.radio-label:before {
    background: #a9a58f;
}

.radio-butotn:checked + .radio-label:after {
    border-color: #a9a58f;
}

.radio-label:hover:after {
    border-color: #a9a58f;
}

/* ラジオボタン↑----- */

/* タイトル装飾↓----- */

/* 全角文字用 */
.title_deco_div_cm .text_cm {
    color: #a9a58f !important;
}
.title_text_deco_cm::before {
    background-color: #a9a58f !important;
}
/* 半角文字用 */
.title_deco_e_div_cm .text_cm {
    color: #a9a58f !important;
}
.title_text_deco_e_cm::before {
    background-color: #a9a58f !important;
}

/* パターン2 */
.section-title-bar {
    background-color: #a9a58f;
}

.section-title-text {
    color: #a9a58f;
}

/* タイトル装飾↑----- */

/*TOP画面↓--------- */
a:hover {
  color:#a9a58f;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #a9a58f !important;
}
/*TOP画面↑-----*/

/* ステップバー↓----- */

.stepbar .step_box2 {
    background-color: #cccccc !important;
}
.stepbar .step_number {
    color: #ffffff !important;
}
.stepbar .select_num {
    background-color: #a9a58f !important;
}
.stepbar .select_num + .step_number {
    color: #ffffff !important;
}
.stepbar .step_text {
    color: #4A4A4A !important;
}

/* ステップバー↑----- */

/* ラベル装飾↓----- */

/* 背景色ありラベル */
.label_common {
    background-color: #a9a58f !important;
    border-color: #dddddd;
    color: #ffffff !important;
}

/* ラベル装飾↑----- */

/* ヘッダ↓----- */

.disp_title {
    background-color: #f4f4f4; 
}
.reserve_info .info_text p {
  /* white-space: pre-wrap; */
  line-height: 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #a9a58f;
}

/* ヘッダ↑----- */

/* ダイアログ↓----- */

.reserve_dialog {
    background-color: #ffffff !important;
    color: #4a4a4a !important;
}

.overlay {
    background-color: #000000;
    opacity: 0.1;
}

/* モーダルダイアログ用 */
.modal-content {
    background-color: #ffffff !important;
    color: #4a4a4a !important;
}

/* ダイアログタグ用 */
.dialog-content {
    background-color: #ffffff !important;
    color: #4a4a4a !important;
}

/* ダイアログ↑----- */

/* 日付選択用↓----- */

.thema-select-date-panel {
    background-color: #a9a58f;
    color: #ffffff;
    fill: #ffffff;
    transition:all 0.15s;
}

.thema-select-date-panel.ui-btn:hover {
    background-color: #858066;
    color: #ffffff;
    fill: #ffffff;
}
  
.thema-select-date-panel input {
    color: #ffffff;
}

.thema-select-date-panel-disable {
    background-color: #a9a58f;
    color: #ffffff;
    fill: #ffffff;
    opacity: 0.4;
}

.thema-select-date-panel a:link, .thema-select-date-panel a:visited, .thema-select-date-panel a:hover, .thema-select-date-panel a:active {
    color: #ffffff !important;
}

.thema-select-date-string {
    background-color: #a9a58f !important;
    color: #ffffff;
    transition:all 0.15s;
}

.thema-select-date-panel.ui-btn:hover .thema-select-date-string {
    background-color: #858066 !important;
    color: #ffffff !important;
}

/* 日付選択用↑----- */

/* その他 */

.theme-panel-text {
    color: #ffffff !important;
}

.theme-panel-svg {
    fill: #ffffff;
}

.theme-panel a:link, .theme-panel a:visited, .theme-panel a:hover, .theme-panel a:active {
    color: #ffffff !important;
}

/* datepicker */

/* datapicker 今日の右下の印 */
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #a9a58f;
}
/* datapicker 今日かつ選択日の右下の印 */
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #ffffff;
}
/* datapicker 選択日 */
.bootstrap-datetimepicker-widget table td.active {
    background-color: #a9a58f;
    color: #ffffff;
}

/* ヘッダ用 */
.custom_icon {
    color: #a9a58f;
    border-color: #a9a58f !important;
}
  
.custom_icon a {
    color: #a9a58f !important;
}
  
.custom_icon + .label_div {
    color: #4a4a4a !important;
}

.line_icon + .label_div {
    color: #4a4a4a !important;
}

.custom_icon svg path {
    fill: #a9a58f !important;
}

.header_content svg.char_icon path {
    fill: #a9a58f !important;
}

.header_content button svg.char_icon path {
    fill: #a9a58f !important;
}

.header_content button svg.small_char_icon path {
  fill: #FFFFFF !important;
}

.header_content button:hover svg.char_icon path {
    fill: #a9a58f !important;
}

.header_content .txt_reserve_info svg.char_icon path {
    fill: #a9a58f !important;
}
  
.header_content .txt_reserve_info:hover svg.char_icon path {
    fill: #a9a58f !important;
}
  
.arrow_area {
    fill: #FFFFFF !important;
}

.header_content .custom_icon {
    border-color: #c4c4c4 !important;
}
  
.header_content .custom_icon.active {
    border-color: #a9a58f !important;
}

.header_content .line_icon.active .linePicture {
    border-color: #a9a58f !important;
}

.theme_select_div_hover {
    background-color: #f9f9f9;
}

.theme_div_highlight {
    background:rgba(169, 165, 143, 0.05);
}
  
.theme_div_highlight.theme_select_div_hover {
    background:rgba(169, 165, 143, 0.15);
}

.lnk_reserve_info .text_cm:hover {
    color: #858066 !important;
}