@charset "utf-8";

/* ==================================================
color style：テーマカラーの配色の指定を全て集約
================================================== */
body, header, main, footer {color: #595959;} /* 基本テキストカラー */

/* ヘッダー
========================= */
.header_top_box {background-color: #000;}
  .header_top_box h1 {color: #fff;}

/* module3：ラジオボタン
========================= */
.module3_box label::before {
  border-color: #595959;
  background-color: #fff;
}
.module3_box input:checked + label::after {background-color: #333;}

/* module4：セレクトボックス
========================= */
.module4_box label::after { /* これがプルダウンマーク（背景色を含む） */
  background-color: #000;
}
.module4_box select {border-color: #d8d8d8;}
.module4_box.w100 .dummyLabel {border-color: #d8d8d8;}

/* module5：チェックボックス
========================= */
.module5_box label {border-color: #d8d8d8;}
.module5_box label::before {border-color: #000;}
.module5_box input[type="checkbox"] {background-color: #000;}
.module5_box input[type="checkbox"]::before {border-color: #000; background-color: #fff;}
.module5_box input[type="checkbox"]:checked::before {background-color: #000;}

/* module6：テキストエリア
========================= */
.module6_box textarea {border-color: #000;}
.module6_box textarea:focus {border-color: #bcbcbc}

/* module6 error：テキストエリア（エラー時のスタイル）
========================= */
.module6_box.error textarea {
  border-color: #D71433;
}
.module6_box.error textarea:placeholder-shown {color: #D71433;}
.module6_box.error textarea::-webkit-input-placeholder {color: #D71433;}
.module6_box textarea:focus {border-color: #bcbcbc}


/* error：エラー時のスタイル
========================= */
.module.error:after {
  color: #fff;
  background-color: #D71433;
}
.module.error-date::before {
  color: #fff;
  background-color: #d71433;
}

/* フッター
========================= */
footer {background-color: #000; color: #fff;}

/* ==================================================
no-module style：モジュール以外のスタイル
================================================== */

/* 店舗追加ボタン */
.addShopBtn, .deleteShopBtn {border-color: #cdcdcd;}

/* 店舗追加ボタン上のプラスアイコン */
.icon_plus:before, .icon_plus:after,
.icon_minus:before, .icon_minus:after {background-color: #333;}

/* 送信ボタン上部の注意書き */
.note {border-color: #9d9d9d; color: #8b8b8b;}
.note a {color: #8b8b8b;}

/* 送信ボタン */
button[type=submit] {border-color: #000; color: #000;}
button[type=submit]::after {background-color: #000;}