input[type="text"],
input[type="password"],
input[type="date"],
textarea {
  font-size: 1.15rem;
  padding: 0.2rem 0.6rem;
  border-color:  #8f8f8f; 
  border-radius: 8px; 
}
input[type="text"].num{
  text-align: right;
}

input[type="text"]:read-only{
  background-color: #f1f1f1;
}
input[type="checkbox"]{
  transform: scale(1.8);
  margin-right: 0.6rem;
}

textarea {
  border-width: 2px;
}
select{
  font-size: 1.15rem;
  /* padding: 0.5rem 0.6rem;  */
  border-color:  #8f8f8f; 
  border-width: 2px;
  border-radius: 8px;
  height: 2.4rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

button{
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: bold;
  padding : 0.4rem 1.6rem;
  border: 3px solid #8f8f8f;
  border-radius: 10px;
}
input,
select,
button{
  margin-right: 0.2rem;
}


button:enabled:active{
  transform: scale(0.97);
}

input:enabled:focus,
select:enabled:focus,
button:enabled:hover{
  filter: drop-shadow(0px 0px 3px #5796e9);
}

div.input-row{
  display: flex;
  align-items :center;
}
div.input-row:not(:first-of-type){
  margin-top : 1.5rem;
}

div.input-row > label{
  display: block;
  margin-right: 0.5rem;
  font-weight: bold;
}

div.input-row > input,
div.input-row > select,
div.input-row > button{
  display: block;
}
.validation-error{
  color: red;
  font-weight: bold;
}

button.no-decolate{
  background-color: rgba(255, 255, 255, 0);
  padding: 0px;
  border: none;
  border-radius: 0;
  line-height: initial;
}

/** ログイン画面用 **/
input[type="text"].login,
input[type="password"].login {
  font-size: 22px;
  padding: 5px 12px; 
  border-color:  #8f8f8f; 
  border-radius: 8px; 
}
button.login{
  font-size: 18px;
  font-weight: bold;
  padding : 10px 40px;
  border: 3px solid #8f8f8f;
  background-color: #4aabff;
  color : white;
  border-radius: 10px;
}


div.validation-error{
  font-size: 1.6rem;
  font-weight: bold;
  color: red;
}
.field-validation-error{
  margin-left: 0.4rem;
  font-weight: bold;
  color: red;
}