﻿@charset "UTF-8";
/* header */
.header .header__info--theme {
  background: #fff;
}

/* compornent */
.c-content-box .c-content-box__heading {
  background: #b8ad8e;
}

.c-content-box .c-content-box__sort-list li a.selected {
  background: #F8F8F6;
}

.c-hotel-single-header .c-hotel-single-header__row--theme {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-top: 8px solid #b8ad8e;
}

/* project */
.review .review-summery--theme {
  border-color: #b8ad8e;
}

.review .review-article--theme {
  border-color: #b8ad8e;
}

/* 周遊 */
#roundplan .progress {
  background: #b8ad8e;
}

.round-hotel-btn-change {
  color: #b8ad8e;
}

.round-nav-send {
  background: #b8ad8e;
}

.round-modal-roomslist .btn-selecting {
  border: 2px solid #b8ad8e;
  color: #b8ad8e;
}

.round-modal-roomslist .btn-select {
  background: #b8ad8e;
}

.round-modal-roomslist .btn-full {
  background: #ccc !important;
}

.bottom-nav-box {
  border-top: 3px #b8ad8e solid;
}

/* 航空券選択画面 */
#ticket .inner .content .progress .bar {
  background-color: #b8ad8e;
}

#ticket .inner .content .list li .other a,
#ticket .inner .content .list .btn_other {
  background-color: #b8ad8e;
}

.next input.soldout {
  background-color: #eee !important;
}

/*以下周遊対応（航空券画面以降）*/
/*
===========================================================
共通系
===========================================================
*/
/* ボタン & 航空券選択画面読み込みバー*/
.next input,
.ticket_body .next input {
  background: #b8ad8e;
}

#search_button input,
#stayplan #contents #planlist li .plan_content .price_body .room_list_btn a,
#stayplan #contents .progress .bar,
#ticket .inner .content .progress .bar,
#addform .subnav .add input,
#estform .subnav .submit input {
  background-color: #b8ad8e;
  border: none;
  color: #fff;
}

#ticket .inner .content .list li .btn_other {
  background-color: #b8ad8e;
}

/* フッターナビ*/
footer #nav a:link, footer #nav a:visited {
  color: #F8F8F6;
}

footer #nav a:hover, footer #nav a:active {
  color: #fff;
  background-color: #b8ad8e;
  text-decoration: underline;
}

/*インジケータ*/
#step dl.focus dt {
  background: url(/Images/Color/Basic/flow_on.png) center 0 no-repeat #b8ad8e !important;
}

#step dl.focus dd {
  color: #b8ad8e !important;
}

/*見出し*/
.headline-main {
  border-color: #b8ad8e !important;
}

/*
===========================================================
準・共通系（すべてじゃないけど、ところどころまたがるCssクラス）
===========================================================
*/
/* 確認画面以降の次へボタン */
.navigationparts .next input, .navigationparts.reserve .next a {
  background: #b8ad8e !important;
}

.boxheadline {
  background-color: #b8ad8e !important;
}

/*
===========================================================
航空券選択画面
===========================================================

/*選択部分*/
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(1),
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(2),
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(3),
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(4),
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(5),
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(6),
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(7),
#ticket .inner .content .list li .ticket_other .othertable table tr.current td:nth-of-type(8) {
  background: #F8F8F6;
}

/*
===========================================================
オプション選択画面
===========================================================
*/
/* ○ 旅行代金日程の確認 */
#option .option_wrap .total_price .next input,
#option .option_wrap .total_price .next:after,
#option .option_wrap .total_price .next a:after {
  background: #b8ad8e;
}

/*選択部分*/
#option .content_table_a tr.current td {
  background: #F8F8F6;
}

/*ダイビング未選択アラート*/
#option #modalDivingAlert #btnAlertClose {
  background: #b8ad8e;
}

#option #modalDivingAlert #btnNextPageAlert {
  background: #b8ad8e url(/Images/nexticon.svg) no-repeat 95% 50%;
  background-size: 25px 25px;
}

/*
===========================================================
ツアー確認画面
===========================================================
*/
/*ハイライト部分*/
.consent-box {
  border: 3px solid #b8ad8e;
}

#confirmation .content_table_a table.price td {
  background: #F8F8F6;
}

/* ========================================
予約処理中画面
======================================== */
#reserve #reserve_wrap #modalWaiting #progressBar .progress {
  background-color: #b8ad8e;
}

/*
===========================================================
完了画面
===========================================================
*/
#reserve .content_table_a table.price td {
  background: #F8F8F6;
}

.subtitle {
  background: #b8ad8e;
}

.coupon .apply input,
.coupon .delete input,
.reselect-ticket-button,
.c-modal-inner .button_send,
.accident-insurance .c-button-small,
.cancel-insurance .c-button-small,
.c-modal-inner .button_send {
  background: #b8ad8e;
}

