@charset "utf-8";

/* テーブルの基本的なスタイル */
table.tab {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    background-color: #fff; /* その他の背景色は白 */
    color: #000; /* 全てのテキストの色を黒に設定 */
    margin-top: 10px;
    font-size: 1.2rem;
}

/* ヘッダーセルとデータセルのボーダーとパディング、テキストアラインメント */
.tab th, .tab td {
    border: 1px solid #ccc; /* ボーダーを1px solid #cccに設定 */
    padding: 12px 15px;
    text-align: left; /* テキストアラインメントは左に */
    vertical-align: top;
}

/* ヘッダーセルのスタイル（1行目） */
.tab th {
    background-color: #f2f2f2; /* 1行目の背景色 */
    color: #000; /* テキストの色を黒に設定 */
    font-weight: bold;
}

/* 1列目のセル（thとtd）のスタイル */
.tab td:first-child,
.tab tr:first-child th:first-child { /* 最初のthも含む */
    background-color: #f2f2f2; /* 1列目の背景色 */
}
.tab td[rowspan] {
    border-bottom: 1px solid #ccc; /* ボーダーの色を統一 */
}

.tab td.color {
    background-color: #fff;
}

.tab table tr > * {
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
}

.tab td.bol{
    color: #000;
    font-weight: bold;
}

.tab td.text{
    text-align: left;
}