@charset "utf-8";

#wpmem_login,
#wpmem_reg {
	margin-bottom: 40px;
}

#wpmem_login legend,
#wpmem_reg legend {
	font-size: 18px;
	margin-bottom: 20px;
	display: none;
}
#wpmem_login label,
#wpmem_reg .text {
  display: inline-block;
  width: 34%;
  box-sizing: border-box;
  padding: 10px;
  font-weight: bold;
  text-align: right;
}
#wpmem_reg .div_text input[type="checkbox"] {
	width: auto;
}
#wpmem_login label[for="rememberme"] {
	width: auto;
	padding: 0;
}
#wpmem_login .div_text,
#wpmem_reg .div_text {
  display: inline-block;
  width: 65%;
  box-sizing: border-box;
  padding: 15px;
}
#wpmem_login .div_text input,
#wpmem_reg .div_text input {
    border: 1px solid #ccc;
    padding: 5px;
    width: 250px;
    max-width: 100%;
}
#wpmem_login .button_div,
#wpmem_reg .button_div {
  text-align: center;
}
#wpmem_login .button_div .buttons,
#wpmem_reg .button_div .buttons {
    display: inline-block;
    width: 200px;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
}
#wpmem_login .button_div .buttons:nth-child(1),
#wpmem_reg .button_div .buttons:nth-child(1) {
	background-color: #ccc;
}
#wpmem_login .button_div .buttons:nth-child(2),
#wpmem_reg .button_div .buttons:nth-child(2) {
	background-color: #eec507;
}
#wpmem_login.button_div .buttons:hover,
#wpmem_reg .button_div .buttons:hover {
	opacity: 0.7;
}
#wpmem_login .req,
#wpmem_reg .req {
	color: red;
	padding-left: 4px;
} 
.wpmem_msg {
	color: red;
	font-weight: bold;
}
#wpmem_login .link-text {
	margin-top: 20px;
}
@media only screen and (max-width: 767px){
	#wpmem_login label, #wpmem_reg .text,
	#wpmem_login .div_text, #wpmem_reg .div_text {
		width: 100%;
		text-align: left;
		padding: 0;
	}
	#wpmem_login .div_text, #wpmem_reg .div_text {
		margin-bottom: 20px;
	}
	#wpmem_login .div_text input,
	#wpmem_reg .div_text input {
		padding: 10px;
		width: 100%;
	}
	.link-text a {
		display: inline-block;
	}
	#wpmem_login .button_div .buttons,
	#wpmem_reg .button_div .buttons {
		-webkit-appearance: none;
		-webkit-backface-visibility: hidden;
		backface-visibility:hidden;
		border: 10px solid #999;
		background: #ddd;
		margin-top: 20px;
	}
	#wpmem_login .button_div {
		padding-top: 70px;
		position: relative;
	}
	#wpmem_login .button_div input[type="submit"] {
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0 0 0  -100px;
	}
	.button_div input[type="submit"]:hover {
		opacity: .7;
	}
}

.bnr-new-member a {
	display: block;
	padding: 20px 10px;
	margin: 0 auto 20px;
	width: 300px;
	max-width: 100%;
	color: #fff;
	text-align: center;
	border: 1px solid #eac34d;
	font-size: 18px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
	background: #ffd65e; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3),-1px -1px 1px rgba(255, 255, 255, 0.3);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.bnr-new-member a:hover {
	opacity: .7;
}

.delete-user {
	display: inline-block;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 8px 20px 8px 60px;
	background: #000246;
	color: #fff;
	-webkit-box-shadow: 0 0 5px 1px #000 inset,
	0 0 2px 0px #fff inset;
	-moz-box-shadow: 0 0 5px 1px #000 inset,
	0 0 2px 0px #fff inset;
	box-shadow: 0 0 5px 1px #000 inset,
	0 0 2px 0px #fff inset;
}
.delete-user:hover {
	opacity: .7;
}
.delete-user::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 5px;
	bottom: 5px;
	width: 100px;
	background: url(img/common/ico_unsubscribe.png) 0 0 no-repeat;
	background-size: auto 100%;
}