/********************************
wrapper
********************************/
.compare-wrapper{
    overflow:auto;
    max-width:100%;
    max-height:70vh;
    position:relative;
}
/********************************
table
********************************/
.compare-table{
    border-collapse:separate;
    border-spacing:0;
    background:#fff;
    border:none !important;
}
/********************************
セル共通
********************************/
.compare-table th,
.compare-table td{
    padding:10px;
    white-space:nowrap;
    border:none !important;
    border-top:1px solid #ddd !important;
    border-left:1px solid #ddd !important;
    background:#fff;
}
/* 一番上の行は上罫線なし */
.compare-table thead tr:first-child th{
    border-top:none !important;
}
/* 一番左の列は左罫線なし */
.compare-table th:first-child,
.compare-table td:first-child{
    border-left:none !important;
}
/********************************
🔥 ヘッダー固定（1段目）
********************************/
.compare-table thead th{
    position:sticky;
    top:0;
    background:#f0f8ff;
    z-index:500;
}
/********************************
🔥 左列固定（横スクロール時）
********************************/
.sticky-left{
    position:sticky !important;
    left:0 !important;
    background:#f0f8ff !important;
    z-index:400 !important;
}
thead .sticky-left{
    z-index:700 !important;
}
/********************************
🔥 tag行を「横固定（左端のみ）」させる
********************************/
/* tag行そのもの */
.compare-tag{
    position:sticky !important;
    left:0 !important;
    z-index:400 !important;
    background:#eaf4ff !important;
    font-weight:bold !important;
    cursor:pointer !important;
    text-align:left !important;
    /* 縦罫線を完全削除 */
    border-left:none !important;
    border-right:none !important;
}
/********************************
tag行の空白セル
********************************/
.compare-tag-spacer{
    background:#eaf4ff !important;
    /* 縦罫線を完全削除 */
    border-left:none !important;
    border-right:none !important;
}
/********************************
tag行全体の縦罫線を削除
********************************/
.compare-tag-row th,
.compare-tag-row td{
    border-left:none !important;
    border-right:none !important;
}
/********************************
列幅
********************************/
.compare-field-label{
    min-width:220px;
}
/********************************
hover
********************************/
.compare-table tbody tr:hover td{
    background:#f9fcff;
}
/********************************
差分
********************************/
.diff-cell{
    background:#fff6d5 !important;
    font-weight:bold;
}
/********************************
ソート
********************************/
.sortable{
    cursor:pointer;
}
/********************************
画像暴走防止
********************************/
.compare-table img{
    max-width:80px;
    height:auto;
    display:block;
}