@charset "UTF-8";
/******************************************************************
パスワード
******************************************************************/
#passBox {
  flex-direction: column;
  margin: 0;
}

#passBox p {
  margin: 0 0 5px;
}
#passBox dl+p {
  margin: 15px 0 5px;
}

#passBox dl {
  display: flex;
  align-items: center;
  margin: 0;
}
#passBox dl+dl {
  margin-top: 15px;
}
#passBox dl dt {
  width: 7em;
  margin: 0;
}
#passBox dl dd {
  width: calc(100% - 6em);
  margin: 0;
}
#passBox dl dd input {
  width: 100% !important;
  max-width: none;
}

#passBox #loginAgreeBox,
#passBox #passError {
  text-align: center;
  margin: 15px 0 0;
}
#passBox #passError {
  color: red;;
}

#passBox #loginBtBox {
  width: 80%;
  max-width: 300px;
  margin: 15px auto 0;
}

#passBox #loginBtBox button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  background-color: var(--oc-btn-rich_pink);
  box-shadow: 0 4px 0 var(--oc-btn-rich_pink-sdw);
  transition: all 0.3s ease-in-out;
}
#passBox #loginBtBox button:hover {
  opacity: 0.8;
  transform: translate3d(0, -3px, 0);
}

.entry-content ol > li::before {
  background: var(--main-ttl-bg);
  border: 1px solid var(--main-ttl-bg);
}

@media only screen and (max-width: 480px) {
#passBox p,
#passBox dl {
  font-size: 90%;
}
}