/* ベースラインのフォントスタイルをリセット */
body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* テーブルデザイン */
table {
    width: 100%;
    border-collapse: collapse;
}

table th, table td {
    border: 1px solid #dee2e6;
    padding: 10px;
    text-align: left;
}

table th {
    background-color: #f8f9fa;
}

/* ボタンデザイン */
.btn-success {
    background-color: #28a745 !important;  /* 明るい緑 */
    border-color: #28a745 !important;
}
.btn-primary {
    background-color: #007bff !important;  /* 明るい青 */
    border-color: #007bff !important;
}
.btn-danger {
    background-color: #dc3545 !important;  /* 明るい赤 */
    border-color: #dc3545 !important;
}

/* テンプレートの末尾に余白を追加 */
.footer-space {
    margin-bottom: 50px; /* フッターのスペースを確保 */
}

/* 余白用クラス */
.spacer-50 {
    margin-bottom: 50px;
}
.spacer-30 {
    margin-bottom: 30px;
}

/* ヘッダーのテキストスタイル */
h1 {
    font-size: 24px;
    color: #343a40;
    font-weight: bold;
    margin-bottom: 20px;
}

/* 警告メッセージスタイル */
.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

/* ナビゲーションバー調整 */
.navbar {
    border-bottom: 1px solid #dee2e6;
}
.navbar-brand {
    font-weight: bold;
}
.navbar-text {
    color: #6c757d;
}

/* ログアウトボタン */
form .btn-outline-secondary {
    border-color: #6c757d !important;
    color: #6c757d !important;
}

/* テーブルホバー */
table tbody tr:hover {
    background-color: #f1f1f1;
}

/* ページ送りリンクを中央寄せ */
.pagination {
    display: flex;
    justify-content: center;
}