@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
#memlogin .h1 + .memlogin-body, #memlogin .h2 + .memlogin-body, #memlogin .ex + .memlogin-body,
#memlogin .h1 + .element, #memlogin .h2 + .element, #memlogin .ex + .element {
	margin-top: 20px;
}
*/
/*~~*/

#memlogin .memlogin-body .form-wrap p.ng,
#memlogin .memlogin-body .form-wrap p.ok {
	margin: 0 0 10px;
}

/*~~*/

#memlogin .memlogin-body .form-body form dl {
	margin-top: 2px; padding: 10px; display: flex; justify-content: center;
}
	#memlogin .memlogin-body .form-body form dl:first-child {
		margin-top: 0;
	}

#memlogin .memlogin-body .form-body form dt {
	width: 29%; margin-right: 1%; border: 1px solid #000; font-size: 12px; display: flex; justify-content: center; align-items: center;
}

#memlogin .memlogin-body .form-body form dt.error {
	border:solid 2px #000;
}

#memlogin .memlogin-body .form-body form dd {
	width: 70%;
}

#memlogin .memlogin-body .form-body p.caution {
	margin-top: 10px;
}

#memlogin .memlogin-body .form-body form input {
	border: 1px solid #000;
}

#memlogin .memlogin-body .form-body form select {
	border: 1px solid #000;
}

/*~~*/

#memlogin ul.jump {
	text-align: center;
}

#memlogin ul.jump li {
	width: 100%; margin: 10px 0; padding: 10px; border: 1px solid #000; text-align: center;
}

#memlogin ul.jump li a {
}

/*~~*/

#memlogin .logout form {
	padding: 5px; border: solid 1px #000; background:#FFF;
}

#memlogin .logout button {
	width: 100%; border:none; background: rgba(0,0,0,1); font-size: 14px; font-weight: bold; line-height: 30px; color: #FFF; cursor:pointer;
}

/*~~*/

#memlogin h3 {
	margin-bottom: 10px; text-align: center;
}

/*~~*/

#memlogin .memlogin-note {
	margin-top: 10px;
}

#memlogin .memlogin-note > * {
	margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #000;
}

#memlogin .memlogin-note > *:nth-last-of-type(1) {
	margin-bottom: 0; padding-bottom: 0; border-bottom: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 769px) {
/************************************************************************************************************************/
/*
#memlogin .h1 + .memlogin-body, #memlogin .h2 + .memlogin-body, #memlogin .ex + .memlogin-body,
#memlogin .h1 + .element, #memlogin .h2 + .element, #memlogin .ex + .element {
	margin-top: 25px;
}
*/
/*~~*/

#memlogin .memlogin-body .form-body form {
	text-align: center;
}

#memlogin .memlogin-body .form-body form dt {
	width: 140px; margin-right: 10px;
}

#memlogin .memlogin-body .form-body form dd {
	width: 300px;
}

#memlogin .memlogin-body .form-body form button {
	width: 450px;
}

#memlogin ul.jump {
	margin-top: 15px;
}

#memlogin ul.jump li {
	width: 300px; margin: 0 10px; display: inline-block;
}

#memlogin .logout {
	text-align: center;
}

#memlogin .logout form {
	width: 310px; display: inline-block;
}

/*~~*/

#memlogin .memlogin-note {
	margin-top: 25px;
}

/************************************************************************************************************************/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/