/* 登録フォーム、ログイン基本 */
.regi-form hr,.login-form hr,.acount-form hr { border: none; border-top: 1px solid #BABABA;}
.regi-form hr,.login-form hr{margin: 62px 0 55px;}
.confirm {
  margin: 0 auto;
  padding: 25px 0 30px 21px;
  width: 580px;
  max-width: 100%;
  text-indent: -21px;
}
.confirm input[type="checkbox"] {margin-right: 8px;}


/* 新規登録特有 */
.regi-form > div{
  display: -webkit-flex;display: flex;
  -webkit-align-items: center;align-items: center;
  margin-bottom: 27px;
}
.regi-form > div > p:first-of-type{
  width: 23%;
  max-width: 177px;
  min-width: 9em;
}
.regi-form > div > input[type="password"].form-sm {max-width: 278px;}
.regi-form > div > input[type="text"],.regi-form > div > input[type="password"]{flex: 1;}

/* 横幅610px以下から適用 */
@media screen and (max-width: 610px) {
  .regi-form > div > p:first-of-type{
    width: 100%;
    max-width: 100%;
  }
  .regi-form > div {
    -webkit-align-items: start;align-items: start;
    flex-direction: column;
    margin-bottom: 15px;
  }
  .regi-form > div > p:first-of-type{margin-bottom: 5px;}
  .regi-form > div > input[type="text"],.regi-form > div > input[type="password"]{width: 100%;}
  .regi-form > div > input[type="text"],.regi-form > div > input[type="password"]{flex: auto;}
}
/* 横幅540px以下から適用 */
@media screen and (max-width: 540px) {
  .regi-form > div > p:first-of-type{font-size: 14px;}
}


/* ログイン特有 */
.login-form > input[type="text"]{margin-bottom: 25px;width: 100%;}
.login-form > input[type="password"]{margin-bottom: 25px;width: 100%;}
.loginToRegi {text-align: left!important; }
.trouble,.forgetPass{
  background-image: url(./../img/common/chevron-right.svg);
  background-repeat: no-repeat;
	background-size: 7px 11px;
  background-position: left 0 top 7px;
  padding-left: 18px;
}
.forgetPass{
  position: absolute;
  display: inline-block;
  top: 0;
  right: 31px;
}
.detail {margin-left: 50px;}
.detail > img {
  display: inline-block;
  margin-left: 4px;
}

/* アカウントエディットフォーム */
.acount-form > div {
  border-bottom: 1px solid #BABABA;
  padding: 17px 10px 21px 15px;
  min-height: 89px;
}
.acount-form > div > p {width: 228px; min-width: calc(11em + 15px);}
@media screen and (max-width: 768px) {
  .acount-form > div > p {margin-bottom: 12px;}
  .acount-form > div > .flex-1 {
    min-width: 100%;
    margin-bottom: 12px;
  }
  .acount-form > .items-center {
    flex-wrap: wrap;
  }
}

/* モーダル */
#acount:checked + .onlineModal,#acount:checked + .onlineModal + .overlay,#pass:checked + .onlineModal,#pass:checked + .onlineModal + .overlay,#control:checked + .onlineModal,#control:checked + .onlineModal + .overlay {display: block;}