@charset "UTF-8";
.signup-or-in .buttonish.bordered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  border-width: 3px;
  border-style: solid;
  display: inline-block;
  background: transparent;
  padding: 8px 10px;
  cursor: pointer;
  font-style: normal;
  text-decoration: none;
  color: #fff;
  border-radius: 0;
  outline: 0;
}
.signup-or-in .buttonish.bordered:lang(ja) {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Verdana, sans-serif;
}

.signup-or-in .buttonish.bordered {
  position: relative;
  background-color: #bf0000;
  color: white;
  font-weight: bold;
  padding: 0 15px;
  border-color: #bf0000;
  border-style: solid;
}
.signup-or-in .buttonish.bordered:hover, .signup-or-in .buttonish.bordered:active, body[data-whatinput=keyboard] .signup-or-in .buttonish.bordered:focus, .signup-or-in body[data-whatinput=keyboard] .buttonish.bordered:focus {
  background-color: white;
  color: #bf0000;
}
.signup-or-in [disabled].buttonish.bordered, .signup-or-in .disabled.buttonish.bordered {
  color: #e6e6e6;
  opacity: .2;
  cursor: default;
}
.signup-or-in [disabled].buttonish.bordered:hover, .signup-or-in .disabled.buttonish.bordered:hover {
  color: #e6e6e6;
  background-color: #bf0000;
}

.signup-or-in {
  float: right;
  margin-top: 1rem;
}
@media all and (max-width: 880px) {
  .signup-or-in {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.signup-or-in .buttonish {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-transition: background-color 200ms, color 200ms;
  -o-transition: background-color 200ms, color 200ms;
  -webkit-transition: background-color 200ms, color 200ms;
  transition: background-color 200ms, color 200ms;
  display: inline-block;
  padding: 0 1rem;
  line-height: 3.5rem;
}
.signup-or-in .buttonish:hover, body[data-whatinput=keyboard] .signup-or-in .buttonish:focus {
  text-decoration: none;
}
.signup-or-in .buttonish:hover:lang(ja), body[data-whatinput=keyboard] .signup-or-in .buttonish:focus:lang(ja) {
  text-decoration: underline;
}
.signup-or-in .buttonish.unbordered {
  border: 1px solid transparent;
  color: #000;
}
.signup-or-in .buttonish.unbordered:hover, body[data-whatinput=keyboard] .signup-or-in .buttonish.unbordered:focus {
  color: #bf0000;
}
.signup-or-in .buttonish.bordered {
  line-height: 2.1;
}
.signup-or-in .buttonish .sidebar {
  display: none;
}
@media all and (max-width: 880px) {
  .signup-or-in .buttonish .sidebar {
    display: inline;
  }
}
.signup-or-in .buttonish .fullbar {
  display: inline;
}
@media all and (max-width: 880px) {
  .signup-or-in .buttonish .fullbar {
    display: none;
  }
}
.signup-or-in .create-account {
  text-decoration: none;
  display: inline-block;
}
.signup-or-in .create-account:lang(ja) {
  text-decoration: underline;
}
.signup-or-in .sign-in-button {
  float: right;
  display: inline-block;
  margin-left: .4rem;
}
.signup-or-in .sign-in-button > .buttonish {
  padding: 0 1.5rem;
}
@media all and (max-width: 880px) {
  .signup-or-in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 1.5rem;
    margin: 0;
  }
  .signup-or-in .sign-in-button {
    float: right;
    max-width: 32%;
    width: 32%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
  }
  .signup-or-in .create-Account {
    float: left;
    max-width: 49%;
    width: 49%;
    margin-bottom: 20px;
    margin-top: 20px;
    box-sizing: border-box;
  }
  .signup-or-in .create-Account a {
    display: inline-block;
    line-height: 3.5rem;
    padding: 0 .5rem;
  }
}
@media all and (max-width: 568px) {
  .signup-or-in {
    padding: 1rem 1.5rem;
  }
}