/* ログイン */
label {
  display: inline-block;
}
.signin {
  background: #fafafa;
  padding: 32px 4%;
}
.signin-wrapper {
  margin: 0 auto;
  max-width: 920px;
}
.signin-wrapper .content-header {
  font-size: 1.3em;
  margin: 0 auto 12px;
}
.signin-auth {
  border-bottom: 1px solid #cfcfcf;
  margin: 0 auto 36px;
  padding: 12px 0 32px;
  position: relative;
}
.signin-auth:after {
  background: #f9f9f9;
  color: #999;
  content: 'または';
  font-size: 1.1em;
  position: absolute;
  bottom: -.9em;
  left: 2em;
}
.sa-ul li {
  float: left;
  margin: 0 12px 12px 0;
  text-align: center;
}
.sa-auth {
  border-radius: 4px;
  display: table;
}
.sa-auth > a {
  color: #fff;
  display: table-cell;
  padding: 8px 24px;
  vertical-align: middle;
}
.sa-auth > a:hover {
  text-decoration: none;
}

/* AnTytleアカウント */
.si-email,
.si-passwd,
.si-submit {
  border: none;
  margin: 4px auto 16px;
}
.si-remember {
  border: none;
  margin: 0 auto 12px;
}
.si-email input, 
.si-passwd input {
  border: 1px solid #888;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,.05) inset;
  font-size: 1em;
  outline: none;
  padding: 8px;
  width: 100%;
}
.si-submit input {
  -webkit-appearance: none;
  background: linear-gradient(#f9f9f9, #f1f1f1);
  border: 1px solid #ccc;
  padding: 8px 20px;
}
.si-links {
  font-size: .9em;
  margin: 0 auto 24px;
}


/* 新規登録 */
.signup {
  margin: 0 auto;
  padding: 40px 2%;
  max-width: 1100px;
}

.signup > .content-header {
  margin: 0 auto 16px;
}

.su-email,
.su-passwd,
.su-submit {
  border: none;
  margin: 0 auto 24px;
}
.su-email input,
.su-passwd input {
  border: 1px solid #888;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1) inset;
  font-size: 1em;
  outline: none;
  padding: 4px;
  width: 100%;
}
.su-submit input {
  -webkit-appearance: none;
  background: linear-gradient(#f9f9f9, #f1f1f1);
  border: 1px solid #ccc;
  padding: 4px 20px;
}


@media screen and (max-width: 550px) {
.signin {
  text-align: center;
}
.sa-ul li {
  float: none;
  margin: 0 auto 16px;
}
.sa-auth {
  margin: 0 auto;
  width: 300px;
}
.sa-auth > a {
  padding: 12px 24px;
}
}