@charset "utf-8";
/* CSS Document */
/*------------------------------
	   ログイン・会員登録
--------------------------------*/
.f_input2{
	min-height:55px !important;
}

.clearLeft{
	display: inline-block;
	width:100% !important;
}

.detail_list {
	border-bottom: 1px solid #CCC !important;
	padding-bottom: 50px !important;
}

.width100{
	display: inline-block;
	width:100% !important;
}

.hspace{
	white-space: pre;
	height:20px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.loginWrap {
  width: 98%;
  max-width: 640px;
  height: auto;
  margin: 0px auto;
  padding: 0px 10px 0;
  background-color: white;
  overflow: hidden;
}
.loginWrap h2 {
  font-size: 1.8rem;
  line-height: 2.0rem;
  font-weight: normal;
}
.loginWrap .member, .loginWrap .registration {
  width: 100%;
  margin-bottom: 0px;
}
.loginWrap .registration {
  padding-top: 10px;
  border-top: 1px dashed #CCC;
}
.loginWrap .registration ul {
  list-style: disc;
  margin: 5px 0 20px 5px;
}
.loginWrap .registration ul li {
  list-style: disc;
  margin-bottom: 5px;
}
.formWrap input[type=checkbox] {
  margin-right: 8px;
}
.formWrap .inner p:last-child {
  margin-bottom: 0;
}
.formWrap .formBox {
  width: 100%;
  overflow: hidden;
  padding-top: 0px;
}
.formWrap .formBox div.boxR02 {
  width: 32%;
  display: inline-block;
  float: left;
}
.formWrap .formBox div.boxL02, .formWrap .formBox div.boxC02 {
  width: 32%;
  margin-right: 2%;
  display: inline-block;
  float: left;
}

.formWrap .formBox div.boxTel {
  width: 120px;
  display: inline-block;
  float: left;
}
.formWrap .formBox div.dash {
  width: auto;
  display: inline-block;
  float: left;
  padding: 10px 10px;
}
.formWrap .formBox div.boxL {
  width: 52%;
  padding-right: 4%;
  float: left;
	min-height:55px;
}
.formWrap .formBox div {
  position: relative;
  width: 100%;
  margin: 0 0 25px;
  display: inline-block;
}
.formWrap .formBox div.bar {
  margin: 0;
white-space: nowrap;
}

.loginWrap .btn, .registWrap .btn {
  padding: 8px 20px;
  text-align: center;
  font-size: 1.2rem;
  color: #FFF;
  background-color: #191919;
    border: 1px solid #191919;
  border-radius: 0px;
  display: inline-block;
  cursor: pointer;
  cursor: hand;
  transition-duration: 0.3s;
}
.loginWrap .btn a {
  color: #FFF;
}
.loginWrap .btn:hover, .registWrap .btn:hover {
    color: #191919;
    background-color: #EEE;
}
.formWrap .formBox div.boxR {
  width: 48%;
  /*NOWTAS ADDED - START*/
  float: left;
  /*NOWTAS ADDED - END*/
}

lavel.l_name1 {
  color: black;
  font-size: 1.2rem;
}
input.reginput:not(:placeholder-shown) {
  top: -25px;
  font-size: 1.2rem;
  color: red;
}
input.reginput:placeholder-shown {
  top: -25px;
  font-size: 1.2rem;
  color: blue;
}
input.reginput {
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #CCC;
  font-size: 1.8rem;

}

.formWrap .address input[type=text]:focus, .formWrap .formBox input[type=password]:focus {
  outline: none;
}

.formWrap #remarks .wrap textarea {
  width: 100%;
  padding: 0px;
  border: none;
  font-size: 1.6rem;
}



/*------------------------------
	       会員登録
--------------------------------*/
.registWrap {
  height: auto;
  margin: 10px auto;
  padding: 10px 20px 0;
  background-color: #FFF;
  position: relative;
display:block;
  width: 98%;
  /*NOWTAS ADDED - START*/
  max-width: 100%;
  /*NOWTAS ADDED - END*/
}
.registWrap h2 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  margin-bottom: 20px;
}





/*||||||　@media 768px以上　||||||*/
@media screen and (min-width: 769px), screen and (width: 768px) and (orientation: portrait) {


  .loginWrap {
    width: 90%;
    max-width: 900px;
    height: auto;
    margin: 40px auto;
    padding: 20px 40px;
	border: 1px solid #CCC;
  }
  .loginWrap h2 {
    margin-bottom: 20px;
  }
  .loginWrap .member {
    width: 50%;
    padding: 0 15px 0 0;
    float: left;
  }
  .loginWrap .registration {
    width: 50%;
    padding: 0 0 0 15px;
    float: left;
    margin-top: 0;
    border: none;
  }
  .formWrap .formBox {
    padding-top: 30px;
  }
  /*------------------------------
	   会員登録 min769px
--------------------------------*/
  .registWrap {
  position: relative;
    width: 98%;
    max-width: 980px;
    height: auto;
    margin-top: 40px auto 0px;
    /*NOWTAS ADDED - START*/
    /*padding: 20px 40px 0px;*/
    /*NOWTAS ADDED - END*/
    background-color: #FFF;

  }
  .registWrap h2 {
    font-size: 1.8rem;
  }
} /*/min-width 768px*/



/*||||||　@media 1025px以上　||||||*/
@media screen and (min-width: 1025px) {
} /*/min-width 1025px*/



/*||||||　@media 640px以下　||||||*/
@media screen and (max-width: 640px) {
  .registWrap {
    padding: 10px 10px 0;
  }

	.loginWrap .btn, .registWrap .btn {
	  padding: 5px 20px;
	  font-size: 1.2rem;
	}
} /*/640px以下*/



/*||||||　@media 767px以下　||||||*/
@media screen and (max-width: 767px) {
  .formWrap .formBox div.boxL {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    /*display: block;*/
    float: none;
  }
  .formWrap .formBox div.boxR {
    width: 100%;
    /*display: block;*/
    float: none;
  }
} /*/767px以下*/



/*||||||　@media 480px以下　||||||*/
@media screen and (max-width: 480px) {
  .formWrap .formBox label {
    font-size: 0.9rem;
    margin: 3px 5px 13px !important;
    padding: 0 5px;
  }

	.loginWrap h2 {
    		font-size: 1.5rem;
	}
} /*/480px以下*/



/*||||||　@media 481px以上　||||||*/
@media screen and (min-width: 481px) {
} /*/481px以上*/



/*||||||　@media 649px以上　||||||*/
@media screen and (min-width: 649px) {
} /*/649px以上*/