@charset "utf-8";

#asset-body {
	font-size:80%;
}

div.fieldWithErrors {
	display:inline;
}

/* login
-------------------------------------------------------------------------------- */
.login_panel {
	background:#cfcfcf;
	border:3px solid #dedede;
	padding:1px;
	margin:0 0 10px 0;
}
.login_panel_inner {
	border:1px solid #FFFFFF;
	background:#f6f7f9;
	padding:5px 5px 10px 5px;
}
.login_message {
	border:solid 1px #f00;
	padding:10px;
	margin:0 0 10px 0;
	text-align:center;
	background-color:#fff;
	color:#f00;
	font-weight:bold;
}
#zon-content .login_panel h2 {
	padding:0;
	background: none;
	text-align: center;
}
@media screen and (max-width: 767px) {
  #zon-content .login_panel h2 {
    margin:0;
    text-align: center;
  }
}

#login_form {
  width: fit-content;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
#login_form {
	padding:0;
}
}


#login_form dl {
	margin:0;
	padding:0;
	float:left;
	width:200px;
}

@media screen and (max-width: 767px) {
  #login_form dl {
    margin:0 auto;
    float:none;
  }
}

#login_form dt {
	margin:0;
	padding:0;
	height:1.4em;
	overflow:hidden;
}
#login_form dd {
	/* margin:0 15px 0 0; */
	padding:0;
	margin-inline-start: 0;

}
#login_form dd input {
	margin:0;
	padding:0;
	width:180px;
}
#remember_id {
	margin:0;
	font-size:80%;
}

@media screen and (max-width: 767px) {
#remember_id {
	text-align: center;
}
}

#remember_id_check_box {
	vertical-align:middle;
}

#login_submit {
	margin:0 0 2em 0;
	padding:1.3em 0 0 0;
	text-align: center;
}

@media screen and (max-width: 767px) {
#login_submit {
  text-align: center;
}
}

/* lost account
-------------------------------------------------------------------------------- */
.member_detail {
	border-bottom: solid 1px #dedede;
	margin:0 auto;
}
.member_detail th, .member_detail td {
	padding:5px;
	border-top: solid 1px #dedede;
	white-space:nowrap;
}

@media screen and (max-width: 767px) {
  .member_detail th, .member_detail td {
    display: block;
  }
}

.member_detail th {
	border-right: solid 1px #dedede;
	width:130px;
	text-align:right;
}
@media screen and (max-width: 767px) {
.member_detail th {
	border-right: none;
	width:auto;
	text-align:center;
}
}

#member_mailaddress {
  width: 100%;
	max-width:300px;
}
#member_family_name, #member_first_name {
	width:130px;
}

@media screen and (max-width: 767px) {
#member_family_name, #member_first_name {
	width:calc(45% - 1em);
}
}

p.note {
	text-indent:-1.8em;
	margin:0 0 0.2em 1.8em;
	line-height:1.2;
}
p.submit {
	text-align:center;
	margin:1.2em 0 0 0;
}