h1{
padding:0;
font-size:13pt;
font-weight:bold;
}

.compare-description{
margin-left:10px;
margin-bottom:20px;
line-height:1.8;
font-size:10pt;
}

.compare-anchor{
margin-bottom:10px;
margin-left:15px;
font-size:10.5pt;
}

.compare-anchor a{
text-decoration:none;
margin-right:20px;
}

.compare-anchor a:hover{
text-decoration:none;
}


/* ==========================
   比較表
========================== */

.compare-wrap{
width:100%;
overflow-x:auto;
margin-bottom:30px;
margin-left:10px;
}

.compare-table{
width:max-content;
min-width:100%;
border-collapse:collapse;
white-space:nowrap;
font-size:10pt;
line-height:1.1;
background:#fff;
}

.compare-table th,
.compare-table td{
padding:8px 1px;
border:1px solid #d9dee5;
text-align:center;
vertical-align:middle;
font-weight:normal;
}

/* --------------------------
   ヘッダー
-------------------------- */

.compare-table thead th,
.compare-header th{
background:#ebebeb;
color:#333;
font-size:9pt;
padding:8px 1px;
border:1px solid #d9dee5;
text-align:center;
}

/* --------------------------
   左固定
-------------------------- */

.compare-product{
position:sticky;
left:0;
background:#fff;
text-align:left !important;
z-index:2;
font-weight:normal;
}

.compare-table thead .compare-product{
background:#ebebeb;
}

/* --------------------------
   シリーズ見出し
-------------------------- */

.compare-series td{
background:#fff;
font-size:10.5pt;
text-align:left;
border-top:2px solid #666;
border-bottom:none;
}

/* --------------------------
   行ホバー
-------------------------- */

.compare-table tbody tr:not(.compare-series):not(.compare-header):hover td{
background:#eef4f8;
}

.compare-table tbody tr:not(.compare-series):not(.compare-header):hover .compare-product{
background:#eef4f8;
}


/* --------------------------
   データ表示
-------------------------- */

.compare-none{
color:#666;
}

.compare-sub{
display:block;
font-size:8pt;
color:#666;
line-height:1.0;
margin-bottom:1px;
}

.compare-note{
font-size:10px;
color:#666;
}