@charset "utf-8";
/* reset
----------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;
/*background:transparent*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}nav ul {list-style:none}blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none;}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:700}del {text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table {border-collapse:collapse;border-spacing:0}input,select {vertical-align:middle}img{vertical-align:top;vertical-align:bottom}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul {list-style: none;}li {list-style: none;}img {max-width: 100%;}

/*style css---------------------------------------------------------*/
.user__login {
    display: block;
    padding: 40px 16px 16px;
    box-sizing: border-box;
}

.login .main__ttl {
    display: none;
}

.login .content__ttl {
    background-color: #fff;
}

.login__text {
    display: block;
    text-align: left;
    padding: 0 0 4px;
    color: #313634;
    font-size: 13px;
    font-weight: bold;
}

.Input__entry {
    width: 300px;
    height: 40px;
    margin-bottom: 24px;
}

.login .main__subttl.text {
    padding: 0;
}

.login__button {
    display: block;
}

.login__button:hover {
    cursor: pointer;
    color: #313634;
    background-color: #fff;
    border: 1px solid #707070;
    box-shadow: none;
}


.loginRetry__wrapper {
    display: block;
    margin: 0 auto;
}

.loginRetry__link {
    color: #707070;
    font-size: 12px;
    text-decoration: underline;
}

.loginRetry__link:first-child::after {
    content: "|";
    display: inline;
}



/*PC---------------------------------------------------------------------------*/

@media screen and (min-width: 960px) { 
    .content__box {
        display: block;
        margin: auto;
    }

    .main {
        width: 100%;
        max-width: 864px;
        margin: 0 auto;
    }

    .user__login {
        display: block;
        margin: 40px auto;
        padding: 40px 40px 0;
        box-sizing: border-box;
        width: 480px;
        border: 1px solid #cbcbcb;
    }

    .Input__entry {
        display: block;
        width: 360px;
        height: 40px;
        padding: 0 0 0 16px;
        margin: 0 auto 40px;
        border-radius: 30px;
        border: solid 1px #707070;
    }

    .login__button {
        display: block;
        margin: 40px auto;
        width: 200px;
        height: 40px;
        border-radius: 30px;
        border: none;
    }

    

}