@charset "utf-8";
/* CSS Document */

.el_hdg2 + .un_pureDifference_wrapper, .un_pureDifference_wrapper + .un_pureDifference_wrapper {
    margin-top: 20px;
}

/* ピュアレスト価格の違い・比較*/
ul.un_pureDifference_productList{display:flex;flex-wrap:wrap;justify-content:space-between;}
ul.un_pureDifference_productList li{width:245px;text-align:center;border:1px solid #ccc;padding:15px;box-sizing:border-box;position:relative;}
ul.un_pureDifference_productList li.un_pureDifference_itemCardNone{width:245px;text-align:center;border:1px solid transparent;padding:15px;box-sizing:border-box;position:relative;}
ul.un_pureDifference_productList li h5{margin-bottom:10px;text-align:left;padding:5px 0 5px 10px;}
.un_pureDifference_productImage{display:flex;overflow:hidden;width:100%;justify-content:center;}
.un_pureDifference_productImage img{margin-bottom:5px;}
ul.un_PureDifference_productList .un_pureDifference_name{font-weight:bold;font-size:18px;}
ul.un_pureDifference_productList .un_pureDifference_name div[data-item-id]{font-weight:bold;font-size:14px;}
ul.un_pureDifference_productList .un_pureDifference_rate {font-weight:bold;}
ul.un_pureDifference_productList .un_pureDifference_rate div[data-item-id]{font-size:20px;}
.un_pureDifference_itemCard .un_pureDifference_itemCard_shopPrice{background:var(--emphasisRed);color:#fff;font-weight:bold;padding:10px;text-align:center;height:45px;line-height:1.35;display:block;overflow:inherit;margin:8px 0 15px;font-size:14px;}
/*.un_pureDifference_itemCard .un_pureDifference_itemCard_shopPrice span{font-size:24px;}*/
.un_pureDifference_itemCard .un_pureDifference_itemCard_shopPrice div[data-item-id]{font-size:24px;}
.un_pureDifference_ttl {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.un_pureDifference_ttl span {
    font-size: 20px;
}
.un_pureDifference_cost {font-size: 12px;margin-top: 5px;}
.un_pureDifference_costTokka {font-size:12px;}
.un_pureDifference_costTokka div[data-item-id] {font-size:16px;}
.un_pureDifference_txtL {text-align: left;}
.un_pureDifference_txtR {text-align: right;}
.un_pureDifference_mT10 {margin-top: 10px;}
.un_pureDifference_mT20 {margin-top: 20px;}
.un_pureDifference_mT30 {margin-top: 30px;}
.un_pureDifference_mT40 {margin-top: 40px;}
.un_pureDifference_mB30 {margin-bottom: 30px;}
.un_pureDifference_mB50 {margin-bottom: 50px;}

/*便器フチの形状による清掃性を比較*/
.un_pureDifference_CleanPanel {
    display: flex;
    box-sizing: border-box;
}
.un_pureDifference_CleanImg {display:flex;overflow:hidden;width:100%;justify-content:center;}
ul.un_pureDifference_CleanList {display:flex;flex-wrap:wrap;justify-content:space-between;}
ul.un_pureDifference_CleanList li{width:372px;text-align:center;border:1px solid #ccc;padding:15px;box-sizing:border-box;position:relative;}
.un_pureDifference_CleanImg {
    flex-shrink: 0;
    max-width: 50%;
}
.un_pureDifference_CleanImg img {
    display: block;
    margin: 0 auto;
}
.un_pureDifference_CleanImg + .un_pureDifference_CleanTxt {
    margin-left: 10px;
    text-align: left;
}

/*排水芯対応表*/
.un_pureDifference_comparisonTable{width:100%;border-collapse:collapse;border-spacing:0;border:solid 2px #bfbfbf;margin-bottom:10px;font-size:13px;}
.un_pureDifference_comparisonTable tbody tr th{text-align:center;border:1px solid #bfbfbf;padding:10px;background-color:#f2f2f2;}
.un_pureDifference_comparisonTable tbody tr td{padding:10px;border:1px solid #bfbfbf;}
.un_pureDifference_comparisonTable tbody tr td:nth-child(n){text-align:center;}
.un_pureDifference_comparisonTable tbody tr th.un_pureDifference_comparisonTable_bgWhite{background-color:#fff;}
.un_pureDifference_comparisonTable_bgGray{background:var(--secondBgColor);}
.un_pureDifference_comparisonTableTtl{font-weight:bold;}
.un_pureDifference_comparisonTableTtl span{font-size:16px;}

/*ピュアレストQR/EX/MR 共通の機能*/
.un_pureDifference_f16{font-size:16px;}
.un_pureDifference_fRed{color:var(--emphasisRed);}
.un_pureDifference_FuncTable tbody tr td.un_pureDifference_padding{padding:10px 3px;}
.un_pureDifference_FuncTable tbody tr th.un_pureDifference_bgRedfW{background-color:var(--emphasisRed);color:#fff;}
.un_pureDifference_bgRedfW{background-color:var(--emphasisRed);color:#fff;}
.un_pureDifference_FuncTable{width:100%;border-collapse:collapse;border-spacing:0;border:solid 2px #bfbfbf;margin-top:10px;}
.un_pureDifference_FuncTable .un_pureDifference_FuncTable_vaT td{vertical-align:top;}
.un_pureDifference_FuncTable tbody tr{font-size:14px;}
.un_pureDifference_FuncTable tbody tr th{text-align:center;border:1px solid #bfbfbf;padding:10px;background-color:#f2f2f2;}
.un_pureDifference_FuncTable tbody tr th.un_pureDifference_ttlPadding{padding:20px 10px;}
.un_pureDifference_FuncTable tbody tr th.un_pureDifference_ttlPadding span{font-weight:bold;font-size:16px;}
.un_pureDifference_FuncTable tbody tr td{text-align:center;padding:10px;border:1px solid #bfbfbf;}
.un_pureDifference_FuncTable tbody tr td p.un_pureDifference_FuncTxt{font-size: 11px;margin-top: 5px;}
.un_pureDifference_FuncTable tbody tr:nth-child(even) > td{background-color:#fafafa;background-image:radial-gradient(#fff 50%, transparent 50%), radial-gradient(#fff 50%, transparent 50%);background-size:4px 4px;background-position:0 0, 2px 2px;}
.un_pureDifference_FuncTable tbody tr > th:first-of-type{font-weight:bold;text-align: left;}
.un_pureDifference_FuncTable tbody tr > th.un_pureDifference_FuncTxtL {text-align: left;}
.un_pureDifference_FuncTable .un_pureDifference_FuncTable_itemCodeCell th{padding-bottom:5px;border-bottom:none;background:#f2f2f2;position:sticky;top:103px;z-index:1;}
.un_pureDifference_FuncTable .un_pureDifference_FuncTablePrice {color:var(--emphasisRed);font-weight: bold;}
.un_pureDifference_FuncTable .un_pureDifference_FuncTablePrice div[data-item-id]{font-size:24px;}
.un_pureDifference_FuncTable .un_pureDifference_FuncTablePrice span{font-size:15px;}
.un_pureDifference_FuncTableTtl{font-weight:bold;}
.un_pureDifference_FuncTableTtl span{font-size:16px;}

/*緑ボタン*/
.un_pureDifference_BtnGrn,.un_pureDifference_BtnGrn:link,.un_pureDifference_BtnGrn:visited{color:#fff;border:solid 1px #fff;display:block;background-color:var(--dekiruGreen);border-radius:30px;padding:10px;text-align:center;}
.un_pureDifference_BtnGrn:hover{background-color:#fff;color:var(--dekiruGreen);border:solid 1px var(--dekiruGreen);text-decoration:none;}
.un_pureDifference_BtnGrn::after{content:"\020\03e\020";white-space:pre;}

.un_pureDifference_greyBox {
    padding: 15px;
    background-color: #f4f4f4;
    box-sizing: border-box;
}
.un_pureDifference_Blank{
margin: 20px 0 30px 0;
}

@media screen and (min-width: 641px) {
.un_pureDifference_comparisonTable{table-layout: fixed;}
.un_pureDifference_FuncTable{table-layout:fixed; margin-top: 20px;}
}