@charset "UTF-8";
body {
  width: 100%;
  font-family: "メイリオ";
}

#header {
  padding: 0;
  margin-top: 0;
}

#content {
  width: 90%;
  padding: 0 5%;
}

h1 {
  display: inline-block;
  font-size: 15px;
  width: 100%;
  background-color: #555555;
  color: #ffffff;
  margin: 0;
}

h2 {
  font-size: 16px;
  color: #555555;
}

.register, .login {
  display: flex;
  width: 303px;
  height: 44px;
  margin-left: 20px;
  cursor: pointer;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #ffffff;
}
.register .text, .login .text {
  margin: auto 0;
  font-size: 15px;
}
.register#line_register, .register#line_login, .login#line_register, .login#line_login {
  background-color: #06C655;
}
.register#mail_register, .register#mail_login, .login#mail_register, .login#mail_login {
  background-color: #0000ff;
}
.register#mail_register img, .register#mail_login img, .login#mail_register img, .login#mail_login img {
  margin: auto 7.5px;
}

#userinfo #username {
  text-align: right;
}

#mail_button #mail_cancel, #password_button #mail_cancel {
  background-color: rgb(205, 92, 92);
  color: #ffffff;
  border: none;
}
#mail_button #mail_submit, #mail_button #password_submit, #password_button #mail_submit, #password_button #password_submit {
  background-color: rgb(92, 92, 205);
  color: #ffffff;
  border: none;
}/*# sourceMappingURL=base.css.map */