@charset "utf-8";

/* CSS Document */

.syuttenall p,
.syuttenall div {
    font-size: 14px;
    margin: 20px 0;
}

.syutten_gray-back01 {
    background-color: #ebebeb;
    width: 600px;
    height: auto;
    padding: 50px;
}

.syutten_menugreenbutton {
    margin-top: 0;
    float: none !important;
    border: none;
}

.syutten_menugreenbutton:hover {
    border: none;
}

.syutten_menugreenbutton-2,
.syutten_menugreenbutton-2:hover {
    border: solid 1px #1FA354;
}

.notnextbutton {
    display: block;
    width: 300px;
    background-color: #cccccc;
    padding: 15px 10px;
}

.cdall,
.syutten-p-margin20auto {
    margin: 20px 0;
}

.cd4,
.syutten-link4-p {
    margin: 50px 0;
}

.syuttenall .topmenugreenbuttonimg-01,
.syuttenall .topmenugreenbuttonimg-02 {
    margin-left: 50px !important;
}

.syutten-p-bold {
    font-weight: 700 !important;
}

.syutten-link2-p,
.syutten-link2-p span,
.syutten-link3-p,
.syutten-link3-p span {
    color: #aaaaaa;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

input[type="checkbox"]+label {
    vertical-align: top;
    margin-left: 20px;
}

.syutten-top-button {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 30px;
}

.syutten-top-button a {
    display: block;
}

.syutten-top-button a img {
    width: 100%;
    height: 100%;
}


/* ログインページ */

.syutten-textred {
    color: #ff0000;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    line-height: 23px !important;
}

.weight600 {
    font-weight: 600 !important;
    font-size: 14px !important;
}

.login-inner {
    width: 300px;
    margin: 50px auto 100px auto;
}

.login-inner2 {
    margin: 50px 0 100px 0;
}

.syutten-login {
    text-align: center;
}

.login-inner2 .syutten-login {
    text-align: left;
}

.syutten-login .login-pass,
.loginform input[type=text],
input.page_pass_input {
    width: 100%;
    height: 50px;
    border: solid 1px #969696;
    background-color: #FAFAFA;
    margin: 20px auto 50px auto;
    padding: 0 10px;
}

input.page_pass_submit,
.syutten-login .login-button {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #009E41;
    color: #ffffff !important;
    font-weight: 600;
    margin: 0 auto 20px auto;
    padding: 0 10px;
    border: solid 1px #ffffff;
    font-size: 12px;
}

input.page_pass_submit:hover,
.syutten-login .login-button:not(.graybutton):hover {
    background-color: #ffffff;
    color: #009E41 !important;
    border: solid 1px #009E41;
}

.graybutton {
    background-color: #969696 !important;
}

.loginform-title {
    width: 100%;
}

.loginform-title p {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
}

.loginform-title span {
    display: inline-block;
    border-top: solid 1px #323232;
    height: 1px;
    width: 68%;
}

.cons-div {
    margin: 10px 0 30px 0;
}

.imgharfs {
    width: 100%;
    display: flex;
}

.imgharfs img {
    width: 50%;
    height: auto;
}

.loginform {
    text-align: left;
    width: 100%;
}

.loginform tr {
    margin: 10px 0 40px 0;
    display: block;
}

.loginform tr th,
.loginform tr td {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.loginform input[type=text] {
    width: 300px;
    margin: 0 auto;
}

.loginform input[type=radio] {
    display: inline-block;
}

.loginform input[type=radio]:last-child {
    margin-left: 30px;
}

.loginform input[type=file] {
    padding: 20px;
    border: solid 1px #EEEEEE;
    width: 100%;
}

.login-privacy-check p {
    display: inline-block;
    margin-left: 20px;
}

.marginbottom250 {
    margin-bottom: 250px;
}

.page_pass_wrap:before {
    content: '出店店舗の方はパスワードを入力してログインしてください。';
    display: block;
    font-size: 14px;
}

form.page_pass:before {
    content: '■ パスワード';
    display: block;
    font-size: 14px;
    font-weight: 600;
}

form.page_pass {
    width: 300px;
    margin: 50px auto;
}

input.page_pass_input {
    width: 100%;
    display: block;
}

@media screen and (max-width: 800px) {
    .syutten_gray-back01 {
        width: 100%;
    }
    .syutten-top-button {
        right: 60px;
    }
    .topmenugreenbutton {
        width: 100%;
    }
    .syuttenall .topmenugreenbuttonimg-01,
    .syuttenall .topmenugreenbuttonimg-02 {
        margin-left: 20px;
    }
    .syutten_gray-back01 {
        padding: 30px 20px;
    }
    .imgharfs {
        display: block;
    }
    .imgharfs img,
    .login-inner,
    .loginform input[type=text],
    form.page_pass {
        width: 100%;
    }
}