@charset "utf-8";

/* --------------------------------------------------------- */
/* login.css */
/* --------------------------------------------------------- */


/* メイン
----------------------- */

/* 緊急 --------------------------------------*/
#emergency{display:none;background:#fee5ea;}
#emergency.on{display:block;}
#emergency p{text-align:center;}
#emergency .head{padding:0.75em 0 0;color:#e15e68;font-size:24px;font-weight:bold;line-height:133%;}
#emergency .txt{padding:0.5em 0 1em;}


/* ログイン --------------------------------------*/
#login{}
#login .txt{font-weight:bold;}

#login form .txt{margin:1em 0;line-height:160%;}
#login form .input{width:81.539%;/*530*/margin:0 auto;}
#login form .input span:after{content:'を入力してください';}
#login form .mail{margin-bottom:2.308%;}
#login form .pw{margin-bottom:5.385%;}
#login form .submit{width:53.847%;/*350*/margin:0 auto;}
#login form .btn{width:53.847%;margin:3.077% auto 7.693%;}
#login form .btn a{padding:0.75em 0;font-size:16px;border-radius:20px;}

#login .first{margin-bottom:12.5%;}
#login .first .txt{margin:2em 0 0.75em;}
#login .first .btn{width:29.167%;/*350*/margin:0 auto;border-radius:30px;overflow:hidden;}
#login .first .btn a{padding:1em 0;font-size:20px;line-height:100%;}
#login .first .faq{border:2px solid #ccc;}
#login .first .faq a{color:#333; transition-property:opacity,background-color;}
#login .first .faq a:hover{opacity:1;color:#fff;background-color:#ccc;}

/* 新規会員登録× */
#login #notsignup{}
#login #notsignup .btn a{color:lightgray;background:gray;pointer-events:none;}
#login #notsignup .txt{margin-top:0.75em;margin-bottom:0;font-weight:normal;font-size:17px;}



@media screen and (max-width: 1450px){

/* メイン
----------------------- */

/* 緊急 --------------------------------------*/
#emergency .head{font-size:1.656vw;}


/* ログイン --------------------------------------*/
#login form .btn a{font-size:1.104vw;}

#login .first .btn a{font-size:1.38vw;}

#login #notsignup .txt{font-size:1.173vw;}

}



@media screen and (max-width: 750px){

/* メイン
----------------------- */

/* 緊急 --------------------------------------*/
#emergency .head{font-size:6vw;/*45*/line-height:100%;}


/* ログイン --------------------------------------*/
#login form .txt{line-height:178%;}
#login form .input{width:84.058%;/*580*/}
#login form .mail{margin-bottom:2.174%;}
#login form .pw{margin-bottom:5.073%;}
#login form .submit{width:72.464%;/*500*/}
#login form .btn{width:72.464%;margin:2.899% auto 8.696%;}
#login form .btn a{padding:1em 0;font-size:3.2vw;/*24*/border-radius:40px;}

#login .first{margin-bottom:14.493%;}
#login .first .txt{margin:2em 0 0.75em;}
#login .first .btn{width:72.464%;border-radius:50px;}
#login .first .btn a{font-size:4.267vw;}
#login .first .faq a:hover{color:#333;background-color:#fff;}

/* 新規会員登録× */
#login #notsignup .txt{font-size:3.2vw;}

}