body {
  background: #FFFFFF;
}
.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #feedeb;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
}
.c-button--primary:hover {
  background: #fdd9d7;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #d7dee2;
}
.c-input--text:focus {
  border-color: #607d8b;
}
/* ========================================
   365wine｜マイアカウント・会員登録ページ
   サイト内フォーム共通デザイン
======================================== */

/* 全体 */
body {
  background: #ffffff !important;
  color: #222222;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Yu Gothic",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/* 上部の大きな365wineロゴを非表示 */
.p-shop__header--logo {
  display: none !important;
}

/* 不要な案内ボックスがある場合 */
.c-alert {
  display: none !important;
}

/* 必須マーク */
.c-form__title--must {
  display: none !important;
}

/* 入力欄 */
.c-input--text,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #d8d8d8 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #222222 !important;
  box-shadow: none !important;
  font-size: 16px;
}

/* フォーカス時 */
.c-input--text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus {
  border-color: #9b8a63 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #9b8a63 !important;
}

/* ラベル */
label,
.c-form__title {
  color: #222222 !important;
  font-weight: 600 !important;
}

/* セレクトボックス */
select {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 10px 38px 10px 12px;
  border: 1px solid #d8d8d8 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  color: #222222 !important;
  font-size: 16px;
}

/* チェックボックス・ラジオ周辺 */
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
}

/* 各項目の余白 */
form > div,
.c-form__item,
.c-form-group,
.form-group {
  margin-bottom: 26px;
}

/* 通常ボタン */
.c-button {
  border: 1px solid #d6d6d6 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #333333 !important;
  box-shadow: none !important;
  font-weight: 500;
}

.c-button:hover {
  background: #f7f7f5 !important;
  color: #222222 !important;
}

/* 登録・ログイン・確認ボタン */
.c-button--primary,
.c-button--primary:link,
.c-button--primary:visited {
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #17233c !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
}

.c-button--primary:hover,
.c-button--primary:active {
  background: #24324e !important;
  color: #ffffff !important;
}

/* 削除・退会系ボタンがある場合 */
.c-button--danger {
  border-radius: 3px !important;
  box-shadow: none !important;
}

/* 注意書き */
small,
.help-block,
.c-form__note {
  color: #777777 !important;
  line-height: 1.7;
}

/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {

  body {
    font-size: 15px;
  }

  .p-shop__header--logo,
  .c-alert,
  .c-form__title--must {
    display: none !important;
  }

  .c-input--text,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select {
    font-size: 16px !important;
  }

  .c-form__item,
  .c-form-group,
  .form-group {
    margin-bottom: 22px !important;
  }

  .c-button--primary {
    min-height: 54px !important;
    font-size: 17px !important;
  }
}