.btn {
  /* 大型ボタン */
  background-color: #0070c0;
  border-radius: 1vmin;
  border-color: #000000;
  color: #FFFFFF;
  width: 65vmin;
  height: 6vh;
  font-size: 3.5vh;
  z-index: 999;
}

.btn:hover {
  background-color: #0099ff;
  color: #DDDDFF;
}

.btn:active {
  background-color: #FF8800;
  color: #000000;
}

#loginId, #loginPw {
  /* 入力フォームのデザイン  */
  appearance: none;
  background-color: #FFFFFF;
  border: 0.25vh ridge #EFEFEF;
  width: 70vmin;
  height: 3vh;
  padding: 1vh 2vh;
  margin-bottom: 0.7vh;
  text-align: left;
  font-size: 3vh;
  color: black;
  font-weight: 300;
}

#loginId:hover, #loginPw:hover {
  background-color: white;
}

#loginId:focus, #loginPw:focus {
  background-color: #FFFFFF;
  box-shadow: 0 0 1vmin #1abc9c;
  border: 0.2vmin solid #0070c0;
}

#holdLogin {
  transform: scale(2.5);
  margin: 0 6px 0 0;
}