@charset "utf-8";

/* ビルボード */
.main_v {
  width: 100%;
  min-width: 950px;
  overflow: hidden;
  background: url(https://598xxw5e.cdn.imgeng.in/wc/img/index/mainV_2000_10yg.jpg?2025_0911) no-repeat center;
  margin-top: 10px;
}
.testSrv .main_v {
  background: url(/wc/img/index/mainV_2000_10yg.jpg?2025_0911) no-repeat center; /*プレビュー環境のビルボード画像*/
}
.previewSrv .main_v {
  background: url(/wc/img/index/mainV_2000_10yg.jpg?2025_0911) no-repeat center; /*制作開発環境のビルボード画像*/
}
.main_v_inner {
  width: 950px;
  height: 367px;
  margin: 0 auto;
  position: relative;
}
.frame_wrapper_3contents {
  width: 950px;
  height: 367px;
  margin: 0 auto;
  position: relative;
  padding-top: 9px;
}
.frame_wrapper_3contents div a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 185px;
  height: 100%;
  padding: 10px 7px 10px 10px;
  box-sizing: border-box;
  color: #555 !important;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}
.un_billboardProductsList .un_billboardProductsList_item > a {
  padding: 7px 10px !important;
}
.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;
}



/* メインビジュアル下 リンク */
.un_wcTop_listUnit {
  display: flex;
  padding: 20px calc((100% - var(--contentMaxWidth)) / 2);
  align-items: center;
  justify-content: space-between;
  background: var(--subBgGreen);
  min-width: 950px;
}
.un_wcTop_list {
  border: 1px solid var(--dekiruGreen);
  border-radius: 4px;
  color: var(--defaultTxtColor);
  font-weight: bold;
  position: relative;
  text-align: center;
}
.un_wcTop_list.un_wcTop_list__sp {
  display: none;
}
.un_wcTop_list:link,
.un_wcTop_list:visited,
.un_wcTop_list:active {
  color: var(--defaultTxtColor);
  text-decoration: none;
}
.un_wcTop_list.un_wcTop_list__pcNone,
.un_wcTop_list.un_wcTop_list__pcNone .un_wcTop_list_txt,
.un_wcTop_list.un_wcTop_list__pcNone .un_wcTop_list_txt::before {
  display: none;
}
.un_wcTop_list+.un_wcTop_list.un_wcTop_list__pcNone {
  margin-left: unset;
}
.un_wcTop_list_img {
  position: relative;
}
.un_wcTop_list_img .un_wcTop_list_img_label {
  background: #00000085;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  left: 5px;
  padding: 1px 7px;
  position: absolute;
  top: 4px;
  z-index: 2;
}
.un_wcTop_list_txt {
  background: #fff;
  border-radius: 0 0 4px 4px;
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 5px 10px 20px;
  position: absolute;
  width: 156px;
  z-index: 2;
}
.un_wcTop_list_txt::before,
.un_wcTop_list_txt::after {
  content: "";
  margin: auto;
  position: absolute;
}
.un_wcTop_list_txt::before {
  bottom: 8px;
  left: 82px;
  width: 15px;
  height: 17px;
  border-top: 3px solid var(--dekiruGreen);
  transform: rotate(150deg);
}
.un_wcTop_list_txt::after {
  bottom: 9px;
  left: 76px;
  width: 15px;
  height: 16px;
  border-right: 3px solid var(--dekiruGreen);
  transform: rotate(120deg);
}
.un_wcTop_list_txt p {
  display: flex;
}
.un_wcTop_list_txt .un_wcTop_list_txt_icon {
  margin-right: 3px;
}
.un_wcTop_listUnit+.ly_cont {
  margin-top: 30px;
}
.un_wcTop_jutakushoeneBnrArea + .el_hdg2 {
  margin-top: 30px;
}

.un_wcTop_list_topic_wrapper {
  display: none;
}
.un_modal_hundred_billion_bnrImg {
  margin-top: 20px;
}
.un_modal_hundred_billion_bnrImg + .el_hdg2 {
  margin-top: 30px;
}

@media screen and (max-width: 1280px) {
  .main_v {
    background: url(https://598xxw5e.cdn.imgeng.in/wc/img/index/mainV_1280_10yg.jpg?2024_1023) no-repeat center;
  }
  .testSrv .main_v {
    background: url(/wc/img/index/mainV_1280_10yg.jpg?2024_1023) no-repeat center;  /* プレビュー環境のビルボード画像 */
  }
  .previewSrv .main_v {
    background: url(/wc/img/index/mainV_1280_10yg.jpg?2025_0313) no-repeat center; /* 制作開発環境のビルボード画像 */
  }
}

@media screen and (max-width: 950px) and (min-width: 641px) {
  .main_v {
    position: relative;
    background: url(https://598xxw5e.cdn.imgeng.in/wc/img/index/mainV_1280_10yg.jpg?2024_1023) 0 0 no-repeat;
    background-position: center;
    height: 367px;
    width: 100%;
  }
  .testSrv .main_v {
    background: url(/wc/img/index/mainV_1280_10yg.jpg?2024_1023) no-repeat center; /* プレビュー環境のビルボード画像 */
  }
  .previewSrv .main_v {
    background: url(/wc/img/index/mainV_1280_10yg.jpg?2025_0313) no-repeat center; /* 制作開発環境のビルボード画像 */
  }
  .frame_wrapper_3contents div.price_box {
    right: 24%;
    left: auto !important;
  }
}

@media screen and (max-width: 1280px) and (min-width: 951px) {
  .frame_wrapper_3contents div.price_box {
    left: 895px;
  }
  .main_v {
    background: url(https://598xxw5e.cdn.imgeng.in/wc/img/index/mainV_1280_10yg.jpg?2024_1023) no-repeat center;
  }
  .testSrv .main_v {
    background: url(/wc/img/index/mainV_1280_10yg.jpg?2024_1023) no-repeat center; /* プレビュー環境のビルボード画像 */
  }
  .previewSrv .main_v {
    background: url(/wc/img/index/mainV_1280_10yg.jpg?2025_0313) no-repeat center; /* 制作開発環境のビルボード画像 */
  }
}

.un_wcTop_jutakushoeneBnrArea .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt,
.un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_item + .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_item {
  margin-top: 5px;
}
.un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_item {
  display: flex;
}
.un_wcTop_jutakushoeneBnrArea .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_item img + a {
  margin-left: 5px;
}
.un_wcTop_jutakushoeneBnrArea .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_link {
  text-decoration: underline;
  color: var(--defaultTxtColor);
}
.un_wcTop_jutakushoeneBnrArea .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt .un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_link:after {
  content: "\020\03e";
  white-space: pre;
}
.un_wcTop_link + .el_hdg2 {
  margin-top: 40px;
}

/* 交換できるトイレを確認 */
.un_wcTop_exchangeCheckCont_wrapper {
  padding: 0 20px;
}
.el_hdg5 + .un_wcTop_exchangeCheckCont {
  margin-top: 10px;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_txt + .un_wcTop_exchangeCheckCont_linkArea {
  margin-top: 10px;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea {
  display: flex;
  justify-content: space-between;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea .un_wcTop_exchangeCheckCont_linkArea_linkBtn {
  align-items: center;
  background: #fff;
  border: solid 3px #ccc;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 25px;
  padding: 10px;
  width: calc((100% - 10px) / 2);
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea a.un_wcTop_exchangeCheckCont_linkArea_linkBtn:link,
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea a.un_wcTop_exchangeCheckCont_linkArea_linkBtn:active {
  color: var(--defaultTxtColor);
  text-decoration: none;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea .un_wcTop_exchangeCheckCont_linkArea_linkBtn:hover {
  border: solid 3px var(--dekiruGreen);
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea .un_wcTop_exchangeCheckCont_linkArea_linkBtn .un_wcTop_exchangeCheckCont_linkArea_linkBtn_img .un_wcTop_exchangeCheckCont_linkArea_linkBtn_img_spImg {
  display: none;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea .un_wcTop_exchangeCheckCont_linkArea_linkBtn .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt {
  max-width: 80%;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea .un_wcTop_exchangeCheckCont_linkArea_linkBtn .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt_ttl {
  align-items: center;
  color: #226c01;
  display: flex;
  font-size: 17px;
  font-weight: bold;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea .un_wcTop_exchangeCheckCont_linkArea_linkBtn .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt_ttl + .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt_comment {
  margin-top: 10px;
}
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea a.un_wcTop_exchangeCheckCont_linkArea_linkBtn:link .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt_comment,
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea a.un_wcTop_exchangeCheckCont_linkArea_linkBtn:visited .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt_comment,
.un_wcTop_exchangeCheckCont .un_wcTop_exchangeCheckCont_linkArea a.un_wcTop_exchangeCheckCont_linkArea_linkBtn:active .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt .un_wcTop_exchangeCheckCont_linkArea_linkBtn_txt_comment {
  color: var(--defaultTxtColor);
  font-size: 13px;
}
.un_wcTop_exchangeCheckCont_wrapper + .el_hdg3 {
  margin-top: 30px;
}


/* ランキング */
.un_wcTop_ranking_wrapper {
  margin-top: 30px;
}
.un_wcTop_rankListAnnotation {
  text-align: right;
}
.el_hdg3 + .un_wcTop_rankList {
  margin-top: 20px;
}
.un_wcTop_rankList {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.un_wcTop_rankList .un_wcTop_rankList_item {
  border: #bebebe solid 1px;
  border-top: #bebebe solid 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 10px;
  position: relative;
  width: calc((100% + 10px) / 2 - 10px);
}
.un_wcTop_rankList .un_wcTop_rankList_item:nth-child(n+3) {
  margin-top: 10px;
  width: calc((100% + 10px) / 3 - 10px);
}
.un_wcTop_rankList .un_wcTop_rankList_item .un_wcTop_rankList_item_head {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: 5px;
  align-items: center;
}
.un_wcTop_rankList .un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_head {
  align-items: center;
  justify-content: center;
  padding-left: 15px;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_ribbon {
  position: absolute;
  top: 0;
  left: 0;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_ribbon > img {
  width: 80px;
  height: 80px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_ribbon > img {
  width: 70px;
  height: 70px;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName {
  display: flex;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName {
  align-items: center;
  flex-direction: column;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_logo {
  display: flex;
  height: 16px;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_logo img{
  height: 16px;
  width: auto;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_logo img{
  height: 13px;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_logo + .un_wcTop_rankList_item_head_logoAndSeriesName_seriesName {
  margin-left: 15px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_logo + .un_wcTop_rankList_item_head_logoAndSeriesName_seriesName {
  margin-left: 0;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_seriesName {
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_seriesName {
  margin: 5px 0;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_type {
  text-align: center;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_type p {
  border-radius: 3px;
  border: solid 1px #ccc;
  color: #222;
  font-weight: normal;
  font-size: 12px;
  display: inline-block;
  margin: 10px 0 5px;
  padding: 3px 15px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_type p {
  margin: 3px 0 5px;
}

.un_wcTop_rankList_item .un_wcTop_rankList_item_body {
  border-top: 2px solid #dfdfdf;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 5px;
  padding-top: 8px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body {
  padding-top: 0;
}
.un_wcTop_rankList_item .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch {
  border-bottom: 2px solid #dfdfdf;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch {
  border-bottom: none;
  flex-direction: column;
  margin-bottom: 0;
  padding-bottom: 0;
}
.un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_imgArea {
  text-align: center;
}
.un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_imgArea a {
  display: block;
}
.un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_imgArea .un_wcTop_rankList_item_body_catch_imgArea_img {
  height: auto;
  width: 110px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_imgArea .un_wcTop_rankList_item_body_catch_imgArea_img {
  width: 180px;
}
.un_wcTop_rankList_item_body_catch_imgArea .un_wcTop_rankList_item_body_catch_imgArea_img.un_wcTop_rankList_item_body_catch_imgArea_img__sp {
  display: none;
}
.un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_txt {
  font-size: 12px;
  margin-left: 20px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_txt {
  margin: 10px 0;
}
.un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review {
  margin: 10px 0 20px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review {
  margin: 5px 0;
}
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review .ukomiAvr_wrapper{
  font-weight: bold;
  color: #777;
}
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review [data-review-name] {
  font-size: 18px;
}
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review .review-summary-container {
  background: transparent;
  text-align: left !important;
}
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review .review-summary-container .ukomistarRatingSummarySection {
  padding-top: 0 !important;
}
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review .review-summary-container .ukomistarRatingSummarySection .starRating {
  padding: 0 !important;
}
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review .review-summary-container .ukomistarRatingSummarySection .starRating .reviewNumber {
  font-size: 16px !important;
  color: #777 !important;
}
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review .review-summary-container .ukomistarRatingSummarySection .starRating .fa-star,
.un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_review .review-summary-container .ukomistarRatingSummarySection .starRating .fa-star-half-o {
  font-size: 20px !important;
}
.un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_link {
  font-weight: bold;
  text-align: right;
  text-decoration: underline;
}
.un_wcTop_rankList_item_body_catch .un_wcTop_rankList_item_body_catch_txt .un_wcTop_rankList_item_body_catch_txt_link a {
  color: #222;
  font-size: 14px;
}
.un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_discPercent {
  padding-top: 11px;
  width: 75px;
  height: 75px;
  box-sizing: border-box;
  line-height: 15px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #d70000;
  text-shadow: 2px 2px 2px #af0303;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  right: 9px;
  bottom: 80px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_discPercent {
  bottom: 85px;
}
.un_wcTop_rankList_item_body_discPercent .un_wcTop_rankList_item_body_discPercent_cont .un_wcTop_rankList_item_body_discPercent_cont__open {
  padding-top: 14px;
  line-height: 17px;
}
.un_wcTop_rankList_item_body_discPercent .un_wcTop_rankList_item_body_discPercent_cont .un_wcTop_rankList_item_body_discPercent_cont_num {
  display: inline;
  font-size: 38px;
  font-weight: normal;
  letter-spacing: -1px;
  font-family: "MS UI Gothic", "Helvetica Neue", "Arial";
  line-height: 24px;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_hdg {
  align-items: center;
  background-color: var(--secondBgColor);
  display: flex;
  margin-bottom: 5px;
  padding: 10px 0 10px 90px;
  position: relative;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_hdg {
  margin-bottom: 5px;
  padding-left: 75px;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_hdg img {
  left: 5px;
  position: absolute;
  top: -17px;
  z-index: 1;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_hdg img {
  height: auto;
  top: 0;
  width: 60px;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_hdg .un_wcTop_rankList_item_body_contWrapper_hdg_txt {
  font-size: 15px;
  font-weight: bold;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_hdg .un_wcTop_rankList_item_body_contWrapper_hdg_txt.un_wcTop_rankList_item_body_contWrapper_hdg_txt__font {
  font-size: 14px;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_productCode {
  font-size: 12px;
}
.un_wcTop_rankList_item:nth-child(-n+2) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_productCode {
  display: none;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_productCode + .un_wcTop_rankList_item_body_contWrapper_ctn {
  margin-top: 5px;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_ctn {
  display: flex;
  font-size: 12px;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_ctn {
  flex-direction: column;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_ctn  .un_wcTop_rankList_item_body_contWrapper_ctn_img img {
  height: auto;
  width: 120px;
}
.un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_ctn  .un_wcTop_rankList_item_body_contWrapper_ctn_img + .un_wcTop_rankList_item_body_contWrapper_ctn_code {
  margin-left: 10px;
}
.un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_ctn .un_wcTop_rankList_item_body_contWrapper_ctn_code {
  max-width: 40%;
  word-break: break-all;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_body .un_wcTop_rankList_item_body_contWrapper .un_wcTop_rankList_item_body_contWrapper_ctn .un_wcTop_rankList_item_body_contWrapper_ctn_code {
  display: none;
}

.un_wcTop_rankList_item_foot {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -10px -10px;
  padding: 15px 10px 10px;
}
.un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_totalPrice {
  font-size: 14px;
  font-weight: bold;
  color: var(--emphasisRed);
  line-height: 1.3;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_totalPrice {
  font-size: 11px;
}
.un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_totalPrice .un_wcTop_rankList_item_foot_totalPrice_num {
  font-size: 28px;
  display: inline;
}
.un_wcTop_rankList_item:nth-child(n+3) .un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_totalPrice .un_wcTop_rankList_item_foot_totalPrice_num {
  font-size: 22px;
}
.un_wcTop_rankList_item_foot_btn {
  display: flex;
  align-items: flex-end;
}
.un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_btn > a {
  padding: 10px 26px 10px 13px;
  border-radius: 3px;
  text-decoration: none;
  color: #fff;
  background: #40b11d;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
  position: relative;
}
.un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_btn > a:not(.hp_pcNone) {
  display: block;
}
.un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_btn > a:hover {
  opacity: 0.8;
  color: #fff;
  text-decoration: none;
}
.un_wcTop_rankList_item_foot .un_wcTop_rankList_item_foot_btn > a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 8px;
  z-index: 2;
  transform: rotate(45deg);
}

.un_wcTop_ranking_wrapper + .el_hdg3 {
  margin-top: 30px;
}

.un_wcTop_rankList_item .un_wcTop_rankList_item_head .un_wcTop_rankList_item_head_logoAndSeriesName .un_wcTop_rankList_item_head_logoAndSeriesName_logo .un_wcTop_rankList_item_head_logoAndSeriesName_logo_img.un_wcTop_rankList_item_head_logoAndSeriesName_logo_img__logoLong {
  max-width: 87px;
  max-height: 15px;
}


/* 人気のトイレシリーズ一覧 */
.el_hdg5 + .un_wcTop_popularityCardUnit{
  margin-top: 10px;
}
.un_wcTop_popularityCardUnit{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.un_wcTop_popularityCard{
  position: relative;
  width: calc((100% - 30px)/ 4);
  box-sizing: border-box;
  border: 1px solid var(--dekiruGreen);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.un_wcTop_popularityCard:link,
.un_wcTop_popularityCard:visited,
.un_wcTop_popularityCard:hover{
  color: var(--defaultTxtColor);
  text-decoration: none;
}
.un_wcTop_popularityCard:after{
  content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    right: 3px;
    bottom: 3px;
    background: linear-gradient(-45deg, var(--dekiruGreen) 0, var(--dekiruGreen) 50%, transparent 50%, transparent 100%);
}
.un_wcTop_popularityCard:nth-child(n+2){
  margin-left: 10px;
}
.un_wcTop_popularityCard .un_wcTop_popularityCard_img img {
  height: auto;
  max-width: 100%;
}
.un_wcTop_popularityCard .un_wcTop_popularityCard_inner {
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.un_wcTop_popularityCard .un_wcTop_popularityCard_inner .un_wcTop_popularityCard_inner_ttl{
  font-weight: bold;
}
.un_wcTop_popularityCard .un_wcTop_popularityCard_inner .un_wcTop_popularityCard_inner_txt{
  flex:1;
  font-size: 12px;
}
.un_wcTop_popularityCardUnit + .el_hdg3{
  margin-top: 30px;
}


/* 内装工事付き！まるごとリフォームのプランはこちら リンクボタン */
.un_wcTop_planPanel_wrapper {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
.un_wcTop_planPanel_wrapper + #to_wc_makerFunctionChoice {
  margin-top: 40px;
}
.un_wcTop_planPanel {
  margin-left: 20px;
}
.un_wcTop_planPanel:first-child {
  margin-left: unset;
}
.un_wcTop_planPanel .un_wcTop_planPanel_video > .el_youtube > .un_wcTop_planPanel_video_img {
  width: 312px;
  height: auto;
}
.un_wcTop_planPanel .un_wcTop_planPanel_img {
  text-align: center;
}
.un_wcTop_planPanel .un_wcTop_planPanel_img img {
  width: 220px;
  height: auto;
}
.un_wcTop_planPanel .un_wcTop_planPanel_video + .un_wcTop_planPanel_img {
  margin-top: 10px;
}
.un_wcTop_planPanel {
  position: relative;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner::before,
.un_wcTop_planPanel .un_wcTop_planPanel_banner::after {
  position: absolute;
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  border: 8px solid;
  transform: rotate(-135deg);
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner::before {
  border-color: transparent transparent #bab58b #bab58b;
  right: 35px;
  top: 57px;
  z-index: 1;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner.un_wcTop_planPanel_banner__arrow::before {
  right: 28px;
  top: 30px;
  border: 5px solid;
  border-color: transparent transparent #bab58b #bab58b;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner::after {
  border-color: transparent transparent #565441 #565441;
  right: 20px;
  top: 57px;
  z-index: 1;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner.un_wcTop_planPanel_banner__arrow::after {
  right: 17px;
  top: 30px;
  border: 5px solid;
  border-color: transparent transparent #565441 #565441;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner.un_wcTop_planPanel_banner__arrow::before,
.un_wcTop_planPanel .un_wcTop_planPanel_banner.un_wcTop_planPanel_banner__arrow::after {
  width: 15px;
  height: 15px;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner img {
  margin-top: 10px;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner .un_wcTop_planPanel_banner_txt {
  position: absolute;
  font-weight: bold;
  color: #54513d;
  font-size: 18px;
  padding-left: 93px;
  padding-top: 38px;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner .un_wcTop_planPanel_banner_txt.un_wcTop_planPanel_banner_txt__vary {
  padding-left: 132px;
  padding-top: 10px;
  font-size: 16px;
}
.un_wcTop_planPanel .un_wcTop_planPanel_banner:first-child img {
  margin-top: unset;
}
.un_wcTop_planPanel_wrapper + .el_hdg2 {
  margin-top: 40px;
}
/* トイレ見積りは費用全部込み！ */
.un_wcTop_annivesaryImg_wrapper {
  display: none;
}
.el_btn3_wrapper + .un_wcTop_gacchiriLinkBanner {
  display: block;
  margin-top: 30px;
} 
.un_wcTop_gacchiriLinkBanner .un_wcTop_gacchiriLinkBanner_sp {
  display: none;
}
.un_wcTop_gacchiriLinkBanner + .hp_spNone .bl_panel.bl_panel__banner {
  margin-top: 30px;
}


/* お住まいに合わせたトイレリフォーム */
.un_wcTopContentsUnit_wrapper {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.un_wcTopContentsUnit {
  display: flex;
  padding: 20px 20px 0;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
.un_wcTopContentsUnit.un_wcTopContentsUnit__col3 .un_wcTopContents {
  width: calc((100% + 5px) / 3 - 5px);
}
.un_wcTopContentsUnit.un_wcTopContentsUnit__col3 .un_wcTopContents:nth-child(n + 4) {
  margin-top: 5px;
}
.un_wcTopContents {
  position: relative;
  box-sizing: border-box;
  border: solid 2px #ececec;
  padding: 10px;
  background-color: #fff;
}
.un_wcTopContents a:link,
.un_wcTopContents a:visited,
.un_wcTopContents a:hover {
  text-decoration: none;
  color: var(--defaultTxtColor);
}
.un_wcTopContents .un_wcTopContents_img {
  text-align: center;
}
.un_wcTopContents .un_wcTopContents_img img {
  height: auto;
  max-width: 100%;
}
.un_wcTopContents .un_wcTopContents_img+.un_wcTopContents_txt {
  margin-top: 10px;
}
.un_wcTopContents .un_wcTopContents_txt {
  font-size: 12px;
}
.un_wcTopContents .un_wcTopContents_ttl {
  font-weight: bold;
  font-size: 14px;
}
.un_wcTopContents::after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  right: 3px;
  bottom: 3px;
  background: linear-gradient(-45deg, var(--dekiruGreen) 0, var(--dekiruGreen) 50%, transparent 50%, transparent 100%);
}
.un_wcTopContentsUnit_wrapper + .el_hdg2 {
  margin-top: 40px;
}


/* 工事エリア・10年保証・支払方法バナー */
.un_sharedAll_areaList2Unit + .un_wcTop_3colLinkBanners {
  margin-top: 30px;
}
.un_wcTop_2colBanner_wrapper{
  display: none;
}
.un_wcTop_2colBanner_wrapper + .bl_panel.bl_panel__banner {
  margin-top: 20px;
}


/* 交換できるくんを選ぶ理由、それはただ安いだけではありません！ */
.un_wcTop_movie_wrapper {
  background: #f7f7f7;
  padding: 15px;
  margin-bottom: 30px;
}
.un_wcTop_movie_inner {
  background: #fff;
  padding: 15px;
  margin: 10px;
}
.un_wcTop_movie_inner .un_wcTop_movie_spTxt {
  display: none;
}
.un_wcTop_movie_line {
  border-top: solid 1px #ccc;
  margin: 20px 0;
}
.un_wcTop_movie_mediaPanel {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
.un_wcTop_movie_mediaPanel .un_wcTop_movie_img {
  flex-shrink: 0;
  max-width: 50%;
}
.un_wcTop_movie_txt a {
  font-size: 16px;
  color: var(--defaultTxtColor);
  font-weight: bold;
}
.un_wcTop_movie_txt a:hover,
.un_wcTop_movie_txt a:link,
.un_wcTop_movie_txt a:active {
  color: var(--defaultTxtColor);
  text-decoration: none;
}
.un_wcTop_movie_txt p {
  margin-top: 10px;
}
.un_wcTop_movieSp {
  display: none;
}


/* お客様の声インタビュー・現場レポート */
.un_wcTop_reportCardUnit_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  padding: 20px 12px 12px 12px;
}
.un_wcTop_reportCardUnit_wrapper>.un_wcTop_reportCardUnit_card:nth-of-type(-n + 3) {
  margin-top: 0;
}
.un_wcTop_reportCardUnit_wrapper>.un_wcTop_reportCardUnit_card {
  border: 1px solid #ececec;
  box-sizing: border-box;
  padding: 10px;
  width: calc((100% - 10px) / 2);
}
.un_wcTop_reportCardUnit_card a {
  display: flex;
}
.un_wcTop_reportCardUnit_card a:link,
.un_wcTop_reportCardUnit_card a:active,
.un_wcTop_reportCardUnit_card a:hover,
.un_wcTop_reportCardUnit_card a:visited {
  text-decoration: none;
  color: var(--defaultTxtColor);
}
.un_wcTop_reportCardUnit_card .un_wcTop_reportCardUnit_img+.un_wcTop_reportCardUnit_interview_txt,
.un_wcTop_reportCardUnit_card .un_wcTop_reportCardUnit_img+.un_wcTop_reportCardUnit_fieldreport_txt {
  margin-top: 0px;
  font-size: 12px;
}
.un_wcTop_reportCardUnit_interview_txt,
.un_wcTop_reportCardUnit_fieldreport_txt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  margin-left: 10px;
}
.un_wcTop_reportCardUnit_interview_txt p,
.un_wcTop_reportCardUnit_fieldreport_txt p {
  margin-top: 10px;
}
.un_wcTop_reportCardUnit_interview_txt span {
  background: #f3f3f3;
  padding: 3px 6px 2px;
  font-size: 13px;
}
.un_wcTop_reportCardUnit_fieldreport_txt span {
  font-size: 13px;
  background: #f3f3f3;
  padding: 3px 6px 2px;
}
.un_wcTop_reportCardUnit_wrapper+.el_btn3_wrapper {
  margin-top: 5px;
}


/* 「実物を見ながら検討したい」「担当者と直接会って相談したい」というお客様 */
h2.un_wcTopShowroom_head {
  background: #d6ebcd;
  background: repeating-linear-gradient(-45deg, #d6ebcd 0, #d6ebcd 2px, #d9eec0 2px, #d9eec0 4px);
  color: var(--dekiruGreen);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 40px;
  padding: 19px 10px 14px 20px;
  text-align: left;
}
.un_wcTopShowroom_head .un_wcTopShowroom_head_emphasize {
  font-size: 20px;
}
.un_wcTop_invitation_wrapper{
  display: flex;
  justify-content: space-between;
  border: var(--defaultBorder);
  padding: 20px;
  border-top: none;
  margin-bottom: 30px;
}
.un_wcTop_invitation_txt{
  margin-right: 20px;
}
.un_wcTop_invitation_sr_btn{
  margin-top: 10px;
}
.un_wcTop_invitation_img {
  display: flex;
}
.un_wcTop_invitation_img img:first-child {
  margin-right: 15px;
}
.un_wcTop_invitation_linkBtn {
  display: none;
}
.un_wcTop_transition + .el_hdg2 {
  margin-top: 40px;
}

/* トイレリフォームの費用相場 */
.el_hdg2 + .un_wcTop_pieChart_wrapper {
  margin-top: 20px;
}

.un_wcTop_pieChart {
  display: flex;
}

.un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_item {
  display: flex;
  align-items: flex-start;
}
.un_wcTop_jutakushoeneBnrArea_iconAndLinkTxt_item a {
  margin-left: 8px;
}