body {
    font-family: 'Arial', sans-serif;
    background-color: #fefefe;
    font-size: 20px;
    color: #333;
}

.h1_text {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
}

.order-block {
    margin-bottom: 10px;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
}

.order-block h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.menu-table {
    width: 100%;
    border-collapse: collapse;
}

.menu-table th, .menu-table td {
    padding: 1px;
    border: 1px solid #aaa;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
}

/* カテゴリー別色分け（1～10） */
.category-1  { background-color: #ffe4e1; } /* 薄いピンク */
.category-2  { background-color: #e0ffff; } /* 薄いシアン */
.category-3  { background-color: #f5f5dc; } /* ベージュ */
.category-4  { background-color: #e6e6fa; } /* 薄紫 */
.category-5  { background-color: #fafad2; } /* 薄い黄色 */
.category-6  { background-color: #d3ffd3; } /* 薄緑 */
.category-7  { background-color: #ffe4b5; } /* モカ */
.category-8  { background-color: #f0f8ff; } /* 薄水色 */
.category-9  { background-color: #fff0f5; } /* 薄赤紫 */
.category-10 { background-color: #fdf5e6; } /* アイボリー */

.no-order {
    font-size: 24px;
    color: #666;
    margin-top: 50px;
    text-align: center;
}