/* ログイン情報入力 */

.pagecolor {
  background-color: #b0e0e6;
  }

.loginbox {
  max-width: 900px;
  text-align: center;
  background: #ffffff;
  width: 90%;
  margin: auto;
  border: solid 2px #e6eae6;
}

.loginbox p {
  padding: 15px 20px;
margin: auto;
}

.cp_iptxt {
  position: relative;
  width: 100%;
  margin: 50px 3%;
}
.cp_iptxt input[type='text'] {
  font: 15px/24px sans-serif;
  box-sizing: border-box;
  width: 100%;
  padding: 0.3em;
  transition: 0.3s;
  letter-spacing: 1px;
  color: #594e52;
  border: 1px solid #594e52;
  border-radius: 4px;
}
.ef input[type='text']:focus {
  border: 2px solid #88dde6;
  outline: none;
  box-shadow: 0 0 5px 1px #b0e0e6;
}

.cp_iptxt input[type='password'] {
  font: 15px/24px sans-serif;
  box-sizing: border-box;
  width: 100%;
  padding: 0.3em;
  transition: 0.3s;
  letter-spacing: 1px;
  color: #594e52;
  border: 1px solid #594e52;
  border-radius: 4px;
}
.ef input[type='password']:focus {
  border: 2px solid #88dde6;
  outline: none;
  box-shadow: 0 0 5px 1px #b0e0e6;
}

.loginexplanation-text {
  color: #594e52;
  font-size: 1.2rem;
  }

.logincontents-link {
  color: #594e52;
  font-size: 1.2rem;
  text-decoration: none;
  text-decoration: underline;
  padding: 1px 30px 1px 30px;
  }

.logincontents-link:hover {
  color: #594e52;
  font-size: 1.2rem;
  font-weight: bold;
  }

.logincontents-link:active {
  color: #719bad;
  font-size: 1.2rem;
  font-weight: bold;
  }

button:focus {
  outline:0;
}

.loginbtn {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.2rem;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  border: solid 2px #719bad;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  transition: .2s;
  box-shadow: 0px 2px 4px #719bad;
  background: #719bad;
}

.loginbtn:hover {
  background: #e6eae6;
  color: #719bad;
  border: solid 2px #719bad;
}

.loginbtn:active {
  border: solid 0.5px #d9e1df;
  box-shadow: none;
  }

/* ボタンサイズを揃えるために使用 */
spanbtnsize { 
  height: 100px;
  width: 400px;
  display: block;
  position: relative;
  text-align: center;
  margin: auto;
  }

.setpwbtn {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 10px 30px;
  text-decoration: none;
  color: #719bad;
  background: #ECECEC;
  transition: .4s;
  box-shadow: 0px 2px 4px #719bad;
}

.setpwbtn:hover {
  background: #719bad;
  color: #ffffff;
  box-shadow: 0px 2px 4px #719bad;
}

.setpwbtn:active {
  box-shadow: none;
}