/* BASIC css start */
#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:15px 15px 0 15px;background:#fff;}
#login .tab a {width:50%;display:inline-block;vertical-align:top;text-align:center;box-sizing:border-box;background-color:#f5f5f5;border-bottom:1px solid #db4137;padding:15px;}
#login .tab a.act {color:#db4137; background-color:#fff; border:1px solid #db4137;  border-top:1px solid #db4137; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-bottom:15px;}
#login .nonmember fieldset {}
#login .nonmember h3 {font-size:18px;padding:10px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }

#contents {background:#f5f5f5;}
.loginInput input[type="text"],.loginInput input[type="password"] {border:0;border-bottom:1px solid #bbb;}
.loginInput input[type="text"]:focus ,.loginInput input[type="password"]:focus {outline: none;border-bottom:1px solid #db4137}








fieldset h3{ text-align: center; font-size: 20px; font-weight: bold; }
.login .loginInput input{height: 50px!important;  border-left: 1px solid #bbb;border-right: 1px solid #bbb;  border-top: 1px solid #bbb;margin-bottom:0}
.login .loginInput input.login-input{border-bottom: 0;}
.login .loginCheck:after{clear: both;display: block; content: ""}

.btn_transparent { height: 17px; line-height: 17px;}

.login .loginInput { margin-top: 18px; border-bottom: 1px solid #bbb; }

.pink{ width: 100%; height: 50px; line-height: 50px; background-color: #ff2e68; color: #fff; text-align: center; display: block; box-sizing: border-box; vertical-align: middle; font-size: 20px; }

#login .nonmember fieldset { padding: 40px 0 15px; }



.jony { margin-top: 50px; padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.jony .btn_transparent,.loginMiddle .btn_pink{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 20px; border: 1px solid #ff2e68; margin: 16px 0px; color: #ff2e68; }
.jony p{text-align: center;}
.jony p span{ color: #ff2e68;}

h3.sns-title { margin-bottom: 20px; }
.sns-login > div.sns-title{ display: block; width: 100%; }
.sns-login > div { display: block;}
.sns-login > div > ul > li{width: 100%;}
.sns-login > div > ul > li a{    font-size: 20px;}
.sns-login > div > ul > li { width: 100%; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 30px; line-height: 47px; }
.sns-login > div > ul > li a img { margin-right: 10px; max-width: 60%; vertical-align: middle; }
.sns-login > div > ul > li a:after{background: none;}
/* BASIC css end */