/*====================================================
////id form
====================================================*/
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
  width: 100%;
}
.wpmem_msg {
  background: var(--red);
  color: #fff;
  padding: 1em 1.5em;
  text-align: center;
}
#wpmem_login, #wpmem_reg {
  color: var(--black);
  font-family: var(--font_family);
}
form fieldset {
  margin: 0 auto;
  max-width: 700px;
}
#wpmem_login legend, #wpmem_reg legend {
  color: var(--pink);
  font-size: 1.35em;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}

fieldset .field_itemBox {
  grid-gap: 1.5em 1em;
}
#wpmem_reg .field_itemBox {
  grid-template-columns: repeat(6, 1fr);
}
#wpmem_reg .field_item {
  grid-column: 1 / 7;
}

#wpmem_reg .item-last_name ,
#wpmem_reg .item-last_kana ,
#wpmem_reg .item-password,
#wpmem_reg .item-prefs ,
#wpmem_reg .item-adress {
  grid-column: 1 / 4;
}
#wpmem_reg .item-first_name ,
#wpmem_reg .item-first_kana ,
#wpmem_reg .item-confirm_password,
#wpmem_reg .item-citys ,
#wpmem_reg .item-billding {
  grid-column: 4 / 7;
}

#wpmem_reg .item-birth_year {
  grid-column: 1 / 3;
}
#wpmem_reg .item-birth_month {
  grid-column: 3 / 5;
}
#wpmem_reg .item-birth_day {
  grid-column: 5 / 7;
}
#wpmem_reg .item-birth_month label,
#wpmem_reg .item-birth_day label {
  opacity: 0;
}


fieldset .field_item > label {
  display: block;
  font-weight: bold;
  margin-bottom: .3em;
}
#wpmem_reg .req {
  color: var(--red);
}
#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_membership, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url {
}

#wpmem_reg .div_multicheckbox label {
  margin-right: 1em;
}
#wpmem_reg .div_multicheckbox label + br {
  display: none;
}

#wpmem_reg label > label {
  padding: 0;
}
fieldset input, fieldset select, fieldset textarea {
  -webkit-appearance: none;
	background: #fff;
	border: solid 1px var(--l_brown);
  border-radius: 2px;
  color: var(--black);
	display: block;
	font-family: var(--font_family);
	line-height: 1.6;
	min-height: 1.8em;
	padding: .7em;
	width: 100%;
	flex: 1;
	transition: .2s ease-in-out;
}

#wpmem_reg input#post_num {
  max-width: 12em;
}
#wpmem_reg input[type="checkbox"] + label:after {
  top: .6em;
}
#wpmem_reg select {
  /* background: #fff;
	border: solid 1px var(--l_brown);
  margin: 0;
  padding: .7em; */
}
.div_select {
	position: relative;
}
.div_select:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-top-color: var(--l_brown);
	border-top-width: 6px;
	border-bottom-width: 0;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	z-index: 100;
}

#wpmem_login .button_div, #wpmem_reg .button_div {
  display: grid;
    grid-gap: 0 1em;
    place-items: center;
  margin: 2em auto;
  text-align: center;
}
#wpmem_login input[type="checkbox"] + label:after {
  top: .8em;
}
fieldset .button_div input[type="submit"],
.link-delete {
  background: var(--grd_pink);
  border: none;
	border-radius: 3em;
	color: #fff !important;
  cursor: pointer;
	display: inline-block;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.4;
  margin: 1em 0 0;
	overflow: hidden;
  padding: .75em 1.8em;
  text-decoration: none !important;
  width: auto;
		min-width: 350px;
  text-align: center;
  position: relative;
	z-index: 1;
}
fieldset .button_div input[type="submit"]:disabled {
  filter: grayscale(.2);
  cursor: default;
  opacity: .6;
}

fieldset .link-text {
  font-size: .9em;
  margin: .5em 0;
}
fieldset .link-text a {
  color: var(--red);
	-webkit-text-decoration: underline dotted 1px var(--red);
	text-decoration: underline dotted 1px var(--red);
	text-underline-position: under;
	text-underline-offset: 0.1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
  #form .form-outer {
    padding: 2em 1em 2em;
  }
  fieldset .field_itemBox {
    grid-gap: 1em .7em;
  }
  #wpmem_reg .item-adress,
  #wpmem_reg .item-billding {
    grid-column: 1 / 7;
  }
  #wpmem_login .field_item > label,
  #wpmem_reg .field_item > label {
    font-size: .9em;
  }
  fieldset .field_item input[type="checkbox"] + label:after {
    top: .6em;
  }
  #wpmem_login .button_div input[type="submit"], #wpmem_reg .button_div input[type="submit"] {
    margin: 1em auto 0;
		padding: .8em 1.5em;
		width: 100%;
			min-width: 0;
			max-width: 480px;
  }
}

@media screen and (min-width:540px) and (max-width:769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
  #form .form-outer {
    padding: 50px 30px;
  }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}

/*====================================================
////id wpmem_login_form
====================================================*/
#wpmem_login_form, #wpmem_login {
  margin: auto;
  max-width: 500px;
}

#sign-up #wpmem_login {
  display: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (min-width:540px) and (max-width:769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}
/*====================================================
////id xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (min-width:540px) and (max-width:769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}