/* ===親=== */
.parentLeft {
    display: flex;
    justify-content: left; /* 横方向左寄せ */
    align-items: Left; /* 縦方向左寄せ */
    min-height: 5vh;
    text-align: left;
    width: 100%;
 }

/* ===テーブル=== */
/* テーブル見出しのデザイン */
.table-design {
    color: #ffffff;
    background-color: darkblue;
}

/* ===ボタン=== */
/* ボタンの配置_お知らせ一覧 */
.btn-position01 {
    display: flex;
    justify-content: center;
    /* 横方向中央 */
    align-items: center;
    /* 縦方向中央 */
    gap: 100px;
    /* アイテム間のスペース */
}

/* ボタンの配置_お知らせ編集 */
.btn-position02 {
    display: flex;
    justify-content: center;
    /* 横方向中央 */
    align-items: center;
    /* 縦方向中央 */
    gap: 100px;
    /* アイテム間のスペース */
}

.btn-br {
    bottom: 75px;
    right: 30px;
} /* 右下 */

/* ===入力欄=== */
/* お知らせ編集_タイトル */
.filter-text {
    display: grid;
    grid-template-columns: 180px 1fr;
    /* ラベル列を固定幅、入力欄は残り幅 */
    column-gap: 16px;
    align-items: center;
    /* 縦中央揃え */
    margin: 12px 0;
    width: 100%;
}

/* お知らせ編集_本文 */
.filter-textArea {
    display: grid;
    grid-template-columns: 180px 1fr;/* ラベル列を固定幅、入力欄は残り幅 */
    column-gap: 16px;
    align-items: Left;/* 縦左寄せ */
    margin: 12px 0;
    width:100%;
    height: 20em;
}

/* ===チェックボックス=== */
/* チェックボックスの配置 */
.checkbox-position01 {
    display: flex;
    gap: 20px;
    /* アイテム間のスペース */
}