body {
  background: fff;
}

.c-button {
  background: #f2efea;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #222;
  font-weight: 600;
}

.c-button:hover {
  background: #f2efea;
}

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






@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');

body {
  font-family: 'Archivo Narrow','Noto Sans JP',"游ゴシック",sans-serif;
  font-weight: 500;
}

.p-shop__logo {
  max-width: 170px;
}

.view_pc .p-page__container{
  max-width: 900px;
}

.p-page__wrap .p-shop__header {
  padding: 54px 0 40px;
}

.p-page__title {
  font-size: 24px;
  font-weight: 600;
}

.c-alert {
  color: #222;
  background: #f2efea;
  line-height: 2;
  padding: 40px;
}

.p-page__wrap {
    font-size: 14px;
}

.c-form__title {
  font-size: 15px;
  font-weight: 600;
}

.c-input--text {
    font-size: 15px;
}

.c-button:disabled, .c-button.disabled, .c-button:disabled:hover, .c-button.disabled:hover {
  color: #fff;
  background: #f2efea;
  cursor: default;
  box-shadow: none;
}


.c-button--primary, .c-button--primary:link, .c-button--primary:hover, .c-button--primary:active, .c-button--primary:visited {
  color: #fff;
}
 
.c-button--primary {
    background: #333;
}

.c-button--primary:hover {
  background: #333;
}

.c-button__group--sub a:hover {
  opacity: 0.7;
}


@media screen and (max-width: 600px) {
.p-shop__logo {
  max-width: 150px;
}
  
.p-page__title {
    font-size: 20px;
}
  
  .c-alert {
    padding: 24px;
  }
  
.c-button__group .c-button {
  width: 100%;
  font-size: 16px;
  padding: 20px 0;
}
}

.p-page__copyright {
font-size: 14px;
}