/* --- [1] 追加：タイトルと説明文の設定 --- */
.search-title {
    font-size: 40px;
    color: #00a497;
    font-weight: bold;
    margin: 0 0 24px 0;
    text-align: center;
}
.search-desc {
    font-size: 15px;
    margin: 0 0 25px 0;
    text-align: center;
	padding-bottom: 10px;
}

.onair-container {
    max-width: 900px;
    margin: 40px auto;
    padding: 20px;
    text-align: center; /* 中央揃えのため追加 */
}

/* --- [3] 変更：検索窓の幅を揃える --- */
.onair-squeeze {
    background-color: #D5F7F4;
    text-align: center;
    padding: 18px 20px; /* 縦幅を大きく変更 */
    margin: 0 auto 30px auto; /* 左右中央寄せに変更 */
    max-width: 900px; /* 幅を900pxに統一 */
    font-weight: bold;
    font-size: 15px; 
    border-radius: 40px;
}

#date-select {
    font-size: 15px;
    padding: 5px;
    margin-left: 10px;
}

/* --- [4] 変更：テーブルも幅を揃える --- */
.onair-table {
    width: 100%;
    max-width: 900px; /* 幅を900pxに統一 */
    margin: 0 auto 10px auto; /* 左右中央寄せに変更 */
    table-layout: fixed;
    border-collapse: separate; 
    border-spacing: 0;
    font-size: 15px;
    word-break: break-all;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

/* （以下、変更なし） */
.onair-table th:nth-child(1), .onair-table td:nth-child(1) { width: 25%; }
.onair-table th:nth-child(2), .onair-table td:nth-child(2) { width: 35%; }
.onair-table th:nth-child(3), .onair-table td:nth-child(3) { width: 40%; }

.onair-table th {
    background-color: #00a497;
    color: #fff;
    padding: 18px 5px;
    text-align: center;
    font-weight: bold;
}

.onair-table td {
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 20px;
    text-align: center;
    line-height: 1.5;
}

.onair-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

@media screen and (max-width: 600px) {
    .onair-table { font-size: 14px; }
    .onair-table td { padding: 15px 5px; }
}