/* ログイン画面用 */
/* 背景*/
.layer-user{
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(#87D59B, #007774);
  overflow-y: scroll;
}

.layer-admin{
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(#FF9780, #CC3333);
  overflow-y: scroll;
}

.layer-in{
  position: absolute;
  width: 100%;
  top: 45%;
  left: 0;
}

.logo-img{
  width: 390px;
  height: auto;
}

.leaf-img{
  width: 100%;
  height: auto;
}

/*見出し*/
.lbl-login {
  font-size: 16px;
  font-weight: bold;
  background-color: #333333;
  color: #FFFFFF;
  padding: 5px 10px;
}

/*ボタン*/
.button {
    background-color: #007774;
    width: 100%;
    color: white; 
    margin: 0;
    padding: 0; 
    text-align: center;
    display: inline-block;
    font-size: 16px; 
    border: none; 
    border-radius: 5px; 
}

.button:hover {
    background-color: #019C74;
}

.button-in {
    padding: 10px; 
    margin-top: 0.2em;
    width: 100%;
}

.button-admin {
    background-color: #CC3333;
    width: 100%;
    color: white; 
    margin: 0;
    padding: 0; 
    text-align: center;
    display: inline-block;
    font-size: 16px; 
    border: none; 
    border-radius: 5px; 
}

.button-admin:hover {
    background-color: #F44336;
}