@charset "utf-8";
/*----------------------------------------------------------------
	会員登録
----------------------------------------------------------------*/

#relations_reg .captcha {
  width: 100%;
  text-align: center;
}

.g-recaptcha {
  display: inline-block;
}

#wpmem_login .link-text {
  width: 100% !important;
  text-align: center!important;
}


#relations_reg, 
#wpmem_login {
	color: rgb(43, 43, 43);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

#relations_reg label,
#wpmem_login label {
	display: inline-block;
}

#relations_reg label {
	padding-right: 20px;
}

#relations_reg label input {
	margin-right: 5px;
}

#relations_reg input[type=checkbox] {
	margin-right: 5px;
}

#relations_reg input[type="text"],
#relations_reg input[type="password"],
#relations_reg input[type="email"],
#relations_reg input[type="url"],
#relations_reg input[type="number"],
#relations_reg input[type="date"],
#relations_reg textarea,
#wpmem_login input[type="text"],
#wpmem_login input[type="password"] {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	padding: 8px 10px 8px;
	background: none repeat scroll 0% 0% #fff;
}

#relations_reg input,
#relations_reg button,
#relations_reg select,
#relations_reg textarea,
#wpmem_login input,
#wpmem_login button {
	-moz-box-sizing: border-box;
	font-size: 100%;
	margin: 0px;
	max-width: 100%;
	vertical-align: baseline;
}

#relations_reg input { font-size: 16px !important;}

#relations_reg input:focus,
#relations_reg textarea:focus,
#wpmem_login input:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0px none;
}

#relations_reg select {
	width:100%;
	padding: 8px 10px 7px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	margin: 5px 0;
}

#relations_reg fieldset, 
#wpmem_login fieldset {
	border: none;
	padding: 0;
	margin: 40px 0;
}
#relations_reg legend, 
#wpmem_login legend {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 10px;
	width: 100%;
}
#relations_reg .form, 
#wpmem_login .form {
	margin:0;
	padding:0;
}
#relations_reg .clear, 
#wpmem_login .clear {
	clear:both;
}
#relations_reg .holder, 
#wpmem_login .holder {
	background-color:#fff;
}

#wpmem_login .div_text,
#relations_reg .div_text, 
#relations_reg .div_textarea, 
#relations_reg .div_select, 
#relations_reg .div_checkbox,
#relations_reg .div_multiselect,
#relations_reg .div_multicheckbox,
#relations_reg .div_radio,
#relations_reg .div_image,
#relations_reg .div_file,
#relations_reg .div_url,
#relations_reg .div_number,
#relations_reg .div_date { 
	width:74%;
	margin:0 0 14px 0;
}
#wpmem_login input[type="checkbox"] {
	margin: 12px 2px;
}
#relations_reg .div_textarea textarea,
#relations_reg .textbox,
#wpmem_login .textbox,
#relations_reg .username,
#relations_reg .password,
#relations_reg .file,
#relations_reg .image,
#wpmem_login .username,
#wpmem_login .password {
	width:100%;
}

#relations_reg .reg_discript {
	font-size: 82%;
	font-style: oblique;
	margin-top: 5px;
}
#relations_reg textarea {
	height:185px;
}
#relations_reg .req { 
	font-size: 22px;
	font-size: 95%;
	display: inline-block;
	padding-left: 10px;
}

#relations_reg .req-text {
	margin: 20px 0px 0px 5px;
}

#relations_reg td .readonly_txt {
	padding: 8px 10px 8px;
}

#relations_reg .noinput {
	width:93%;
	padding: 8px 10px 7px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	margin: 5px 0;
}

#relations_reg .captcha { 
	width: 74%;
	margin: 5px 0px; 
}
#relations_reg .captcha table{
	line-height: 0px;
}
#wpmem_login .link-text {
	padding: 4px 0;
	width: 74%;
	text-align:right;
}

p.regist_more{
	margin-bottom: 7px;
}


#relations_reg .div_select {
  width: 100% !important;
}

#relations_reg select#billing_state {
  width: 100%;
}


#register_message {
  text-align: center;
  padding: 10px 0;
}

table#user_regist th {
  padding: 0.5em 1em;
}


table#user_regist td {
  padding: 0.5em 0 0.5em 0.5em;
}

@media (max-width:768px) {
	table#user_regist td {
	  padding: 0.5em 0em 0.5em;
	}
}


table#user_regist th {
  vertical-align: middle;
}

table#user_regist #billing_postcode, table#user_regist #last_name, table#user_regist #first_name, table#user_regist #last_name_kana, table#user_regist #first_name_kana {
  width: 48%;
}

table#user_regist #billing_state {
  width: auto !important;
}

table#user_regist #birthday_year {
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
}

table#user_regist #birthday_month {
  width: 80px;
  margin-left: 10px;
  margin-right: 5px;
}

@media (max-width:768px) {
	table#user_regist #birthday_month {
	  width: 60px;
	  margin-left: 2px;
	  margin-right: 2px;
	}
}


table#user_regist #birthday_day {
  width: 80px;
  margin-left: 10px;
  margin-right: 5px;
}

/* Buttons */

#relations_reg .button_div, #wpmem_login .button_div {
	width:74%;
	/* height:55px; */
	padding: 6px 0;
	text-align: right;
}

#relations_reg button.term_check_off{
	opacity: 0.6;
	pointer-events: none;
	cursor: default;
}







/** for smaller screens */

@media screen and (max-width: 720px) {
	#relations_reg label.text, #relations_reg label.checkbox, 
	#relations_reg label.textarea , #relations_reg label.select,
	#wpmem_login label, #relations_reg .div_text, #relations_reg .div_textarea, 
	#relations_reg .div_select, #wpmem_login .div_text,
	#relations_reg .div_checkbox, #relations_reg .button_div, #wpmem_login .button_div {
		float: none;
	}
	
	#relations_reg label.text, #relations_reg label.checkbox, 
	#relations_reg label.textarea , #relations_reg label.select {
		width: 90%;
		padding: 5px 0 0 0;
	}
	#relations_reg label.textarea {
		height: 26px;
	}
	#relations_reg .div_text, #relations_reg .div_textarea, 
	#relations_reg .div_select, #wpmem_login .div_text,
	#relations_reg .div_checkbox {
		width: 98%;
	}
	#wpmem_msg, .wpmem_msg {
		width: 100%;
	}
	
	#relations_reg .button_div, 
	#wpmem_login .button_div,
	#wpmem_login .link-text {
		width:98%;
	}
}