@charset "utf-8";
/* CSS Document */


/* LOGIN FORM */
.body-container .section {margin-top:25px;}
.login { position: relative; background: #FFFFFF; text-align: center; }
.login input { background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 1.2rem; }
.login .login-form button { text-transform: uppercase; outline: 0; background: #5283e0; width: 100%; border: 0; height:50px; color: #FFFFFF; font-size: 1.5rem; border-radius: 3px; font-weight:500; transition: all 0.3 ease-out; -webkit-transition: all 0.3 ease-out; }
.login .login-form button.join {color:#5283e0; border:1px solid #5283e0; background:#fff;margin-top:10px;}
.login .login-form button:hover,.login .login-form button:active,.login .login-form button:focus { background: #6595EF; }
.login .login-form .message { margin: 20px 0 0; color: #b3b3b3; font-size: 1.2rem; border-top:1px solid #dee3eb; padding-top:20px}
.login .login-form .message a { padding-top: 10px; }
.login .login-form .message a:hover,
.login .login-form .message a:active,
.login .login-form .message a:focus { color: #6595EF; }
.login > img {margin-bottom:30px;}
.login .login-form .sns-login button:nth-child(1) {margin-top:20px;}
.login .login-form .sns-login button {margin-top:10px; padding:12px; background:#eee; background:#fff; color:#767676; border:1px solid #e5e5e5; font-size:1.3rem;}
.login .login-form .sns-login button img {width:16px; position: relative; top:4px;margin-right:6px;}
.login .login-form .sns-login button:hover {background: #f8f8f8;}
.sns-login { margin-top:20px; border-top:1px solid #dee3eb;}