@charset "UTF-8";

/** ------------------------------
 * 各画面共通レイアウト スタイル
 * ------------------------------ */

html,
body,
main,
.container {
  background-color: #1B1D3A;
}

.bg-single {
  color: #FFFFFF;
}

.container-fluid {
  background-color: #1B1D3A;
}

.graywindow {
  background: #eff3f7;
}

#mypage-sidemenu-nav-open {
  background-color: #30BAAF;
}

#mypage-sidemenu-nav-open .content {
  color: #FFFFFF;
}

#mypage-sidemenu-nav-content {
  background-color: #30BAAF;
}

#mypage-sidemenu-nav-content .inner-item {
  color: #FFFFFF;
}

#mypage-sidemenu-nav-content .nav-link:hover {
  background-color: #4FCCBE;
}

#mypage-sidemenu-nav-content .child-item {
  color: #FFFFFF;
}

#mypage-sidemenu-nav-content .child-item div:hover {
  background-color: #4FCCBE;
}

/** ------------------------------
 * 各画面共通コンポーネント スタイル
 * ------------------------------ */

.pageTitles {
  color: #FFFFFF;
}

.btn-outline-info {
  background-color: #FFFFFF;
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  background-color: #FFFFFF;
  border-color: #808080;
  color: #808080;
}

.btn-outline-secondary {
  background-color: #FFFFFF;
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: #FFFFFF;
  border-color: #808080;
}

/** ------------------------------
 * ログイン画面/入会方法選択画面
 * ------------------------------ */

.lineLogin {
  border-bottom: 1px dotted #BBBBBB;
}

.rightBorder {
  border-right: 1px dotted #BBBBBB;
}

.form-label-color,
.comment-color {
  color: #FFFFFF;
}

/** ------------------------------
 * マイページ：トップ
 * ------------------------------ */

.accentBox__heading {
  background-color: #30BAAF;
  color: #FFFFFF;
}

.circle-container {
  border: 0.5px solid #30BAAF;
}

.mypage-point-circle {
  border-bottom: 3px solid #30BAAF;
}

.Mypagetop_accentBox__headings {
  background-color: #30BAAF;
  color: #FFFFFF;
}

/** ------------------------------
 * お友達登録/モーダル画面
 * ------------------------------ */

.mypage-friend-input h4 {
  background-color: #30BAAF;
  color: #FFFFFF;
}

/** ------------------------------
 * 各種アイコンの設定
 * ------------------------------ */

#mypage_top_icon {
  fill: #FFFFFF;
}

/** ------------------------------
 * 会員新規登録
 * ------------------------------ */

.signup-container {
  background-color: #1B1D3A;
  color: #FFFFFF;
}

/** ------------------------------
 * 会員新規登録確認
 * ------------------------------ */

.signup-confirm-container {
  background-color: #1B1D3A;
  color: #FFFFFF;
}

.signup-confirm-container .form-control-plaintext {
  color: #FFFFFF;
}

/** ------------------------------
 * プラン条件検索
 * ------------------------------ */

.sectionTitle {
  color: #FFFFFF;
}

/** ------------------------------
 * 予約画面
 * ------------------------------ */

.table_explanation {
  color: #FFFFFF;
}

.table_explanation:hover {
  color: #FFFFFF;
}