/* --------------------------------

         色彩選択のCSS

-------------------------------- */

/* --------------------------------
      検索フォーム横向きの色
-------------------------------- */
/* 縦向きを使う場合は、この横向き用CSSを
   コメントアウトしてください。
ここから↓ */
.orderable__head_hermes {  
   background: #6088C6;
   color: white;
}

.orderable__date_hermes {
   color: #000080;
}

.search__select_hermes {
   border: 1px solid #6088C6;
}

.search__button_hermes {
   background-color: #6088C6;
   color: white;
}

.search__button_hermes:hover {
   background-color: #5ed6ff;
}

.search__button_hermes:disabled {
   background-color: #bbb;
}

@media (max-width:767px) {
   .orderable__head_hermes {
      background: #6088C6;
      color: white;
   }

   .orderable__date_hermes {
      color: #6088C6;
   }

   .search__select_hermes {
      border: 1px solid #6088C6;
   }
   .search__button_hermes {
      background-color: #5ed6ff;
      color: white;
   }

   .search__button_hermes:disabled {
      background-color: #bbb;
   }
}
/* ここまで↑ */


/* --------------------------------
      検索フォーム縦向きの色
-------------------------------- */
/* 横向きを使う場合は、この縦向き用CSSを
   コメントアウトしてください。
ここから↓ */
/* .orderable__head_hermes {
  background: #333333;
  color: white;
}

.orderable__date_hermes {
  color: #333333;
}

.search__select_hermes {
  border: 1px solid #333333;
  background-color: #fff;
}

.search__button_hermes {
  background-color: #00C3C6;
  color: white;
}

.search__button_hermes:disabled {
  background-color: #333333;
} */

/* ここまで↑ */



/* --------------------------------
      新幹線の検索結果の色
-------------------------------- */
.research__button_hermes {
  background-color: #333333;
  color: white;
}

.result__row_hermes+.result__row_hermes {
  border-top: 1px solid rgb(112, 112, 112);
}

.batsu-hermes {
  background-color: #333333;
  color: #fff;
}

.hyphen-hermes {
  background-color: white;
  color: black;
}



/* --------------------------------
カートアイコンに注文数を表示する色のCSS
-------------------------------- */
.cart__count_hermes {
  background-color: red;
  color: #fff;
}



/* --------------------------------
      カート中身の色に関するCSS
-------------------------------- */
.cart__table_hermes {
  border: 1px solid #bbb;
}

.cart__head_hermes {
  background-color: #ddd;
  border: 1px solid #bbb;
}

.cart__body_hermes {
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
}

.cart__ticket_hermes {
  border-left: 1px solid #bbb;
}

.cart__unitPrice_hermes {
  border-left: 1px solid #bbb;
}

.cart__quantity_hermes {
  border-left: 1px solid #bbb;
}

.cart__total_hermes {
  border-left: 1px solid #bbb;
}

.cart__body_hermes .cart__remove_hermes {
  color: #00C3C6;
}

.cart__price_hermes {
  background-color: #eeeeee;
}

.cart__link_hermes {
  background: #333333;
  color: white;
}

.cart__link_hermes:hover {
  background: #FF6261;
  color: white;
}

div.cart__head_hermes ol li {
  background: #F4F3F0;

}



/* -----------------------------------------
購入手続き中における会員登録選択の色に関するCSS
----------------------------------------- */
.category__link_hermes {
  background-color: #333333;
  color: white;
}

.category__link_hermes:hover {
  background: #FF6261;
  color: white;
}

.category__signin_hermes {
  background-color: #333333;
  color: white;
}

.category__signin_hermes:hover {
  background-color: #FF6261;
  color: #fff;
}

.category__login_hermes {
  background-color: #333333;
  color: white;
}

.category__login_hermes:hover {
  background-color: #FF6261;
  color: #fff;
}



/* ------------------------------------------
購入手続きにおけるユーザー情報入力の色に関するCSS
マイページの登録情報を変更するの色に関するCSS
------------------------------------------ */
.user__button_hermes {
  background-color: #333333;
  color: white;
}

.user__button_hermes:disabled {
  background-color: #bbb;
}

.user__error_hermes {
  color: red;
}

.require_hermes::after {
  color: red;
}



/* -------------------------------------
パスワードリセットとログインの色に関するCSS
------------------------------------- */
.inquiry__head_hermes {
  background-color: #ddd;
  border-left: 4px solid #00aeef;
}


.inquiry__login_hermes {
  background-color: #333333;
  color: white;
}


.inquiry__login_hermes:hover {
  background-color: #FF6261;
  color: #fff;
}


.inquiry__login_hermes:disabled {
  background-color: #bbb;
}



/* --------------------------------
   アカウント登録の色に関するCSS
-------------------------------- */
.registered_link_hermes {
  background-color: #6088C6;
  color: white;
}

.registered_link_hermes:hover {
  background-color: #5ed6ff;
}



/* --------------------------------
      マイページの色に関するCSS
-------------------------------- */
.mypage_name_hermes {
  color: #353535;
}



/* --------------------------------
   マイページ注文履歴の色に関するCSS
-------------------------------- */
.myorder__head_hermes {
  color: #353535;
}

.user__buttonBack_hermes {
  background-color: #333333;
  color: #fff;
}

.user__buttonBack_hermes:hover {
  background-color: #FF6261;
  color: #fff;
}



/* --------------------------------
   支払い方法と座席選択の色に関するCSS
-------------------------------- */
.select__head_hermes {
  border-left: 4px solid #00aeef;
}

.select__button_hermes {
  background-color: #333333;
  color: #fff;
}

.select__button_hermes:hover {
  background-color: #00aeef;
  color: #fff;
}



/* --------------------------------
      注文内容確認の色に関するCSS
-------------------------------- */
.confirm__head_hermes {
  background-color: #ddd;
  border-left: 4px solid #00aeef;
}

.confirm__button_hermes {
  color: white;
  background-color: #00aeef;
}

.confirm__button_hermes:hover {
  background-color: #da3939;
  color: white;
}

.confirm__button_hermes:disabled {
  background-color: #bbb;
}



/* --------------------------------
   予約確定後注文詳細の色に関するCSS
-------------------------------- */
.show__order_hermes {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}

.show__body_hermes,
.show__head_hermes {
  border: 1px solid #ccc;
}

.show__caution_hermes {
  color: red;
}

.show__payment_hermes {
  color: #fff;
  background-color: #00aeef;
}

.show__payment_hermes:hover {
  background-color: #333333;
  color: #fff;
}



/* --------------------------------
      決済確認の色に関するCSS
-------------------------------- */
.payment__head_hermes {
  border-bottom: 1px solid #333333;
}

.payment__button_hermes {
  background-color: #333333;
  color: #fff;
}

.payment__button_hermes:hover {
  background-color: #FF6261;
  color: #fff;
}



/* --------------------------------
      予約照会の色に関するcss
-------------------------------- */
.inquiry__error_hermes {
  color: red;
}