/* ver9 */

p#warning
{color:#d00;}

#regist_box label, #contact label{
  text-align:left;
  width:200px;
  margin-left:5px;
  display:block;
  float:none;
  margin-top:20px;
}

#regist_box form{
  width:350px;
  margin:auto;
}

#regist_box input[type=text]{
  width:346px;
  height:26px;
}

#regist_box select{
  width:350px;
  height:30px;
}

#regist_box .center {
  text-align:center;
}

#regist_box p {
  display:inline;
}

#regist_box p a{
  text-decoration:underline;
}

#regist_box input[type=checkbox]{
  display:inline;
  margin:20px 5px 20px 0;
}

#regist_box input[type=submit]{
  display:block;
  width:200px;
  height:35px;
  font-size:18px;
  font-weight:bold;
  margin:auto;
  cursor:pointer;
}

#contact form{
  width:400px;
  margin:auto;
}

#contact input[type=text]{
  width:396px;
  height:26px;
}

#contact select{
  width:400px;
  height:30px;
}

#contact .center {
  text-align:center;
}

#contact p {
  margin-top:20px;
}

#contact p a{
  text-decoration:underline;
}

#contact input[type=checkbox]{
  display:inline;
  margin:20px 5px 0 0;
}

#contact input[type=submit]{
  display:block;
  width:200px;
  height:35px;
  font-size:18px;
  font-weight:bold;
  margin:auto;
  cursor:pointer;
}

label[for=automail] {
  display:inline !important;
}

#contact textarea{
  width:400px;
  margin-bottom:10px;
}

#containerwh100 {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #f9f9f9;
  position:fixed;
  overflow:auto;
}

.signinbox, .duemailbox {
  background:#fff;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  position:absolute;
  width:400px;
  top:10%;
  left:50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding:15px;
  box-sizing: border-box;
}

.signinbox img, .duemailbox img {
  display:block;
  margin:auto;
}

.signinbox h2, .registbox h2 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
  padding: 0 1rem;
  text-indent: 0;
  background-color: initial;
  width: auto;
  height: auto;
  border-bottom: none;
}

.signinbox p, .registbox p, .duemailbox p {
  font-size:15px;
  line-height:17px;
}

.signinbox form, .registbox form {
  padding:0 1rem;
}

/*1020px以下*/
@media screen and (max-width:1020px) {
.signinbox, .duemailbox {
  width:50%;
  position:unset;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  margin:3rem auto;
}
}

/*767px以下*/
@media screen and (max-width:767px) {
.signinbox, .duemailbox { width:100%;  margin:0 auto; box-shadow:none;}

}


.forgotpw h2 {
  font-size:23px;
  line-height:25px;
}

.signinbox .fpw {
  margin-bottom:.5rem;
  text-align:right;
  font-size:15px;
}

.signinbox .sform {
  display: block;
  width: calc(100%);
  height: calc(1.5em + .75rem + 2px);
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  padding-left: 10px;
}

.btn {
  text-align:center;
  width:100%;
  padding:10px 0 ;
  border-radius:.3rem;
  font-size:16px;
  cursor:pointer;
  font-weight:700;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-create {
  border:1px solid #000;
  color:#000;
  display:block;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}

.signinbox label {
  font-size:.9rem;
  font-weight:700;
  margin-bottom:5px;
  display:inline-block;
}

.btn-create:hover {
  background:#ccc;
  text-decoration:none;
  color:#000;
}

.registcontainer {
  width: 100%;
  max-width: 1020px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  flex-flow:row wrap;
  justify-content:center;
  align-items:start;
  margin:10px auto;
  
}

/*1020px以下*/
@media screen and (max-width:1020px) {
.registcontainer { padding:5px;}
.registbox { padding:0 5px 20px !important;}
}

.registbox {
  width:480px;
  border:1px solid #ccc;
  padding:15px;
  box-sizing:border-box;
}

.registbox h2 {
  font-size:28px;
}

.registbox h3 {
  font-size:24px;
  font-weight:700;
  
}

.registbox .i-box .form-email {
  background-color: #eee;
}
.registbox .i-box > div {
  display:flex;
  flex-flow:row wrap;
  align-items:center;
  margin-bottom:.75rem;
}

.registbox .i-box > div > *:nth-child(1) { width:105px; font-size:13px; margin:0; font-weight:700;}
.registbox .i-box > div > *:nth-child(2) {
  width:calc(100% - 105px);
  box-sizing:border-box;
}
.registbox .i-box > div > .form-phone {
  display: flex;
}
.registbox .i-box > div > .form-phone .intl-no {
  width: 50px;
  padding: 0 10px;
  line-height: 2rem;
  font-size: 0.8rem;
  margin-right: 5px;
  background-color: #eee;
}

/*480px以下*/
@media screen and (max-width:480px) {
.registbox .i-box > div *:nth-child(1) { width:100%; font-weight:normal; margin-bottom:3px;}
.registbox .i-box > div *:nth-child(2) { width:100%; font-size:16px;}
}


.registbox .rform {
  display: block;
  width: calc(100% - 10px);
  height: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  padding-left: 10px;
}

.registbox .field-icon {
  color: #555;
  float: right;
  margin-left: -29px;
  position: relative;
  z-index: 2;
}

.registbox label {
  display:block;
  font-size:13px;
  margin:12px 0 4px;
}

.registbox select {
  width: calc(100% + 2px);
  height: 31px;
}

.registbox select {
  box-sizing:border-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  padding-left: 7px;
}

.registbox a, .signinbox a, .registhelp .bbblock a {
  color:#007bff;
}

.registhelp {
  position: relative;
  width: calc(100% - 480px);
  padding: 10px 30px;
  box-sizing: border-box;
}

.registhelp img { width:100%;}

/*767px以下*/
@media screen and (max-width:767px) {
.registbox { width:100%;}
.registhelp { display:flex; flex-flow:row wrap; padding:0; width:100%;}
.registhelp > a, .registhelp .bbblock { width:50%; box-sizing:border-box;}
}

/*480px以下*/
@media screen and (max-width:480px) {
.registhelp > a, .registhelp .bbblock { width:100%;}
}

.duemailbox h3, .duemailbox h4 {
  font-size: 1.05rem;
  font-weight:400;
  line-height: 1.2;
  color: #000;
  text-indent: 0;
  background-color: initial;
  width: auto;
  height: auto;
  border-bottom: none;
}

.duemailbox h3::before {
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size:1.4rem;
  color:#ff9800;
}

.duemailbox .alart-msg {
  padding:8px;
  border:1px solid #ff9800;
  border-radius:10px;
}

.duemailbox a, .duemailbox a:hover { color:#007bff;}
.duemailbox a:hover { text-decoration:underline;}

.registbox .asf {
  height: 150px;
  overflow-y: scroll;
}
.registbox .asf p {
  margin: 1em 0;
  font-size:13px;
}
.registbox .btn-signin:disabled {
  opacity: 0.5;
  cursor: default;
}

.fa-eye {
  width:25px;
  height:22px;
  background: url(https://autocj.co.jp/images/newimages/acj-icon01.png) no-repeat 0 -1541px;
  background-size: cover;
  vertical-align: middle;
  display:inline-block;
  opacity:.7;
}
.fa-eye-slash {
  width:25px;
  height:22px;
  background: url(https://autocj.co.jp/images/newimages/acj-icon01.png) no-repeat 0 -1563px;
  background-size: cover;
  vertical-align: middle;
  display:inline-block;
  opacity:.7;
}

/*thankspage*/
#thankspagecontent .aablock { max-width:900px;}
#thankspagecontent .aablock h2 {
  background:none;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: .5rem;
  color: #212529;
  text-indent:0;
}
#thankspagecontent .aablock .veri_body {
  font-size: .9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
#thankspagecontent .thanks_caution {
  padding:1rem;
  border:2px dashed #003e5f;
  font-size:1rem;
  font-weight:700;
  margin-top:2.5rem;
  background:#d8dfe3;
}
#thankspagecontent .thanks_link {
  margin: 50px auto;
  width: 100%;
  display: block;
  text-align: center;
}

#thankspagecontent .bk_top {
  display: inline-block;
  width: 270px;
  border: 1px solid #000000;
  font-size: 18px;
  text-align: center;
  margin: 20px 20px 20px 20px;
  background: rgb(240,240,240);
  padding: 30px;
}

.thanks_list_banner {
  margin: 50px auto;
  width:90%;
}

.thanks_list_banner::after {
  clear:both;
  display:block;
  content:"";
}

.thanks_list_banner ul {
  list-style: none;
  margin-left:10px;
}
.thanks_list_banner ul li {
  float: left;
  display:block;
  margin:0 12px 0 12px;
}

.thanks_list_banner ul li img {
  margin:0;
  width:152px;
  height:86px;
  border:1px solid #000000;
}

.thanks_list_banner ul li span {
  display: block;
  text-align: center;
}