@charset "utf-8";
/* CSS Document */
/* テキスト_太字 */
.un_qrWash_txtBold {
	font-weight: bold;
}
.un_qrWash_title_mT20{margin-top:20px;}
.un_qrWash_title{background:#f4f4f4;border: var(--defaultBorder);font-size:18px;padding:10px 20px;color:#222;text-align:center;font-weight:bold;}
.un_qrWash_box{
    padding: 20px;
    border: var(--defaultBorder);
    border-top: none;
}
.el_hdg2 + .un_qrWash_wrapper, .un_qrWash_wrapper + .un_qrWash_wrapper {
    margin-top: 20px;
}

/* ピュアレスト価格の違い・比較*/
ul.un_qrWash_productList{display:flex;flex-wrap:wrap;justify-content:space-between;}
ul.un_qrWash_productList li{width:245px;text-align:center;border:1px solid #ccc;padding:15px;box-sizing:border-box;position:relative;}
ul.un_qrWash_productList li.un_qrWash_itemCardNone{width:245px;text-align:center;border:1px solid transparent;padding:15px;box-sizing:border-box;position:relative;}
ul.un_qrWash_productList li h5{margin-bottom:10px;text-align:left;padding:5px 0 5px 10px;}
.un_qrWash_productImage{display:flex;overflow:hidden;width:100%;justify-content:center;}
.un_qrWash_productImage img{margin-bottom:5px;}
ul.un_qrWash_productList .un_qrWash_name{font-weight:bold;font-size:18px;}
ul.un_qrWash_productList .un_qrWash_name div[data-item-id]{font-weight:bold;font-size:14px;}
ul.un_qrWash_productList .un_qrWash_rate {font-weight:bold;}
ul.un_qrWash_productList .un_qrWash_rate div[data-item-id]{font-size:20px;}

/*ピュアレストQRの手洗い付きを選ぶポイント*/
.un_qrWash_productListMerit {
    background-color: #fff8e5;
    padding: 10px 5px;
    line-height: 1.75;
    height: 116px;
}
.un_qrWash_productListDemerit {
    background-color: var(--secondBgColor);
    padding: 10px 5px;
    line-height: 1.75;
    height: 116px;
}
.un_qrWash_productListMerit > div, .un_qrWash_productListDemerit > div {
    font-size: 13px;
}
.un_qrWash_productListMerit > div.un_qrWash_ttl, .un_qrWash_productListDemerit > div.un_qrWash_ttl, .un_qrWash_ttl {
    font-weight: bold;
    font-size: 16px;
}
.un_qrWash_ttl span {
    font-size: 20px;
}
.un_qrWash_cost {font-size: 12px;margin-top: 5px;}
.un_qrWash_costTokka {font-size:12px;}
.un_qrWash_costTokka div[data-item-id] {font-size:16px;}
.un_qrWash_txtRed {color: var(--emphasisRed);}
.un_qrWash_txtNormal {font-weight: normal;}
.un_qrWash_txtC {text-align: center;}
.un_qrWash_txtL {text-align: left;}
.un_qrWash_txtR {text-align: right;}
.un_qrWash_mT10 {margin-top: 10px;}
.un_qrWash_mT20 {margin-top: 20px;}
.un_qrWash_mT30 {margin-top: 30px;}
.un_qrWash_mT40 {margin-top: 40px;}
.bl_panel_wrapper + .un_qrWash_mT40, .un_qrWash_mT40 {margin-top: 40px;}
.un_qrWash_mB30 {margin-bottom: 30px;}
.un_qrWash_mB40 {margin-bottom: 40px;}
.un_qrWash_mB50 {margin-bottom: 50px;}


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

/*排水芯対応表*/
.un_qrWash_comparisonTable_wrapper + .el_hdg2 {margin-top: 40px;}
.un_qrWash_comparisonTable{width:100%;border-collapse:collapse;border-spacing:0;border:solid 2px #bfbfbf;font-size:13px;table-layout: fixed;
word-break: break-word;}
.un_qrWash_comparisonTable tbody tr th{text-align:center;border:1px solid #bfbfbf;padding:10px;background-color:#f2f2f2;}
.un_qrWash_comparisonTable tbody tr td{padding:10px;border:1px solid #bfbfbf;}
.un_qrWash_comparisonTable tbody tr td:nth-child(n){text-align:center;}
.un_qrWash_comparisonTable tbody tr th.un_qrWash_comparisonTable_bgWhite{background-color:#fff;}
.un_qrWash_comparisonTable_bgGray{background:var(--secondBgColor);}
.un_qrWash_comparisonTableTtl{font-weight:bold;}
.un_qrWash_comparisonTableTtl span{font-size:16px;}

/*ピュアレストQR/EX/MR 共通の機能*/
.un_qrWash_f16{font-size:16px;}
.un_qrWash_fRed{color:var(--emphasisRed);}
.un_qrWash_FuncTable tbody tr td.un_qrWash_padding{padding:10px 3px;}
.un_qrWash_FuncTable tbody tr th.un_qrWash_bgRedfW{background-color:var(--emphasisRed);color:#fff;}
.un_qrWash_bgRedfW{background-color:var(--emphasisRed);color:#fff;}
.un_qrWash_FuncTable{width:100%;border-collapse:collapse;border-spacing:0;border:solid 2px #bfbfbf;margin-top:10px;}
.un_qrWash_FuncTable .un_qrWash_FuncTable_vaT td{vertical-align:top;}
.un_qrWash_FuncTable tbody tr{font-size:14px;}
.un_qrWash_FuncTable tbody tr th{text-align:center;border:1px solid #bfbfbf;padding:10px;}
.un_qrWash_FuncTable tbody tr th div.un_qrWash_ttl{font-weight: bold;font-size: 16px;margin-bottom: 0;color: #555;background: var(--secondBgColor);padding: 5px 10px;}
.un_qrWash_FuncTable tbody tr th.un_qrWash_ttlPadding{padding:10px;}
.un_qrWash_FuncTable tbody tr th.un_qrWash_ttlPadding span{font-weight:bold;font-size:16px;display: block;}
.un_qrWash_FuncTable tbody tr td{text-align:center;padding:10px;border:1px solid #bfbfbf;}
.un_qrWash_FuncTable tbody tr td p.un_qrWash_FuncTxt{font-size: 11px;margin-top: 5px;}
.un_qrWash_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_qrWash_FuncTable tbody tr > th:first-of-type{font-weight:bold;}
.un_qrWash_FuncTable tbody tr > th.un_qrWash_FuncTxtL {text-align: left;}
/*.un_qrWash_FuncTable .un_qrWash_FuncTable_itemCodeCell th{padding-bottom:5px;border-bottom:none;background:#f2f2f2;}*/
.un_qrWash_FuncTable .un_qrWash_FuncTablePrice span{font-size:15px;}
.un_qrWash_FuncTableTtl{font-weight:bold;}
.un_qrWash_FuncTableTtl span{font-size:16px;}
.un_qrWash_FuncTable .un_qrWash_name{font-weight:bold;font-size:18px;}
.un_qrWash_FuncTable .un_qrWash_name div[data-item-id]{font-weight:bold;font-size:14px;}
.un_qrWash_FuncTable .un_qrWash_rate {font-weight:bold;}
.un_qrWash_FuncTable .un_qrWash_rate div[data-item-id]{font-size:20px;}
.un_qrWash_FuncTable .un_qrWash_itemCard_shopPrice{color:var(--emphasisRed);font-weight:bold;text-align:center;line-height:1.35;display:block;margin:15px 0 5px;font-size:14px;}
.un_qrWash_FuncTable .un_qrWash_itemCard_shopPrice p {color:var(--emphasisRed);font-weight:bold;}
.un_qrWash_FuncTable .un_qrWash_itemCard_shopPrice div[data-item-id]{font-size:24px;}
.un_qrWash_staticBtn{width:164px;}
.un_qrWash_staticBtn a{text-align:center;background-color:var(--dekiruGreen);display:block;color:#fff;text-decoration:none;font-weight:bold;height:40px;line-height: 40px;position:relative;border-radius:3px;}
.un_qrWash_staticBtn a:before{position:absolute;content:"商品詳細 ""\03e";top:0;left:48px;font-size:14px;font-weight:bold;}
.un_qrWash_staticBtn:hover {
    opacity: .87;
}
.un_qrWash_estimateBtn {
    display: inline-block;
    margin: 5% 0 0;
    width: 164px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    border-radius: 3px;
    position: relative;
    top: 0;
    left: 0;
    background: #ff7815;
}
.un_qrWash_estimateBtn:hover {
    opacity: .87;
}
.un_qrWash_itemNoneBg, .un_qrWash_FuncTable tbody tr:nth-child(even) > td.un_qrWash_itemNoneBg {
    background-color: #f4f4f4;background-image: none;
}
.un_qrWash_itemNoneOp {
    opacity: 0.7;
}

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

.un_qrWash_greyBox {
    padding: 15px;
    background-color: var(--secondBgColor);
    box-sizing: border-box;
}

@media screen and (min-width: 641px) {
.un_qrWash_comparisonTable{table-layout: fixed;}
.un_qrWash_FuncTable{table-layout:fixed;}
.un_qrWash_rela {position: relative;}
.un_qrWash_abso {
  position: absolute;
  top: 180px;
  left: 16px;
  font-size: 13px;
  letter-spacing: -0.5px;
}
}