@import "/resources/css/m_popup_common.css";

/* iframe html, body override*/
html, body {background: transparent;}
/* iframe html, body override*/

.subject-box, .name-box, .birth-box, .info-box, .telecom-box, .auth-box, .btn-wrap {margin-top: 15px;}

.subject-box .info-title-lsize {font-size: 1.5rem !important; width: 50%; color: #333;}
.subject-box > span {display: inline-block;}

.name-box input {width: 62%;}
.name-box button {width: 17%;margin-left: 1%;height: 50px;font-size: 1.3rem;border: 1px solid #dedede;color: #dedede;}
.name-box button.active{border: 1px solid #28b18e !important; color: #28b18e !important;}

.birth-box input {width: 62%;}
.birth-box button {width: 17%; margin-left: 1%; height: 50px; font-size: 1.3rem; border: 1px solid #dedede; color: #dedede;}
.birth-box button.active{border: 1px solid #28b18e !important; color: #28b18e !important;}

.telecom-box select {width: 30%;}
.telecom-box input {width: 62%; margin-left: 1%;}

.auth-box input {width: 62%;}
.auth-box .requestIdentify {width: 17%; margin-left: 1%; height: 50px; font-size: 1.4rem; border: 1px solid #28b18e; color: #28b18e;}
.auth-box .confirmIdentify {width: 17%; margin-left: 1%; height: 50px; font-size: 1.4rem; border: 1px solid #000080; color: #000080;}

.btn-wrap .button-auth-confirm {height: 50px; text-align: center; font-size: 2.0rem !important; outline: 0; cursor: pointer; color: #dedede; border: 1px solid #dedede;}

.remain-time-name {display: inline-block; color: #333; width: 17%; margin-left: 1%; text-align: center; font-size: 1.2rem; vertical-align: middle;}