@charset "utf-8";

/*アンカーリンク*/
.un_washletRanking_anchor input {
  display: none;
}
.un_washletRanking_anchor .un_washletRanking_anchor_panel {
  box-sizing: border-box;
  text-align: center;
  background-color: var(--secondBgColor);
  padding: 10px 15px 15px;
}
.un_washletRanking_anchor .un_washletRanking_anchor_hdg {
  display: block;
  font-weight: bold;
  text-align: left;
}
.un_washletRanking_anchor .un_washletRanking_anchor_hdg + .un_washletRanking_anchor_inner_wrapper {
  margin-top: 10px;
}
.un_washletRanking_anchor_panel .un_washletRanking_anchor_inner_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.un_washletRanking_anchor_panel .un_washletRanking_anchor_inner {
  width: 100%;
}
.un_washletRanking_anchor_panel .un_washletRanking_anchor_inner:nth-child(2) {
  margin-left: 10px;
}
.un_washletRanking_anchor .un_washletRanking_anchor_inner .un_washletRanking_anchor_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
  min-height: 60px;
  background: #fff;
  color: var(--defaultTxtcolor);
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  line-height: normal;
  width:100%;
}
.un_washletRanking_anchor .un_washletRanking_anchor_inner .un_washletRanking_anchor_btn:hover {
  background: var(--subBgGreen);
}
.un_washletRanking_anchor .un_washletRanking_anchor_inner .un_washletRanking_anchor_btn::after {
content:"\2228";
}
.un_washletRanking_anchor + .el_hdg2 {
  margin-top: 30px;
}
.el_hdg3 + .un_washletRanking_maker {
  margin-top: 20px;
}
.un_washletRanking_maker + .el_hdg3 {
  margin-top: 30px;
}

/* 後継シリーズ箇所用css (htmlは、ランキング課題2024.05更新分（課題番号7755）の4位のものなどを参照) */
.un_washletRanking_panel_successorProduct {
  padding: 0 20px 20px;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_head + .un_washletRanking_panel_successorProduct_body {
  margin-top: 10px;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body {
  display: flex;
  justify-content: space-between;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtAndImgLink {
  width: 25%;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtAndImgLink .un_washletRanking_panel_successorProduct_body_txtAndImgLink_seriesNameSp {
  display: none;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtAndImgLink .un_washletRanking_panel_successorProduct_body_txtAndImgLink_imgLink {
  display: block;
  /* max-width: 65%; */
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtAndImgLink .un_washletRanking_panel_successorProduct_body_txtAndImgLink_imgLink .un_washletRanking_panel_successorProduct_body_txtAndImgLink_imgLink_img img {
  height: auto;
  width: 100%;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems {
  width: 73%;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems_seriesNamePc + p {
  padding-top: 10px;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems p + .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn {
  margin-top: 20px;
}
.un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn + .un_washletRanking_panel_successorProduct_body_txtItems_function {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems .un_washletRanking_panel_successorProduct_body_txtItems_seriesNamePc {
  font-size: 18px;
  font-weight: bold;
}
.un_washletRanking_panel_successorProduct_body_txtItems_function {
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 0;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
}
.un_washletRanking_panel_successorProduct_body_txtItems_function_list {
  background: #f2f2f2;
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 8px 12px;
  font-size: 15px;
}
.un_washletRanking_panel_successorProduct_body_txtItems_function_list:nth-child(2) {
  margin-left: 10px;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_price {
  color: var(--emphasisRed);
  font-weight: bold;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_price .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_price_num {
  font-size: 28px;
  padding-left: 10px;
}
.un_washletRanking_panel_successorProduct .un_washletRanking_panel_successorProduct_body .un_washletRanking_panel_successorProduct_body_txtItems .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_btn {
  height: 50px;
  width: 210px;
  font-size: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--dekiruGreen);
  font-weight: bold;
  position: relative;
  border-radius: 3px;
  color: white;
}
.un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_btn,
.un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_btn:link,
.un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_btn:active,
.un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_btn:hover,
.un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_btn:visited {
  color: white;
  text-decoration: none;
}
.un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn .un_washletRanking_panel_successorProduct_body_txtItems_priceAndBtn_btn::after {
  content: "\020\03e";
  white-space: pre;
}

/*シリーズ総合ランキング 共通使用*/
.un_washletRanking_panel.un_washletRanking_panel__no1,
.un_comprehensiveBestCard.un_comprehensiveBestCard__no1 {
  --rankColor: #c7a402;
  --rankEmphasisTxtColor: #6a4c13;
  --rankBadge:url('/shared/img/ranking/runk_badge_no1.png?2025_0818');
}

.un_washletRanking_panel.un_washletRanking_panel__no2,
.un_comprehensiveBestCard.un_comprehensiveBestCard__no2 {
  --rankColor: #808080;
  --rankEmphasisTxtColor: #504d4d;
  --rankBadge:url('/shared/img/ranking/runk_badge_no2.png');
}

.un_washletRanking_panel.un_washletRanking_panel__no3,
.un_comprehensiveBestCard.un_comprehensiveBestCard__no3 {
  --rankColor: #aa7246;
  --rankEmphasisTxtColor: #563923;
  --rankBadge:url('/shared/img/ranking/runk_badge_no3.png');
}

.un_washletRanking_panel.un_washletRanking_panel__no4 {
  --rankColor: #73a260;
  --rankEmphasisTxtColor: #3b5630;
  --rankBadge:url('/shared/img/ranking/runk_badge_no4.png');
}

.un_washletRanking_panel.un_washletRanking_panel__no5 {
  --rankColor: #73a260;
  --rankEmphasisTxtColor: #3b5630;
  --rankBadge:url('/shared/img/ranking/runk_badge_no5.png');
}
.un_washletRanking_panel_wrapper+.el_hdg3 {
  margin-top: 30px;
}

/* 温水洗浄便座 アイテム総合ランキング */
.el_hdg3 + .un_washletRanking_panel_wrapper {
  margin-top: 20px;
}
.un_washletRanking_panel {
  border: 3px solid var(--rankColor);
  border-top: 8px solid var(--rankColor);
  box-sizing: border-box;
}
.un_washletRanking_panel + .un_washletRanking_panel {
  margin-top: 20px;
}
.un_washletRanking_panel .un_washletRanking_panel_head {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.un_washletRanking_panel .un_washletRanking_panel_head::before {
  content:'';
  display: block;
  width: 130px;
  height: 134px;
  background:no-repeat var(--rankBadge);
  position: absolute;
  z-index: 2;
  left: 10px;
}
.un_washletRanking_panel .un_washletRanking_panel_head .un_washletRanking_panel_head_txt {
  color: var(--rankColor);
  font-weight: bold;
  font-size: 20px;
  text-align: right;
  padding: 15px 10px 10px 10px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-top: 25px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_fig {
  position: absolute;
  left: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  width: 65%;
  z-index: 3;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_fig .un_washletRanking_panel_mid_fig_productImg {
  padding-left: 40px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details {
  height: 100%;
  min-height: 260px;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  top: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, .5) 0, white 88px, white 100%);
  z-index: 2;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName {
  text-align: right;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName .un_washletRanking_panel_mid_details_itemName_inner {
  text-align: right;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_price {
  color: var(--emphasisRed);
  font-weight: bold;
  padding-top: 15px;
  text-align: right;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_price span {
  font-size: 28px;
  padding-left: 5px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

/* 詳細ボタン */
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper .un_washletRanking_panel_detailBtn {
  height: 50px;
  width: 210px;
  font-size: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: var(--dekiruGreen);
  font-weight: bold;
  position: relative;
  border-radius: 3px;
  color: white;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper a.un_washletRanking_panel_detailBtn,
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper a.un_washletRanking_panel_detailBtn:link,
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper a.un_washletRanking_panel_detailBtn:active,
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper a.un_washletRanking_panel_detailBtn:hover,
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper a.un_washletRanking_panel_detailBtn:visited {
  color: white;
  text-decoration: none;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_btn_wrapper .un_washletRanking_panel_detailBtn::after {
  content: "\020\03e";
  white-space: pre;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea {
  padding: 30px 20px 15px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner_element {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--rankColor);
  font-size: 20px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner_elementr_badge {
  width: 82px;
  background: var(--rankColor);
  padding: 5px 0 3px;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
  margin-right: 10px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner .un_washletRanking_panel_ratioArea_inner_recommendArticle_txt {
  color: #222;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.un_washletRanking_panel_ratioArea_inner_element + .un_washletRanking_panel_ratioArea_inner_txt {
  margin-top: 10px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner {
  font-weight: bold;
  display: block;
  color: var(--rankColor);
  align-items: center;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName .un_washletRanking_panel_mid_details_itemName_wrapper {
  display: flex;
  align-items: end;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName .un_washletRanking_panel_mid_details_itemName_wrapper + .un_washletRanking_panel_mid_details_itemName_inner {
  margin-top: 10px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName .un_washletRanking_panel_mid_details_itemName_category {
  font-weight: bold;
  font-size: 20px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName .un_washletRanking_panel_mid_details_itemName_makerLogo + .un_washletRanking_panel_mid_details_itemName_category {
  padding-left: 15px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName_inner .un_washletRanking_panel_mid_details_itemName_code {
  font-weight: bold;
  font-size: 26px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details .un_washletRanking_panel_mid_details_itemName_inner .un_washletRanking_panel_mid_details_itemName_productNum {
  font-weight: bold;
  font-size: 26px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner_txt .un_washletRanking_panel_ratioArea_inner_txt_value span{
  font-size: 20px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner .un_washletRanking_panel_ratioArea_inner_txt_value {
  color: var(--rankEmphasisTxtColor);
  font-size: 36px;
}

/* レビュー */
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_review {
  margin-top: 15px;
  text-align: right;
  line-height: 0.8;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_review .ukomiAvr_wrapper {
  color: var(--weakTxtColor);;
  font-size: 14px;
  font-weight: bold;
  display: block;
  position: relative;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_review .ukomiAvr_wrapper span {
  font-size: 30px;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_review .review-summary-container {
  background: none;
  display: flex !important;
  justify-content: flex-end;
}
.un_washletRanking_panel .un_washletRanking_panel_mid .un_washletRanking_panel_mid_details_review .review-summary-container .starRating, .review-widget-summary-container .starRating {
  align-items: baseline;
}
.un_washletRanking_panel .un_washletRanking_panel_foot .un_washletRanking_panel_foot_txt + .un_washletRanking_panel_ratioArea_inner_function {
  margin-top: 15px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner .un_washletRanking_panel_ratioArea_inner_txt + .un_washletRanking_panel_ratioArea_inner_function {
  margin-top: 15px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner .un_washletRanking_panel_ratioArea_inner_function {
  display: flex;
  justify-content: flex-end;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner .un_washletRanking_panel_ratioArea_inner_function .un_washletRanking_panel_ratioArea_inner_function_list {
  background: #f2f2f2;
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 8px 12px;
  font-size: 15px;
}
.un_washletRanking_panel .un_washletRanking_panel_ratioArea .un_washletRanking_panel_ratioArea_inner .un_washletRanking_panel_ratioArea_inner_function .un_washletRanking_panel_ratioArea_inner_function_list + .un_washletRanking_panel_ratioArea_inner_function_list {
  margin-left: 10px;
}

/* 温水洗浄便座 メーカー別売れ筋ランキング */
.bl_mediaPanel + .un_washletRanking_attentionTxt {
  margin-top: 10px;
}
.un_washletRanking_attentionTxt {
  font-weight: bold;
  font-size: 14px;
}
.un_washletRanking_attentionTxt + .un_washletRanking_gradePanel_wrapper {
  margin-top: 10px;
}
.bl_mediaPanel + .un_washletRanking_gradePanel_wrapper {
  margin-top: 40px;
}
.un_washletRanking_gradePanel_wrapper + .un_washletRanking_gradePanel_wrapper {
  margin-top: 10px;
}
.un_washletRanking_gradePanel_wrapper {
  border: solid 1px #CCCCCC;
}
.un_washletRanking_gradePanel a {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #222;
  text-decoration: none;
}
.un_washletRanking_gradePanel .un_washletRanking_extentPanel_contents .un_washletRanking_extentPanel_contents_goods {
  padding: 10px 20px;
}
.un_washletRanking_gradePanel .un_washletRanking_extentPanel_contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 558px;
}
.un_washletRanking_extentPanel .un_washletRanking_extentPanel_contents_inner .un_washletRanking_extentPanel_contents_inner_txt p {
  padding-top: 10px;
}
.un_washletRanking_gradePanel .un_washletRanking_extentPanel_contents .un_washletRanking_extentPanel_contents_inner .un_washletRanking_extentPanel_contents_inner_hdg {
  font-weight: bold;
  font-size: 26px;
}
.un_washletRanking_gradePanel_rank + .un_washletRanking_extentPanel_contents {
  padding-left: 20px;
}

/* 知っていると役立つ！ウォシュレット購入前チェックポイント */
.g_b_box_3 {
  border: 1px solid #dcdcdc;
  padding: 20px;
}
.check_midashi {
  font-size: 20px;
  background-image: url(/wc/washlet/ranking/images/w_ranking_98.jpg);
  background-repeat: no-repeat;
  height: 50px;
  text-align: left;
  margin: 0px !important;
  padding-right: 0px;
  padding-left: 80px !important;
  padding-top: 11px;
  line-height: 54px;
}
.check_inf {
  padding: 10px 10px 5px 80px;
}