body{
  max-width:640px;
  margin:0 auto;
  
  }

dl{
  margin-top: 1.4rem;
}
dt{
  color:#d33;
}
dd{
  margin:0;
}
.header .__block{
  color:#fff;
  text-align: center;
  padding:0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.header .__e{
  background: #888;
}
.header .__j{
  background: #d33;
}
.form_wrapper{
  padding:1rem;
}
label{
  margin-right:0.7rem;

}
input{
  padding:0.3rem;
  border-radius: 0.3rem;
  border:solid 1px #f66
}
textarea , select{
  max-width:96%;
  padding:0.3rem;
  border-radius: 0.3rem;
  border:solid 1px #f66
}
span.nowrap{
  display: inline-block;
  white-space: nowrap;
}
span.column{
  margin-left: 1rem;
}

.layout + .layout{
  margin-top: 1rem;
}

.submit_wrapper{
  text-align: center;
}

button[type=submit]{
  background: #d33;
  color:#fff;
  border:none;
  padding:0.5rem 1rem;
  font-size: 1.3rem;
  border-radius:0.3rem;
}

.footer{
  margin-top: 1rem;
  background: #888;
  color:#fff;
  padding:0.3rem;
  text-align: center;
}

/* error message */
dl:has(+ .errorTxt) {
  padding: 8px;
  border-radius: 8px;
  border:dotted 2px red;
  background-color: #fee;
  margin-bottom: 0.5rem;
}
.errorTxt p{
  margin-top:0;
  color:red;
  margin-left:2rem;
}