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; */
  background-color: #a68022;
  width: 100%;
}

.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  /* color: #86251e; */
  color: #fff;
  transition: opacity 200ms;
}

.c-button--primary:hover {
  /* background: #fdd9d7; */
  background-color: #a68022;
  opacity: 0.7;
}

.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;
}

/* 新規会員登録ボタン */
.newCustomerMessage ~ .c-alert:has(a[href*="?mode=members_regi"]) {
  position: relative;
  margin-top: 120px;
  padding-top: 60px;
  text-align:center
}
.newCustomerMessage ~ .c-alert:has(a[href*="?mode=members_regi"])::before {
  content: '会員ログインはこちらから';
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  padding: 0 1em;
  text-align:center;
  /* width: 100%; */
  word-break: keep-all;
  color: #222;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  transform: translateX(-50%);
  background: linear-gradient(180deg, transparent 60%, #fefefe 60%)
}
.newCustomerMessage ~ .c-alert:has(a[href*="?mode=members_regi"])::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: inherit;
  width: 2em;
  height: 0.5em;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.newCustomerMessage ~ .c-alert:has(a[href*="?mode=members_regi"]) a {
  display: flex;
  width: 100%;
  height: 3em;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
  background: #d0b85a;
  color: #fff;
  /* margin: 1em 0 0; */
  border-radius: 4px;
  font-weight: 400;
  letter-spacing: 0.1em;
  box-shadow: 0px 2px 0 #aaa;
  position: absolute;
  top: -100px;
  left: 0;
  transition: opacity 200ms;
}
.newCustomerMessage ~ .c-alert:has(a[href*="?mode=members_regi"]) a:hover {
  opacity: 0.7;
}