body {
    background: < {
        $page_bgcolor
    }

    >;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
    color: < {
        $button1_font_color
    }

    >;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
    color: < {
        $button2_font_color
    }

    >;
}

.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
    color: < {
        $button3_font_color
    }

    >;
}

.c-input--text {
    border-color: < {
        $textarea_bordercolor
    }

    >;
}

.c-input--text:focus {
    border-color: < {
        $textarea_bordercolor_focus
    }

    >;
}
/******************************/
/* my css start */
/******************************/
.base01 {
    max-width: inherit !important;
}
.base02 {
    background-color: #F7F4ED !important;
}
.p-page__container {
    max-width: inherit !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.p-page__container * {
    box-sizing: border-box !important;
}
.base01 > * {
    padding: 0 28px !important;
}
@media (min-width: 1236px) {
    .base01 > * {
        padding: 0 calc((100vw - 1180px) / 2)!important;
    }
}
.p-page__wrap .p-shop__header > a {
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.p-page__wrap .p-shop__header span {
    line-height: 1;
    font-size: 16px;
    font-weight: 300;
    color: #333;
}
.p-page__body-inner {
    color: #333;
    padding: 0 !important;
    border: none !important;
}
.p-page__body-inner > * {
    width: 100%;
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.p-page__wrap .p-shop__header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #C9C9C9;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    text-align: left;
}
/* @media (max-width: 767.9px) {
    .p-page__wrap .p-shop__header {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
} */

.p-page__body-inner form {
    padding-top: 12px;
}
/* @media (max-width: 767.9px) {
    .p-page__body-inner form {
        padding-top: 5px;
    }
} */
.c-button__group--sub {
    padding: 0;
    margin: 0;
}
.c-button__group--sub a {
    background: transparent;
    line-height: 1;
    font-size: 10px;
    font-weight: 300;
    color: #333;
    padding: 0 0 11px;
    border-bottom: 1px solid #333 !important;
    border-radius: 0;
}
.c-button__group--sub a:hover {
    background: transparent;
    opacity: .75;
}
/* @media (max-width: 767.9px) {
    .c-button__group--sub a {
        padding: 0;
        border-bottom: none;
    }
} */
.p-page__title {
    line-height: 1;
    font-size: 22px;
    font-weight: 300;
    color: #333;
    letter-spacing: .05em;
    text-align: left;
    margin-top: 80px;
    margin-bottom: 30px;
}
.c-alert {
    line-height: 1.76;
    font-size: 13px;
    font-weight: 300;
    color: #333;
    background: transparent;
    letter-spacing: .04em;
    padding: 0;
    margin: 0 0 63px;
}
.c-form__table {
    margin-top: 0;
}
.c-form__title {
    width: 30%;
    line-height: 1;
    font-size: 11px;
    font-weight: 300;
    color: #333;
    letter-spacing: .04em;
    text-align: left;
    padding: 0;
}
.c-form__content {
    /* 830 */
    width: 70%;
    padding: 0;
}
table {
    border-spacing: 4px;
    margin-bottom: 44px !important;
}
.c-form__content input,
.c-form__content textarea {
    height: 49px;
    font-size: 11px;
    font-weight: 300;
    color: #333;
    letter-spacing: .04em;
    background: transparent;
    border-radius: 0;
    border: 1px solid #707070;
}
tr:nth-last-of-type(2) textarea {
    height: 175px;
}
.c-form__note {
    /* display: none; */
    line-height: 1;
    font-size: 10px;
    font-weight: 300;
    color: #333;
    letter-spacing: .05em;
    margin: 4px 0;
}
.c-form__title--must {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 34px; */
    width: 60px;
    height: 14px;
    color: #fff;
    background: #E68460;
    line-height: 1;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .04em;
    padding: 0 6px;
    margin-top: 8px;
}
.c-button__group {
    width: 70%;
    text-align: left;
    margin: 0 0 0 auto;
}
.c-button__group input {
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    color: #A24D4A;
    background: transparent;
    letter-spacing: .1em;
    border: 1px solid #712E2B;
    border-radius: 6px;
    padding: 14px 75px;
    margin: 0;
}
.c-button__group input:hover {
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    color: #A24D4A;
    background: transparent;
    letter-spacing: .1em;
    border: 1px solid #712E2B;
    border-radius: 6px;
    padding: 14px 75px;
    margin: 0;
    opacity: .75;
}
.base02 {
    padding-bottom: 110px !important;
}
.p-page__footer {
    background: #ECE8E1;
    padding: 0 28px;
}
.p-page__copyright {
    max-width: 1180px !important;
    line-height: 1;
    font-size: 11px;
    font-weight: 400;
    color: #333;
    text-align: left;
    padding: 52px 0 64px;
    letter-spacing: 0.05em;
    margin-right: auto;
    margin-left: auto;
}