@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Zen+Kaku+Gothic+New&display=swap');

body {
  font-family: "Figtree", "Zen Kaku Gothic New", "Meiryo", sans-serif;
  color: #5B3A22;
  padding: 0 0 40px;

  background: #C1BE82;
  overflow-x: hidden;
  transform-origin: center center;
  animation: loading 2s;
}

@keyframes loading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

a {
color: #000;
}

.c-button {
  background: none;
  box-shadow: none;
  padding: 10px;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #000;
  margin: 0;
}
.c-button:hover {
  background: #fff;
}
.c-button--primary {
  background: #333;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #fff;
}
.c-button--primary:hover {
  background: #999;
}
.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-radius: 0px;
}
.c-input--text:focus {
border-color: #333;
}



.view_pc .p-page__container {
max-width: 1040px;
letter-spacing: 1.5px !important;
}


.p-shop__title {
font-size: 28px;
}

.c-alert {
color: #fff;
padding: 20px 0;
margin: 30px 0;
line-height: 2;
background: none;
}

.c-input--text {
padding: 7px;
border: 1px solid #ccc;
}

.p-page__body {
background: none;
}

.p-page__body-inner {
  border-top: none;
  border-bottom: none;
  padding: 0 30px;
  margin: 0 0 -30px;
}

.c-button__group--sub {
display: none;
}

.c-form__title {
  color: #fff;
text-align: left;
}

.p-shop__logo {
margin: 50px 0 0;
width: 128px;
}

.c-button:disabled, .c-button.disabled, .c-button:disabled:hover, .c-button.disabled:hover {
  background: #e9e9e9;
  color: #fff;
}

.p-page__title {
text-align: left;
margin: 40px 0 30px;
}

.p-page__copyright {
  text-align: left;
  padding: 30px 30px;
}


.p-page__wrap .p-shop__header {
  padding: 20px 30px;
}

.c-button--lg {
  padding: 1em 3.6em !important;
}

.p-page__title, h1.p-page__title {
color: #fff;
}



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

.view_pc .p-page__container {
letter-spacing: 1.2px !important;
}
  
.p-shop__logo {
width: 60px;
}
  
.p-page__title {
  font-size: 18px;
}

.p-page__wrap {
  font-size: 13px!important;
}

.c-form__title, .c-form__content, .c-table-preview__title, .c-table-preview__content {
  font-size: 13px;
}
  
.p-page__body-inner {
  margin: 0;
}

.c-button {
  padding: 0;
}
}


@media screen and (max-width: 480px) {
  
.c-button__group .c-button {
  padding: 20px 0 !important;
}
}