@charset "UTF-8";

.signin .logo {
  padding-left: 35px;
}

.signin .contents {
  padding: 35px 0 10px 0;
  background: #c7dadf; /* Old browsers */
  background: -moz-linear-gradient(top, #c7dadf 0%, #2989d8 46%, #2989d8 74%, #7ca1ea 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c7dadf 0%,#2989d8 46%,#2989d8 74%,#7ca1ea 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c7dadf 0%,#2989d8 46%,#2989d8 74%,#7ca1ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dadf', endColorstr='#7ca1ea',GradientType=0 ); /* IE6-9 */
}

.signin .contents::before {
    background: transparent;
}

.signin .contents .login {
  width: 432px;
  height: 380px;
  margin: 0 auto;
  padding-bottom: 20px;
  background-color: #fff;
/* box-shadow */
  box-shadow:2px 3px 4px -1px #5e7292;
  shadowColor:"#5e7292",
  shadowOffset:{width:2,height:3},
  shadowOpacity:1,
  shadowRadius:4,
  borderWidth:0,
  borderColor:"#cccccc",
  borderRadius:0
}

.signin .contents .login .title {
  font-size: 2.6rem;
  padding: 20px 0 15px 50px;
}

.signin .contents .login .title_parent:after {
  content:"";
  display:block;
  height: 5px;
  width: 100%;
  background:-webkit-gradient(linear, left top, right bottom, from(#afd9d4), to(#406ec7));
  background:-moz-linear-gradient(left, #afd9d4, #406ec7);
  background:linear-gradient(left, #afd9d4, #406ec7);
}

.signin .contents .login .inputs {
  margin: 40px 50px;
}

.signin .contents .login .input {
  font-size: 1.5rem;
  color: #858585;
  margin: 5px 0;
}

.signin .contents .login .input.pw {
  margin-top: 15px;
}

.signin .contents .login input[type="text"],
.signin .contents .login input[type="password"] {
  width: 330px;
  height: 38px;
  border: 1px solid #858585;
  font-size: 1.4rem;
}

.signin .contents .login input[type="submit"] {
  border: 0;
  border-radius: 30px;
  width: 140px;
  height: 35px;
  background-color: #144ab3;
  color: #fff;
  font-size: 1.5rem;
/* box-shadow */
  box-shadow:2px 2px 4px -1px #5e7292;
  shadowColor:"#5e7292",
  shadowOffset:{width:2,height:3},
  shadowOpacity:1,
  shadowRadius:4,
  borderWidth:0,
  borderColor:"#cccccc",
  borderRadius:0
}

.signin .contents .login input[type="submit"]:hover {
  opacity: 0.7;
}

.signin .contents .login form p.button {
  text-align: center;
}

.signin .footer {
  color: #fff;
  font-size: 1.0rem;
  text-align: center;
  margin-top: 30px;
}

.footer {
  background: transparent;
}

/*sp用CSS*/
@media screen and (max-width: 560px) {
  .signin .contents .login {
    width: 90%;
    height: 380px;
    margin: 0 auto;
    padding-bottom: 20px;
    background-color: #fff;
  }
  .signin .contents .login input[type="text"],
  .signin .contents .login input[type="password"] {
    width: 97%;
  }
  .signin .contents .login .title {
    font-size: 2.6rem;
    padding: 20px 0 15px 10px;
  }
  .signin .contents .login .inputs {
    margin: 40px 10px;
  }
  .signin .logo {
    padding: 10px 0 10px 10px;
    margin: 0;
  }

  
}