/* 背景色 */
.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: #8ea2a9 !important;
}

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

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

.theme-panel.ui-btn:hover {
  background: #657d85;
}


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

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

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

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

svg.socialIcon:hover path
, svg.socialIcon:hover path.base {
    fill: #657d85 !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: #8ea2a9 !important /*{a-bup-background-color}*/;
  border-color: #8ea2a9 /*{a-bup-border}*/;
  color: #ffffff !important /*{a-bup-color}*/;
}
.reverseBtn.ui-btn:hover {
  background-color: #657d85 !important;
  border-color: #657d85 !important;
  color: #ffffff !important;
}
.reverseBtn.ui-btn:disabled {
  background-color: #8ea2a9 !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: #8ea2a9;
  border-color: #8ea2a9;
  color: #ffffff;
  transition:all 0.15s;
}

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

.theme-button.ui-btn:disabled {
  background-color: #8ea2a9 !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: #8ea2a9 !important;
}

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

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

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

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

.theme-nominate svg {
  fill: #8ea2a9 !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:  #8ea2a9 !important;
}
/* チェックボックスレ点 */
.chk_theme input[type="checkbox"]:checked+label::after{
  border-color: #ffffff;
}

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

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

.radio-label:before {
  background: #8ea2a9;
}

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

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

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

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

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

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

.section-title-text {
  color: #8ea2a9;
}

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

/*TOP画面↓--------- */
a:hover {
  color:#8ea2a9;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #8ea2a9 !important;
}
/*TOP画面↑-----*/

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

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

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

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

/* 背景色ありラベル */
.label_common {
  background-color: #8ea2a9 !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: #8ea2a9;
}

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

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

.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: #8ea2a9;
  color: #ffffff;
  fill: #ffffff;
  transition:all 0.15s;
}

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

.thema-select-date-panel input {
  color: #ffffff;
}

.thema-select-date-panel-disable {
  background-color: #8ea2a9;
  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: #8ea2a9 !important;
  color: #ffffff;
  transition:all 0.15s;
}

.thema-select-date-panel.ui-btn:hover .thema-select-date-string {
    background-color: #657d85 !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: #8ea2a9;
}
/* datapicker 今日かつ選択日の右下の印 */
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #ffffff;
}
/* datapicker 選択日 */
.bootstrap-datetimepicker-widget table td.active {
  background-color: #8ea2a9;
  color: #ffffff;
}

/* ヘッダ用 */
.custom_icon {
  color: #8ea2a9;
  border-color: #8ea2a9 !important;
}

.custom_icon a {
  color: #8ea2a9 !important;
}

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

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

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

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

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

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

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

.header_content .txt_reserve_info svg.char_icon path {
  fill: #8ea2a9 !important;
}

.header_content .txt_reserve_info:hover svg.char_icon path {
  fill: #8ea2a9 !important;
}

.arrow_area {
  fill: #FFFFFF !important;
}

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

.header_content .custom_icon.active {
  border-color: #8ea2a9 !important;
}

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

.theme_select_div_hover {
  background-color: #f9f9f9;
}

.theme_div_highlight {
  background:rgba(142, 162, 169, 0.05);
}

.theme_div_highlight.theme_select_div_hover {
  background:rgba(142, 162, 169, 0.15);
}

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