/* パスワード保護 */
.c-pw {
  display: grid;
  align-content: start;
  row-gap: 50px;
}

.c-pw__form {
  font-size: 16px;
  padding: 40px;
  border: 1px solid #dddddd;
}

.c-pw__box {
  display: flex;
  align-items: stretch;
  height: 50px;
  color: #ffffff;
}

.c-pw__input {
  flex: 1;
  border: none;
  color: #000000;
  background: #eeeeee;
  padding: 0 20px;
}

.c-pw__submit {
  min-width: 150px;
  padding-inline: 1em;
  background: #111111;
  border: 0;
  cursor: pointer;
}

.c-pw__error {
  font-size: 12px;
  color: #d90000;
  margin-block: var(--tcd-half-read);
  margin-top: 10px;
}

@media (any-hover: hover) {
  .c-pw__submit:hover {
    background: #333333;
  }
}

@media (max-width:767px) {
  .c-pw {
    row-gap: 40px;
  }

  .c-pw__form {
    font-size: 14px;
    padding: 20px;
  }

  .c-pw__box {
    height: 40px;
  }

  .c-pw__input {
    padding-inline: 10px;
  }

  .c-pw__submit {
    min-width: auto;
    width: 100px;
  }

  .c-pw__error {
    margin-top: 5px;
  }
}