@charset "utf-8";

/* 登録画面

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

/* ログイン */
#roots{position:relative;margin-top:4em;color:#333;}

#loginLogo{text-align:center;margin:0;}
#loginLogo img{max-width:220px;}

#login{position:relative;overflow:hidden; margin:0 auto;color:#333;}
#login .inner{width:100%; margin:0 auto;max-width:1034px;}

#login .member{ width:90%;background:#fff;max-width:500px;margin:3em auto;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
#login .member .inner{width:90%;margin:0 auto; padding:20px 0; }
#login .member h2{padding:20px 23px 10px 23px; font-size:2.8rem;box-sizing: border-box;margin:0;}

#login .member .user{ margin-bottom:1em;}
#login .member .user input,
#login .member .pass input{ resize: none; margin:3px 0; font-size:16px;width:55%;}

#login .member .user p,
#login .member .pass p{ display:inline-block; line-height:1.4;width:40%;font-size:14px;vertical-align: middle;}

/* 入力欄*/
#login .member .user input[type="text"],
#login .member .pass input[type="password"]	{margin:3px 0; font-size:16px; background-color:#fff; border:1px #bbb solid; padding:1.6% 2.2%;height:5rem;}
#login .member .user input[type="text"]:focus,
#login .member .pass input[type="password"]:focus{ border: 1px solid #A51D35; outline: 0;}

/* ボタン */
#login .member .loginBtn{text-align:center; margin:3em auto 2em auto;}
#login .member .loginBtn input{cursor:pointer;background:#A51D35; border:none; color:#fff;border-radius: 2px;padding:10px 30px; font-size:16px;box-sizing: border-box;max-width:300px;width:100%;-webkit-appearance: none;}
#login .member .loginBtn input:hover{cursor:pointer;background:#7a1527; border:none; color:#fff;}

/* footer_l */
#footer_l{ width:100%;margin-top:2em;}
#footer_l .inner{text-align:center;}
#footer_l h1{text-align:center;margin:0 0 .5em 0;}
#footer_l h1 img{max-width:220px;}
#footer_l .security{text-align:center;margin:2em auto 1em auto;}
#footer_l .security .thum{ display:inline-block;width:115px; margin:0 0.5em 0.5em 0;}
#footer_l .security p{display:inline-block;width:202px; line-height:1.5;vertical-align:top;text-align:left;font-size:12px;}
#footer_l img.logoNp{ width:100%;max-width:280px;margin-bottom:10px;}
#footer_l img.logoTb{ width:40%;max-width:280px;}
#footer_l .copy span{text-align:center;line-height:1.8;display:block;font-size:11px;color:#777;letter-spacing:1px;}

/* SmartPhone */
@media screen and (max-width:768px){ 

	#roots{margin-top:2em;}
	#loginLogo{margin-bottom:1em;}
	#login .member h2{font-size:2rem; padding:20px 23px 10px 10px;}
	#login .member{ width:100%;max-width:500px;margin:10px auto 2em auto;}

	#login .member .user input,
	#login .member .pass input{ border: 1px solid #333; resize: none; margin:3px 0;height:45px; font-size:16px;width:100%;box-sizing: border-box;}
	#login .member .user p br{display:none;}
	#login .member .user p,
	#login .member .pass p{ display:block;width:100%;font-size:14px;}
	/* 入力欄*/
	#login .member .user input[type="text"],
	#login .member .pass input[type="password"]	{margin:5px 0; font-size:16px;}
	/* ボタン */
	#login .member .loginBtn{text-align:center; margin:2em auto 1em auto;}
	#login .member .loginBtn input{padding:15px 30px;}

	/* footer_l */
	#footer_l .security .thum{ display:inline-block;width:115px; margin:0 0.5em 1em 0;}
	#footer_l .security p{display:inline-block;width:100%; line-height:1.5;vertical-align:top;text-align:left;font-size:12px;}

}

/* メンテナンス用 */
.maintArea{max-width:1000px;width:95%;margin:20px auto 0 auto;font-size:14px;border:3px solid #EB7077;border-radius:5px;}
.maintArea .title{background:#EB7077;font-size:18px;font-weight:bold;margin-bottom:10px;text-align:center;padding:7px;color:#fff;}
.maintArea h3{margin:0 0 5px 0;}
.maintArea .in{padding:1.5em;}
.maintArea .box1{font-size:14px;font-weight:bold;padding:5px 15px;margin:1em 0;}
.maintArea .box2{font-size:16px;font-weight:bold;background:#ffffbd;display:inline-block;padding:5px 15px;margin:1em 0;}
.maintArea .box2 p{color:#c00;}
.maintArea2{max-width:1000px;width:95%;margin:40px auto 0 auto;font-size:14px;text-align:center;}
.maintArea2 .title{color:#EB7077;font-size:27px;font-weight:bold;margin-bottom:15px;text-align:center;padding:7px;}
.maintArea2 h3{margin:0 0 5px 0;}
.maintArea2 .box2{font-size:16px;font-weight:bold;margin:20px 0;}
.maintArea2 .box2 p{color:#c00;}