@charset "utf-8";

footer,.footer_spmenu{display: none!important;}

#login{height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column; background: url("../img/bk.webp") no-repeat center center/cover;text-align: center;}
#login .limited_tit{font-size: 75px;letter-spacing: 0.3em;background: linear-gradient(to right, #7d6424 22%, #d8bc7b 62%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-left: 0.3em;}
#login .limited_tit + p{font-size: 35px;margin-top: 0.4em;letter-spacing: 0.2em;padding-left: 0.2em;}
#login .lead{font-size: 20px;letter-spacing: 0.1em;margin-top: 50px;line-height: 1.8;}
#login .input{display: flex;margin-top: 50px;}
input[type="password"]{font-size: 20px;padding: 1em 0.3em;width: 400px;border: 3px solid #a88f2f;border-right: none;}
input[type="password"]:focus::placeholder{color: transparent;}
input[type="submit"]{font-size: 22px;font-family: "EB Garamond", serif;color: #fff;letter-spacing: 0.1em;background: linear-gradient(to right, #836a28, #a7915e);padding: 0 1em;border: 3px solid #a88f2f;cursor: pointer;transition: 0.5s all;}

@media screen and (min-width: 768px){
input[type="submit"]:hover{opacity: 0.6;}
}

@media screen and (max-width: 767px){
#login{height: 100vh;}
#login .limited_tit{font-size: 40px;}
#login .limited_tit + p{font-size: 24px;}
#login .lead{font-size: 17px;margin-top: 40px;}
#login .input{display: flex;margin-top: 40px;justify-content: center;}
input[type="password"]{font-size: 16px;padding: 1em 0.3em;width: 60vw;border: 2px solid #a88f2f;border-right: none;max-width: 400px;}
input[type="submit"]{font-size: 16px;border: 2px solid #a88f2f;}

}
.errtext{
	text-align: center;
	margin: 20px 0;
}