@charset "UTF-8";

/* カスタマイズカラー
---------------------------------------------------------- */
/* タイトル色 */
h2,
h3,
.radio-input:checked~.present__name,
.entry .form__choice input[type="checkbox"]:checked+span:after,
.check-input:checked+span:after {
  color: #2e3642;
}

.radio-input:checked~.present__img {
  border-color: #2e3642;
}

.entry .form .present__name:before {
  border: 1px solid #2e3642;
}

.radio-input:checked~.present__name:after,
.entry .form__gender input:checked+span:after,
.entry .form__choice input[type="radio"]:checked+span:after {
  background: #2e3642;
}

/* 文字色 */
body,
.categoryBox select,
.entry .form select {
  color: #333;
}

.categoryBox:after,
.entry .form .selectBox:after {
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
}

/* ボタン背景色 */
.btn {
  background: linear-gradient(to right, #d80c18, #d80c18);
}

.spot_icon {
  background: linear-gradient(to right, #d80c18, #d80c18);
}

.member .step__current,
.entry .step__current {
  background: #d80c18;
}

.step__number::after,
.member .step li::after {
  border-top: 2px solid #d80c18;
}

.step__number {
  color: #d80c18;
}

/* ボタン文字色 */
a.btn,
input.btn,
.top .top-mainv__term,
.spotstamp .main__title,
.sp-menu__item a,
a.sp-menu__guest,
.sp-menu__loginname,
.header__loginname,
.footer,
.step__current,
.entry .selected {
  color: #FFFFFF;
}

.btn-spmenu__bar {
  background: #FFFFFF;
}

/* 期間ヘッダーフッター背景色 */
.top .top-mainv__term,
.spotstamp .main__title,
.header.fixed,
.sp-menu.opened,
.footer,
.entry .selected {
  background: #2E3642;
}

/* 項目背景01 */
main {
  background: #f4f7f9;
}

/* 項目背景02 */
.bg {
  background: #FFFFFF;
}

/* カテゴリー/フォーム項目背景色 */
.categoryBox,
.entry .form input[type="text"],
.entry .form select,
.entry .form textarea,
.member .login input[type="text"],
.input__wrap input,
.entry .privacy__text {
  background: #FFFFFF;
}

/* カテゴリー/フォーム項目枠線色 */
.categoryBox,
.entry .form input[type="text"],
.entry .form select,
.entry .form textarea,
.member .login input[type="text"],
.input__wrap input,
.entry .privacy__text {
  border: 1px solid #d7e0e5;
}

.quizBox .quiz__hint{
  border-bottom: 2px dashed #d7e0e5;
}