@charset "UTF-8";

/*====================================================================================================
/sph/login/contents.css
モーダルログインCSS

====================================================================================================*/

html,body{-ms-overflow-style:none;overflow:hidden;}
body{margin:0;background-color: transparent;}
.login_window{position:relative;margin:10px;box-sizing:border-box;border-radius:10px;-ms-overflow-style:none;background-color:#FFF;border:3px solid #00A73C;}
form{width:100%;margin:0;text-align:left;}
form .mb_t{color:#fff;font-size:18px;font-weight:700;text-align:center;padding:20px;box-sizing:border-box;background:#00A73C;border-radius:5px 5px 0 0;}
form .mb_main{padding:0 20px 20px;box-sizing:border-box;}
form .mb_main li{line-height:1px;letter-spacing:-1em;}
form li.mb_ck,
form li.mb_ip{padding:15px 0 0;font-size:16px;font-weight:700;text-align:left;letter-spacing:normal;}
form li.mb_ip span{display:inline-block;width:60px;}
form li.mb_ip input{display:inline-block;width:calc(100% - 60px);font-size:16px;line-height:20px;padding:7px;border:1px solid #CCC;box-sizing:border-box;background:#F4F8E0;}
form li.mb_ck{vertical-align:middle;}
form li.mb_ck label{display:block;font-size:13px;line-height:16px;text-align:center;}
form li.mb_ck input{margin:-2px 5px 0 0;vertical-align:middle;}
form li.mb_btn{margin:10px 0 0;}
form li.mb_btn a{display:block;width:80%;margin:0 auto;padding:5px 0;border-radius:5px;background-color:#DB7841;color:#fff;font-size:16px;font-weight:700;line-height:20px;letter-spacing:normal;text-align:center;text-decoration:none;transition:.3s;}
form li.mb_btn a:hover{background-color:#ff7600;}
form li.mb_reminder{margin:15px 0 0;text-align:center;}
form li.mb_reminder a{color:#000;font-size:12px;line-height:20px;letter-spacing:normal;transition:.3s;}
form li.mb_reminder a:hover{opacity:.6;}

#close{position:absolute;top:0;right:0;margin:0 auto;padding:6px 6px 4px 6px;background-color:#00A73C;display:block; cursor:pointer;}
#close span{display: inline-block;position: relative;margin: 0 8px 0;padding: 0;width: 4px;height: 20px;background: #fff;transform: rotate(45deg);}
#close span:before{display: block;content: "";position: absolute;top: 50%;left: -8px;width: 20px;height: 4px;margin-top: -2px;background: #fff;}

@media screen and (max-width:767px){
    .login_window{margin:0;}
}