/* --- 共通の基本スタイル --- */
.json2table-display {
   width: 100%; border-collapse: collapse;
   table-layout: fixed;
   word-wrap: break-word;
}


.json2table-display th {
    border: 1px solid #ddd; padding: 10px;
}
.json2table-display td {
    border: 1px solid #ddd; padding: 10px;
}

/* --- "mouthpiece.json" 専用のスタイル定義 --- */

/* 全体の垂直位置合わせ */
.json2table-cat-mouthpiece td {
    vertical-align: middle;
}
/*列名*/
.json2table-cat-mouthpiece th{
    background-color: var(--glanz-sumi-iro);
    color: var(--glanz-washi-iro);
}
/*データセル*/
.json2table-cat-mouthpiece td{
    background-color: var(--glanz-sumi-iro);
    color: var(--glanz-washi-iro);
}
.json2table-cat-mouthpiece .col-0 {width: 15%;}
.json2table-cat-mouthpiece .col-1 {width: 10%;}
.json2table-cat-mouthpiece .col-2 {width: 10%;}
.json2table-cat-mouthpiece .col-3 {width: 10%;}
.json2table-cat-mouthpiece .col-4 {width: 55%;}

/* 1列目 (name): 左寄せ */
.json2table-cat-mouthpiece td.col-0 {
    text-align: left;
}
/* 2列目 (bore size): 右寄せ */
.json2table-cat-mouthpiece td.col-1 {
    text-align: right;
}
/* 3列目 (throat size): 右寄せ */
.json2table-cat-mouthpiece td.col-2 {
    text-align: right;
}
/* 4列目 (price): 右寄せ */
.json2table-cat-mouthpiece td.col-3 {
    text-align: right;
}
/* 5列目 (detail): 左寄せ */
.json2table-cat-mouthpiece td.col-4 {
    text-align: left;
}

/* --- 別のファイル "inventory.json" がある場合の定義例 --- */
.json2table-cat-inventory .col-0 { text-align: left; }
.json2table-cat-inventory .col-3 { background: #fff3cd; } /* 特定の列を強調 */