@charset "utf-8";

/*! CSS Used from: https://www.sunrefre.jp/washlet/css/wl_top.css */
.f_left{float:left;}
.f_right{float:right;}
.mb5{margin-bottom:5px;}
.bg_c_glay{background-color:#f7f7f7;margin-bottom:50px;padding-top:2px;padding-right:15px;padding-bottom:40px;padding-left:15px;}
.bd1_gray{border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#FFF;}
.pr_on{position:relative;}
.series_inner_box{width:713px;padding:0;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#999999;overflow:hidden;background:#fff;}
.w_357{width:360px;border-right:1px dotted #999999;}
.w_351{width:351px;}
.series_left_box{width:341px;padding-right:10px;padding-left:5px;}
.series_right_box{width:341px;padding-right:5px;padding-left:10px;}
.item_pos{position:absolute;top:79px;right:10px;}
.item_pos a {text-decoration: initial;}
.logo_toto{position:absolute;left:15px;top:10px;}
.logo_lixil{position:absolute;left:15px;top:10px;}
.logo_pana{position:absolute;left:15px;top:13px;}
.inf{position:absolute;left:15px;top:34px;width:50%;}
.height_267{height:267px;}
.height_380{height:380px;}
.height_400{height:400px;}
.height_450{height:450px;}
.item_sum_inf4{position:absolute;text-align:center;top:320px;width:330px;left:15px;}
.item_sum_inf7{position:absolute;text-align:center;top:355px;width:330px;left:15px;}
.item_sum_inf14{position:absolute;text-align:center;top:280px;width:330px;left:15px;}
.series_name{font-size:18px;margin-top: 7px;margin-bottom:10px;font-weight:bold;letter-spacing:-0.04em;}
.grade{border-radius:2px;color:#ffffff;font-size:13px;display:inline-block;margin-bottom:12px;padding-top:3px;padding-right:8px;padding-bottom:2px;padding-left:8px;}
.high{background-color:var(--backgroundColorHighgrade);}
.middle{background-color:var(--backgroundColorMiddlegrade);}
.standard{background-color:var(--backgroundColorBasicgrade);}
.pt15{padding-top:15px;}
.series_name2{font-size:18px;font-weight:bold;left:20px;top:27px;position:absolute;line-height:1.3em;}
.item_pos2{position:absolute;left:210px;top:80px;}
.item_sum_inf3{position:absolute;top:80px;width:195px;height:179px;left:20px;}
.item_sum_inf4{position:absolute;top:60px;width:195px;height:179px;left:20px;text-align:left;}
.ichiran_text{padding-right:7px!important;}
.disc_price3{color:#d70101;font-size:24px;font-weight:bold;line-height:1.3em;margin-bottom:10px;}
.disc_price3 .un_washletTop_special_price{font-size: 11px;}
.bg_c_glay{background-color:#f7f7f7;margin-bottom:50px;padding-top:2px;padding-right:15px;padding-bottom:15px!important;padding-left:15px;}
h3.h3-type1{text-align:left!important;}
.selection4_box_wrap_2{overflow:hidden;clear:both;columns:2;column-gap:10px;max-width:715px!important;margin:0 auto;}
.selection4_box_wrap_2 a{display:flex;margin:0 0 10px;border:solid 3px #ccc;background:#fff;padding:10px;width:326px;height:58px;line-height:38px;}
.selection4_box_wrap_2 a{display:flex;margin:0 0 10px;border:solid 3px #ccc;background:#fff;padding:10px;width:326px;height:58px;line-height:38px;}
.selection4_box_text{padding:0 0 0 20px;color:#555;font-size:15px;font-weight:bold;position:relative;line-height: 1.2em;display: flex;align-items: center;}
.selection4_box_text::after{content:"";width:8px;height:8px;border-right:2px solid #319b03;border-top:2px solid #319b03;margin-top:-4px;position:absolute;top:30px;right:calc(100% - 225px);z-index:100;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.df{display:flex;}
.price_tokka_3{position:absolute;top:140px;left:20px;font-size:14px;font-weight:bold;color:red;height:61px;}
.price_tokka_3 .un_washletTop_special_price {font-size: 11px;}
.sale_red01{padding:5px;font-weight:bold;text-align:center;color:#fff;background-color:#d70101;margin: 5px 15px 0px 0px;font-size: 12px;width: 155px;}
.un_washlet_detailTransition {
  position: absolute;
  left: 0;
  top: 335px;
  right: 0;
  padding: 25px 80px 0;
}
.un_washlet_detailTransition.un_washlet_detailTransition__relevance {
  top: 202px;
}
.un_washlet_detailTransition.un_washlet_detailTransition__look {
  padding-top: 11px;
}
.un_washlet_detailTransition.un_washlet_detailTransition__shower {
  padding-top: 70px;
}
.series_left_box a {
  text-align: center;
}

.icon_inf013{position:absolute;top:221px;left:0px;line-height:1.3em;}
.icon_inf014{position:absolute;top:222px;left:55px;width:120px;line-height:1.3em;}
.icon_inf015{position:absolute;top:228px;left:55px;width:120px;line-height:1.3em;}
.icon_inf21{position:absolute;top:246px;left:55px;width:120px;font-size:11px;line-height:1.3em;font-weight:bold;}
.icon_inf22{position:absolute;top:246px;left:0px;font-size:12px;line-height:1.3em;}
.item_sum_inf_price{position:absolute;text-align:center;top:300px;width:330px;left:15px;}

.ichiran_text{padding-right:7px!important;}
.icon_inf15{position:absolute;top:265px;left:0px;font-size:12px;line-height:1.3em;}

.mb7{margin-bottom:7px;}
.font_num{font-size:38px;font-weight:normal;letter-spacing:-1px;font-family:'MS UI Gothic','Helvetica Neue','Arial';display: inline-block;}
.main_v{width:100%;min-width:950px;overflow:hidden;background:#f4f4f4;margin-top:10px;}
.main_v_img {
  position:relative;
  background:url(https://598xxw5e.cdn.imgeng.in/washlet/img/index/mainV_2000_10yg.jpg) 0 0 no-repeat;/* 本番用のimgengを直で読みに行ってます */
  background-position: center;
  height:367px;
  width: 100%;
}
.testSrv .main_v_img {
  background:url(/washlet/img/index/mainV_2000_10yg.jpg?2024_1023) 0 0 no-repeat; /* プレビュー環境のビルボード画像 */
  background-position: center;
}
.previewSrv .main_v_img {
  background:url(/washlet/img/index/mainV_2000_10yg.jpg?2025_0313) 0 0 no-repeat; /* 制作開発環境のビルボード画像 */
  background-position: center;
}
.frame_wrapper_3contents {
  width: 950px;
  height: 367px;
  margin: 0 auto;
  position: relative;
}
.frame_wrapper_3contents div a{display:flex;flex-direction:column;justify-content: space-between; box-sizing:border-box;width:100%;height:100%;padding:10px;color:#555!important;background: rgba(255, 255, 255, .8);box-shadow: 0 3px 3px rgb(0 0 0 / 20%);}
.frame_wrapper_3contents div a:hover{text-decoration:none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.frame_wrapper_3contents div a:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
.icon_inf21,.icon_inf23{width:180px;}
.item_sum_inf7{top:367px;}
.bnr01{position:relative;top:0;right:0;}
.discount_icon01,.discount_icon02{line-height:15px;font-weight:bold;text-align:center;position:absolute;right:3px;top:8px;color:#fff;background:#d70000;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-shadow:2px 2px 2px #af0303;}
.discount_icon01{padding-top:7px;width:75px;height:68px;line-height:15px;font-size:13px;}
.discount_icon02{padding-top:25px;width:75px;height:50px;line-height:15px;font-size:13px;}
.mb7{margin-bottom:7px;}
.font_num{font-size:38px;font-weight:normal;letter-spacing:-1px;font-family:'MS UI Gothic','Helvetica Neue','Arial';}
.price01{position:absolute;top:3px;right:30px;}
.price02{position:absolute;top:75px;right:69px;font-size:12px;color:#333;}
.bnr01 a:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
.bnr01 a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.rank_mark{position:absolute;top:6px;left:0px;}
.evidence_3{font-size:12px;padding:5px;border:solid 1px #ccc;margin:0 10px 10px;position:relative;word-break:break-all;}
.price_teika_4{position:absolute;top:153px;left:20px;font-size:12px;color:var(--defaultTxtColor);}
.price_teika_6{position:absolute;top:309px;left:70px;font-size:12px;color:var(--defaultTxtColor);}
.price_teika_7{position:absolute;top:345px;left:70px;font-size:12px;color:var(--defaultTxtColor);}
.item_sum_inf_price{position:absolute;text-align:center;top:327px;width:330px;left:20px;}
.price_tokka_3{position:absolute;top:193px;left:20px;font-size:14px;font-weight:bold;color:#d70101;}
.item_sum_inf14{position:absolute;text-align:center;top:308px;letter-spacing:-0.5px;}
.koukan_price{position:absolute;top:292px;left:19px;color:#333;}
.item_sum_inf15{position:absolute;top:368px;left:98px;}
.item_pos2{position:absolute;top:85px;left:235px;}
.df{display:flex;justify-content:space-between;}

.inf_wp{position:absolute;left:15px;top:79px;width:50%;}
.series_name_toware_wp{font-size:18px;margin-top: 10px;margin-bottom:10px;font-weight:bold;letter-spacing:-0.04em;top:33px;left:15px;position:absolute;}
.ls-065{letter-spacing:-0.65px;}
.dekirukun_price{padding-top:15px;height:60px;}

.static-button-flex a {
    text-align: center;
    background-color: #40b11d;
    width: 240px;
    display: block;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold;
    height: 48px;
    border-radius: 3px;
}
.static-button-flex a::before {
    position: absolute;
    content: "商品詳細 " ">";
    bottom: 13px;
    left: 84px;
    font-size: 14px;
    font-weight: bold;
}
.un_washlet-link-text a:link {
    color: var(--defaultTxtColor) !important;
}
.un_washlet-link-text a:visited {
  color: var(--defaultTxtColor) !important;
}
.un_washlet-link-text_ul a:link {
    color: var(--defaultTxtColor) !important;
    text-decoration: underline;
}

.un_washletTopPage_exchangeCostTable {
  margin-top: 20px;
  width: 100%;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 {
  border: var(--defaultBorder);
  border-collapse: collapse;
  background: #fff;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 td {
  border: var(--defaultBorder);
  box-sizing: border-box;
  text-align: center;
  line-height: 1em;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_ttls {
  background: var(--secondBgColor);
  border: var(--defaultBorder);
  font-weight: bold;
  text-align: center;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_ttls td {
  border: var(--defaultBorder);
  font-size: 16px;
  height: 83px;
  line-height: 1.5;
  padding: 0;
  text-align: center;
  width: 50%;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_ttls .un_washletTopPage_exchangeCostTable_table1_ttls_titleWithBadge {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_price {
  font-size: 18px;
  font-weight: bold;
  padding: 18px 15px 13px;
  text-align: center;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_price span {
  font-weight: normal;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_price td {
  line-height: 1.9em;
  padding: 5px 0;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_price .un_washletTopPage_exchangeCostTable_table1_price_ttl {
  color: var(--defaultTxtColor);
  font-size: 16px;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_price .un_washletTopPage_exchangeCostTable_table1_price_number {
  color: #d70101;
  display: inline;
  font-size: 26px;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_price .un_washletTopPage_exchangeCostTable_table1_price_currencyUnit {
  color: #d70101;
  font-size: 16px;
  font-weight: bold;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_desc td {
  padding: 10px;
  text-align: left;
}
.un_washletTopPage_exchangeCostTable .un_washletTopPage_exchangeCostTable_table1 .un_washletTopPage_exchangeCostTable_table1_desc td p {
  font-size: 14px;
  line-height: 20px;
}
.un_washletTopPage_exchangeCostTable + .bl_panel {
  margin-top: 20px;
}
.un_gasTop_costPanelWrapper + .el_btn2_wrapper {
  margin-top: 20px;
}

.bl_panel + .un_gasTop_costPanelWrapper {
  margin-top: 30px;
}

.bg_c_glay.special_products {
  margin-bottom: 0;
}
.bg_c_glay.special_products + .el_hdg3 {
  margin-top: 30px;
}

.un_washletTop_bargain {
  height: 340px;
}

@media screen and (max-width: 950px) and (min-width: 641px){
.top_area{background:#2a933a;}
.bnr-imformation{margin-top:38px!important;}
.main_v_img {
  background:url(https://598xxw5e.cdn.imgeng.in/washlet/img/index/mainV_1280_10yg.jpg?2024_1023) 0 0 no-repeat;/* 本番用のimgengを直で読みに行ってます */
  background-position: center;
}
.testSrv .main_v_img {
  background:url(/washlet/img/index/mainV_1280_10yg.jpg?2024_1023) 0 0 no-repeat; /* プレビュー環境のビルボード画像 */
  background-position: center;

}
.previewSrv .main_v_img {
  background:url(/washlet/img/index/mainV_1280_10yg.jpg?2025_0313) 0 0 no-repeat; /* 制作開発環境のビルボード画像 */
  background-position: center;

}
.frame_wrapper_3contents div.price_box{right:24%;left:auto!important;}
}

@media screen and (max-width: 1280px) and (min-width: 951px){
.main_v_img {
  background:url(https://598xxw5e.cdn.imgeng.in/washlet/img/index/mainV_1280_10yg.jpg?2024_1023) 0 0 no-repeat;/* 本番用のimgengを直で読みに行ってます */
  background-position: center;
}
.testSrv .main_v_img {
  background:url(/washlet/img/index/mainV_1280_10yg.jpg?2024_1023) 0 0 no-repeat; /* プレビュー環境のビルボード画像 */
  background-position: center;
}
.previewSrv .main_v_img {
  background:url(/washlet/img/index/mainV_1280_10yg.jpg?2025_0313) 0 0 no-repeat; /* 制作開発環境のビルボード画像 */
  background-position: center;
}
.frame_wrapper_3contents div.price_box{left:895px;}
.floating_bnr{display:none;right:-50px;z-index:100;}
}
