/*画面遷移用ボタン*/
.transition-button {
    max-width: 85%;
    height: 40px;
}

/*テキストボックス*/
.text-box-area {
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: left;
    height: 40px;
    width: 100%;
    max-width: 100%;
    resize: none;
}

/*テキストボックス（パスワード）*/
.password-area {
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: left;
    height: 40px;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

  /* パスワード入力欄にフォーカスが当たったとき、親の枠を青くする */
  .password-area:has(.input-password:focus) {
    border-color: #86b7fe; 
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
    
    /*パスワード入力*/
    .input-password {
    text-align: left;
    outline: none;
    border: none;
    width: 97%;
    max-width: 100%;
}