/* --------------------------------------------------------------------------
Login
---------------------------------------------------------------------------- */
div.formbox { width:80%; max-width:300px; margin:0 auto 0 auto; padding:0; overflow: hidden; }

div.formobj { width:90%; margin:20px auto 0 auto; padding:0; position: relative; overflow: hidden; height:80px;}
div.formobj label.mail { width:80%; margin:0; padding:0; font-family: bonv; color:#747673; font-size:120%; position: absolute; top:45px; left:8%; z-index: 80;}
div.formobj label.pass { width:80%; margin:0; padding:0; font-family: bonv; color:#747673; font-size:120%; position: absolute; top:40px; left:8%; z-index: 80;}
div.formobj input.mail { width:85%; margin:0; padding:15px 5px 15px 5px; background-color: rgba(0,0,0,0.2); border:none; z-index: 81; position: absolute; top:30px; left:7.5%; font-size: 120%; border-radius: 0; font-family: bonv; }
div.formobj input.pass { width:85%; margin:0; padding:15px 5px 15px 5px; background-color: rgba(0,0,0,0.2); border:none; z-index: 81; position: absolute; top:20px; left:7.5%; font-size: 120%; border-radius: 0; font-family: bonv; }
div.formobj input.damy { width:1px; height:1px; position: absolute; top:45px; left:10%; background-color: rgba(0,0,0,0); z-index: 1; border:none;}

div.formobjc { width:100%; margin:40px 0 0 0; padding:0 0 40px 0; text-align: center; }
div.formobjc input.cgo { width:150px; margin:0 auto; padding:15px 0 15px 0; border:none; border-radius: 3px; color:#ffffff; font-size: 120%; cursor: pointer; }
div.formobjc input.cgo { background-color:#658FF2; background:-webkit-gradient(linear, left top, left bottom, from(#658FF2), to(#658FF2)); -webkit-appearance:none; }

p.er { width:90%; margin:10px 5% 0 5%; padding:10px 0 10px 0; text-align:center; font-size:90%; color:#ffffff; font-family: meiryo ; background-color:#f34c89;letter-spacing:2px; }
p.frcl { width:70%; max-width:300px; margin:30px auto 50px auto; padding:10px 0 10px 0; background-color: #2CADF7; color:#ffffff; border-radius: 3px; font-size: 100%; text-align: center; cursor: pointer; }

/* --------------------------------------------------------------------------
Password Eye
---------------------------------------------------------------------------- */
#tpass{ position:absolute; top:42%; right: 10%; width: 25px; height: 25px; cursor: pointer; z-index: 90; }
.eye { background-image: url(../../css/img/eye.png); background-size: 100% 100%; opacity: 0.3; }
.no-eye { background-image: url(../../css/img/no-eye.png); background-size: 100% 100%; opacity: 0.3; }
#poppass{ position:absolute; top:35%; right: 2%; width: 25px; height: 25px; cursor: pointer; }


/* --------------------------------------------------------------------------
Form Del
---------------------------------------------------------------------------- */
div.clback { width:100%; margin:0; padding:0; height:100%; position: fixed; top:0; left:0; z-index: 98; background-color: rgba(0,0,0,0.7); text-align: center; }
div.clback div.clin { width:80%; max-width: 400px; margin:50px auto 0 auto; padding:20px 0 50px 0; background-color: #ffffff; border-radius: 10px; overflow: hidden; }
div.clback div.clin p.cltitle { width:100%; margin:20px 0 0 0; padding:0; color:#000000; text-align: center; font-size: 120%; float: left; }
div.clback div.clin p.clinfo { width:90%; margin:20px 5% 0 5%; padding:0; color:#000000; text-align: left; font-size: 90%; float: left; }
div.clback div.clin p.clleft { width:40%; margin:40px 5% 0 5%; padding:10px 0 10px 0; background-color: #FF2600; color:#ffffff; text-align: center; font-size: 100%; cursor: pointer; border-radius: 3px; float: left; }
div.clback div.clin p.clright { width:40%; margin:40px 5% 0 5%; padding:10px 0 10px 0; background-color: #4BDBBF; color:#ffffff; text-align: center; font-size: 100%; cursor: pointer; border-radius: 3px; float: left; }