body.login.login-password-protected {
    position: relative;
    background: rgba(255,255,255,1);
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url("http://attractcustomers.club/wp-content/uploads/2018/05/attractcustomersBgImg01-min.jpg");
    background-size:cover;
}
body.login.login-password-protected #login {
    position: absolute;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    padding: 0;
}
body.login.login-password-protected #login h1 {
    position: relative;
    padding: 0 0 2em 0;
}
body.login.login-password-protected #login h1:before {
    position: absolute;
    content: "会員集客プログラム学習サイト";
    line-height: 1.2em;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
body.login.login-password-protected #login h1 a {
    background-image: none;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 0;
    width: inherit;
    margin: 0;
    padding: 0;
}
body.login.login-password-protected #login #loginform {
    margin-top: 2em;
    background: rgba(255,255,255,0.85);
}
@media (min-width: 769px) {
    body.login.login-password-protected #login {
        width: 50%;
    }
    body.login.login-password-protected #login #loginform {
        width: 70%;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    body.login.login-password-protected #login {
        width: 60%;
    }
}
@media (max-width: 480px) {
    body.login.login-password-protected #login {
        width: 80%;
    }
}