html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;

background: #8e9eab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px 15px 0px 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*個人設定画面*/

.personal-settiong-container{
  position: fixed;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%; 
  z-index: 100;
  /* opacity: 0; */
  visibility: hidden; 
  background-color:rgba(0, 0, 0, 0);
}
.setting-show{
  opacity: 1;
  visibility: visible;
}

/*パスワード変更画面*/
.login-container{
  width:100%;
}

.login-settiong-container{
  position: fixed;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%; 
  z-index: 101;
  /* opacity: 0;
  visibility: hidden; */ 
  background-color:rgba(0, 0, 0, 0);
}
.setting-show{
  opacity: 1;
  visibility: visible;
}

.login-setting-box{
  position:absolute;
  top:40%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index: 102;
  min-width: 350px;
  border-radius:5px;
  min-height:250px;
  opacity: 1;
}
.bg-limit-setting {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  z-index: 1;
  /* cursor: pointer;  マウスカーソルの変更*/
}

.setting-title{
  text-align: center;
  margin-bottom:10px;
  border-radius:5px 5px 0px 0px;
  background-color: #5f85b6;
}

.limit-setting-point-name{
  font-size:20px;
}

.form-group {
  display: flex;
  margin:0 auto;
  padding-top: 10px ;
  padding-bottom: 10px ;
  width: 90%;
  text-align: center;
}

.label{
  margin-bottom: 0;
  padding-top: 10px;
  font-size: 14px;
  margin-left: auto;
}


.passform-control{
  max-width: 160px;
  color: #333;
  border-right:none;
  border-left:none;
  border-top:none;
  border-radius: 0;
  font-size:14px;
  margin-right: auto;
  /* margin:0 auto; */
}

.mailaddress-control{
  min-width: 160px;
  color: #333;
  border-right:none;
  border-left:none;
  border-top:none;
  border-radius: 0;
  font-size:14px;
  margin-right: auto;
}

.p-register-btn{
  margin-right:20px;
  margin-top: 10px;
  /* color: #fff; */
  cursor: pointer;
  min-width:80px;
}

.p-cancel-btn {
  margin-left:20px;
  margin-top: 10px;
  /* color: #fff; */
  cursor: pointer;
  min-width:80px;
}


#update-btn{
  color: #fff;
}

.error-message-container{
  height:30px;
  text-align: center;
  width:90%;
  margin: 0 auto;
}

.error-message{
  padding: 0 auto;
  margin:0px;
  font-size:16px;
  text-align: center;
  vertical-align: middle;
  color: #ea618e;
}

.forgot_pass{
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color:#1e90ff;
}

.forgot_pass:hover{
  background-color: rgba(30,144,255,0.2);
  border-radius:2px;
}

.explain-box{
  width:80%;
  margin: 0 auto;
}

.caution-box{
  width:80%;
  margin: 0 auto;
}

.forgot_container{
  width: 100%;
  max-width: 330px;
  padding-left: 15px;
  padding-bottom: 30px;
  margin: 0 auto;
}

.btn{
  transition: all .0s ease-in-out; 
}