@charset "utf-8";

/* アンカーリンク */
.bl_ancList.un_sharedBuiltInMaker_ancList.un_sharedBuiltInMaker_ancList__top li:nth-child(3) a.anc03:before {
  background: url(/kitchen/built_in/shared/img/anc_choise.png);
  width: 25px;
  height: 25px;
}
.bl_ancList.un_sharedBuiltInMaker_ancList li a:before {
  background:url(/kitchen/built_in/shared/img/anc_commentary.png);
  width: 25px;
  height: 19px;
}

.un_kitchenBuiltInRinnai_hdg {
  margin-top: -33px;
  z-index: -1;
  position: relative;
}

.page_link {
  display: flex;
  align-items: center;
  margin: 10px 0 30px;
}

.box-title01-2 {
  background: #D60201;
  color: #FFF;
  padding: 13px 8px 8px 20px;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #FB5D5C;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(230, 0, 0, .5) 1px, rgba(230, 0, 0, .5) 11px);
  text-shadow: 2px 1px 2px #9A0000;
}

.box_width_491 {
  width: 491px;
}

.h3_box-grey {
  background: #f7f7f7;
  padding: 20px;
}

.h3-midashi-01,
.h3-midashi-02,
.h3-midashi-03,
.h3-midashi-04 {
  display: flex;
  align-items: flex-end;
  margin-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 22px;
  color: #319b03;
  height: 50px;
  line-height: 1.3;
}

.h3-midashi-01 {
  background-image: url(/kitchen/built_in/rinnai/img/h3-before-01.png);
  padding-left: 85px;
}

.h3-midashi-02 {
  background-image: url(/kitchen/built_in/rinnai/img/h3-before-02.png);
  padding-left: 102px;
}

.h3-midashi-03 {
  background-image: url(/kitchen/built_in/rinnai/img/h3-before-03.png);
  padding-left: 102px;
}

.h3-midashi-04 {
  background-image: url(/kitchen/built_in/rinnai/img/h3-before-04.png);
  padding-left: 102px;
}

.h3-midashi-01>span,
.h3-midashi-02>span,
.h3-midashi-03>span,
.h3-midashi-04>span {
  margin-bottom: -6px;
}

.h3_box-bo-ccc {
  background: #fff;
  padding: 20px;
  border: solid 1px #ececec;
}

.un_kitchenBuiltInRinnnai_panelwrap {
  display: flex;
  justify-content: space-between;
}

.box-type {
  background: #fff;
  padding: 0px 20px 20px;
  border: solid 4px #ECECEC;
}

.box-type-midashi {
  display: inline-block;
  position: relative;
  top: -20px;
  background: #f4f4f4;
  border: 1px solid #ddd;
  padding: 10px 15px;
  margin: 0 0 -5px;
  color: var(--dekiruGreen);
  font-weight: bold;
  font-size: 16px;
}

.box-type-midashi span {
  font-size: 14px;
  color: #fff;
  background: var(--dekiruGreen);
  padding: 2px 8px;
  border-radius: 5px;
  margin-right: 10px;
}

.b-yellow {
  font-weight: bold;
  display: inline-block;
  background: linear-gradient(transparent 65%, yellow 65%);
}

.border_ver {
  border-right: 1px dashed #ccc;
}

.box-btn {
  width: 470px;
  margin-top: 15px;
  margin-left: auto;
}

.lyt_hdg {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lyt_hdg_icon {
  display: flex;
}

.lyt_hdg_icon div+div {
  margin-left: 5px;
}

.lyt_recommend {
  position: relative;
}

.lyt_recommend>img {
  position: absolute;
  top: -67px;
  right: 0;
}

/*リンナイフェア　PCバナー表示設定*/
#SP_MyEvent {
  display: none !important;
}

.new-point {
  background: #d70101;
  text-shadow: none;
  padding: 2px 10px 0 10px;
  margin-right: 2%;
  font-size: 17px;
  color: #FFF;
}

.bnr01 {
  position: relative;
  top: 0;
  right: 0;
}

.price01 {
  position: absolute;
  /* top: 10px; */
  left: 10px;
  bottom: 45px;
  letter-spacing: -2px;
  color: var(--emphasisRed);
}

.price03 {
  position: absolute;
  /* top: 10px; */
  left: 10px;
  bottom: 44px;
  letter-spacing: -2px;
  color: var(--emphasisRed);
}

.price04 {
  position: absolute;
  /* top: 10px; */
  right: 215px;
  bottom: 77px;
  letter-spacing: -1px;
  color: #333;
}

.price05 {
  position: absolute;
  /* top: 10px; */
  left: 280px;
  bottom: -5px;
  letter-spacing: -2px;
  color: var(--emphasisRed);
  font-size: 16px;
}

li.bnr01 a:hover img,
.bnr02 a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

li.bnr01 a:hover,
.bnr02 a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.bnr02 {
  position: relative;
  top: 0;
  right: 0;
}

.price02 {
  position: absolute;
  /* top: 10px; */
  left: 190px;
  bottom: 31px;
  letter-spacing: -1px;
  font-size: 18px;
}

.price02 {
  position: absolute;
  /* top: 10px; */
  left: 190px;
  bottom: 31px;
  letter-spacing: -1px;
  font-size: 18px;
}

.f_55 {
  font-size: 55px !important;
}

.bnr01 .f_50 {
  font-size: 50px !important;
}

.bnr01 .f_45 {
  font-size: 45px !important;
}

.un_builtInRinnai_mT10 {
  margin-top: 10px;
}

.un_builtInRinnai_mR3 {
  margin-right: 3px;
}

.un_builtInRinnai_priceFlex,
.un_builtInRinnai_priceFlex__S {
  display: flex;
  justify-content: center;
}

.un_builtInRinnai_price {
  padding-top: 15px;
  width: 105px;
  height: 90px;
  font-size: 17px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: 497px;
  top: 29px;
  color: #fff;
  background: var(--emphasisRed);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-shadow: 2px 2px 2px #af0303;
}

.un_builtInRinnai_priceTxt {
  font-size: 48px;
  font-weight: normal;
  letter-spacing: -1px;
  font-family: 'MS UI Gothic', 'Helvetica Neue', 'Arial';
}

.un_builtInRinnai_priceTxtPer {
  font-size: 20px;
}

.un_builtInRinnai_priceTxtOff {
  font-size: 20px;
  margin-top: 5px;
}

.un_builtInRinnai_price__S {
  padding-top: 13px;
  width: 98px;
  height: 85px;
  line-height: 14px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  background: var(--emphasisRed);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-shadow: 2px 2px 2px #af0303;
}

.un_builtInRinnai_priceTxt__S {
  font-size: 45px;
  font-weight: normal;
  letter-spacing: -1px;
  font-family: 'MS UI Gothic', 'Helvetica Neue', 'Arial';
}

.un_builtInRinnai_priceTxtItem__S {
  font-size: 11px;
  text-align: left;
  margin-left: 15px;
  margin-top: 2px;
}

.un_builtInRinnai_priceTxtPer__S {
  font-size: 15px;
  margin-right: 8px;
}

.un_builtInRinnai_priceTxtOff__S {
  font-size: 13px;
}

.un_builtInRinnai_recommend_cardUnit__col3 {
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.un_builtInRinnai_recommend_card {
  border: solid 2px #ccc;
  width: auto;
  margin: 0px 0 5px 8px;
  box-sizing: border-box;
  overflow: hidden;
}

.un_builtInRinnai_recommend_card a:active,
.un_builtInRinnai_recommend_card a:hover,
.un_builtInRinnai_recommend_card a:visited {
  color: var(--defaultTxtColor);
  text-decoration: none;
}

.un_builtInRinnai_recommend_card a:hover {
  opacity: 0.8;
}

.un_builtInRinnai_recommend_card_inner {
  padding: 12px;
  position: relative;
}

.un_builtInRinnai_recommend_card_disc {
  padding-top: 15px;
  width: 91px;
  height: 74px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: -7px;
  top: -7px;
  color: #fff;
  background: var(--emphasisRed);
  border-radius: 50%;
  text-shadow: 2px 2px 2px #af0303;
}

.un_builtInRinnai_recommend_card_disc span {
  display: block;
  font-size: 15px;
}

.un_builtInRinnai_recommend_card_disc div {
  display: flex;
  justify-content: center;
  width: 70px;
  margin: 0 0 0 8px;
}

.un_builtInRinnai_recommend_card_disc div[data-item-normal_discount] {
  font-size: 41px;
  font-weight: normal;
  letter-spacing: .1px;
  font-family: 'MS UI Gothic', 'Helvetica Neue', 'Arial';
  margin-top: 14px;
  display: inline;
}

.un_builtInRinnai_recommend_card_disc div p {
  margin-top: 8px;
  text-align: left;
}

.un_builtInRinnai_recommend_card_disc div p span {
  font-size: 18px;
  display: block;
}

.un_builtInRinnai_recommend_card_series {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -0.5px;
  margin-top: 10px;
  color: var(--defaultTxtColor);
}

.un_builtInRinnai_recommend_card_series div[data-item-code] {
  display: inline;
}

.un_builtInRinnai_recommend_card_dishstorage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}

.un_builtInRinnai_recommend_card_dishstorage p {
  font-size: 11px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 50%;
  margin-right: 10px;
  color: var(--defaultTxtColor);
}

.un_builtInRinnai_recommend_card_badgeSlideopen {
  font-size: 11px;
  background: #01a163;
  padding: 5px;
  color: #fff;
  border-radius: 2px;
  width: 50%;
}

.un_builtInRinnai_recommend_card_badgeFrontopen {
  font-size: 11px;
  background: #0a98ce;
  padding: 5px;
  color: #fff;
  border-radius: 2px;
  width: 50%;
}

.un_builtInRinnai_recommend_card_item img {
  margin: 5%;
  width: 90%;
  height: auto;
}

.un_builtInRinnai_recommend_card_komi_txt {
  font-weight: bold;
  margin-top: 10px;
  line-height: 1.35;
  font-size: 15px;
  color: var(--defaultTxtColor);
}

.un_builtInRinnai_recommend_card_komi_txt span {
  font-size: 18px;
}

.un_builtInRinnai_recommend_card_price {
  font-size: 13px;
  margin-top: 15px;
  color: var(--defaultTxtColor);
}

.un_builtInRinnai_recommend_card_price div[data-item-cost_taxin],
.un_builtInRinnai_recommend_card_price div[data-item-normal_price_taxin],
.un_builtInRinnai_recommend_card_price div[data-item-multiple-cost_taxin],
.un_builtInRinnai_recommend_card_totalprice div[data-item-multiple-normal-price_taxin] {
  display: inline;
}

.un_builtInRinnai_recommend_card_totalprice {
  margin-top: 10px;
  font-size: 32px;
  color: var(--emphasisRed);
  letter-spacing: -0.5px;
  text-align: center;
  margin: 13px 0 5px;
  line-height: 1.2;
  font-weight: bold;
}

.un_builtInRinnai_recommend_card_totalprice span {
  font-size: 15px;
}

.un_builtInRinnai_recommend_card_detail_btn {
  margin: 2px auto;
  height: 38px;
  line-height: 41px;
  color: var(--dekiruGreen);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  background: #eee;
  width: 98%;
  position: relative;
}

.un_builtInRinnai_recommend_card_detail_btn:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--dekiruGreen);
  border-top: 2px solid var(--dekiruGreen);
  margin-top: -4px;
  position: absolute;
  bottom: 14px;
  right: calc(100% - 188px);
  z-index: 100;
  transform: rotate(45deg);
}

.un_builtInRinnai_title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #555;
  background: #f4f4f4;
  padding: 10px;
  border: solid 1px #eaeaea;
}

.un_builtInRinnai_midashiTxt {
  display: block;
  margin-bottom: 10px;
}

.un_builtInRinnai_midashiTxt>div+div {
  margin-top: 20px;
}

.un_builtInRinnai_midashiTxt+.el_annotation.el_annotation__txtL {
  margin-top: 10px;
}

.un_builtInRinnai_series_icon {
  margin-bottom: 20px;
}

.pc_comment {
  color: #777;
  font-size: 11px;
  margin-top: 5px;
  text-align: right;
}

.plasma_txt {
  font-size: 10px;
  font-weight: 100;
  color: #222 !important;
}

.js_ukomiPaginationAdjust {
  margin-top: 30px;
}

#bnr-to-index {
  margin-bottom: 50px;
}

.un_builtInRinnai_card_img {
  padding: 10px 40px;
}

p+.bl_tabLinkUnit {
  margin-top: 20px;
}

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

.un_builtInRinnai_voice_wrapper {
  margin-top: 20px;
}

.un_builtInRinnai_voice_inner {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.un_builtInRinnai_voice_inner:last-child {
  margin-top: 0px;
}

.un_builtInRinnai_voice_inner div {
  width: calc(100% - 20px / 3 - 18px);
  margin-right: 5px;
  margin-bottom: 5px;
}

.un_builtInRinnai_voice_link {
  width: 216px;
  float: left;
  overflow: hidden;
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 10px;
  font-size: 12px;
  position: relative;
}

.un_builtInRinnai_voice_link a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.un_builtInRinnai_voice_ttl {
  color: var(--defaultTxtColor);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.un_builtInRinnai_voice_link .bl_mediaPanel_img {
  display: inline-block;
  float: right;
  margin-left: 10px;
}

.un_builtInRinnai_voice_btn {
  background: #ffffff;
  padding: 16px;
  border: solid 1px #ccc;
  font-weight: bold;
  text-align: center;
  width: 674px;
}

.un_builtInRinnai_specification_list_scroll {
  height: auto !important;
  overflow-x: auto;
}
.un_builtInRinnai_specification_list {
  margin-top: 10px;
  width: 999px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid var(--dekiruGreen);
}
.un_builtInRinnai_specification_list_col_label {
  width: 110px;
}
.un_builtInRinnai_specification_list_col_item {
  width: calc((999px - 100px) / 6);
}
.un_builtInRinnai_specification_list_col_item.un_builtInRinnai_specification_list_col_item__okatte {
  width: 75%;
}
.un_builtInRinnai_specification_list th {
  background: #d6ebc7;
  font-weight: normal;
  text-align: center;
  padding: 10px 0;
  border: 1px solid var(--dekiruGreen);
}

.un_builtInRinnai_specification_list .un_builtInRinnai_specification_list_line {
  vertical-align: middle;
}

.un_builtInRinnai_specification_list td {
  text-align: center;
  border: 1px solid var(--dekiruGreen);
  padding: 10px 8px;
  vertical-align: baseline;
  font-size: 13px;
}

.un_builtInRinnai_specification_list_ttl,
.un_builtInRinnai_specification_list_txt {
  font-weight: bold;
}

.un_builtInRinnai_specification_list_ttl+.bl_mediaPanel {
  margin-top: 5px;
}

.un_builtInRinnai_specification_list_txt__mT {
  margin-top: 5px;
}

.un_builtInRinnai_specification_list p {
  text-align: left;
}

.un_builtInRinnai_specification_list .un_builtInRinnai_specification_list__BgGreen {
  background: var(--subBgGreen);
  vertical-align: middle;
}

.un_builtInRinnai_underthesink_wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.un_builtInRinnai_underthesink_btn {
  width: 84%;
  margin-top: 10px;
}

.un_builtInRinnai_underthesink_btn+p {
  margin-top: 10px;
}

.un_builtInRinnai_cost {
  font-size: 32px;
}

.el_annotation.el_annotation__lGray+div {
  margin-top: 20px;
}

div+.bl_tipsPanel {
  margin-top: 30px;
}

.box-flex span {
  font-weight: bold;
}

.box-flex {
  display: flex;
}

.pc_comment+.el_hdg5 {
  margin-top: 10px;
}

.un_builtInRinnai_reviewAnchor {
  display: block;
  padding-top: 30px;
  margin-top: -30px;
}

.un_builtInRinnai_rinnaiRelatedInfo {
  margin-top: 30px;
}

/* スライドオープンかフロントオープンか選ぶ */
.un_kitchenBuiltInRinnai_choosePanelwrap {
  display: flex;
  justify-content: space-between;

  & + .bl_tipsPanel {
    margin-top: 50px;
  }
}

.un_kitchenBuiltInRinnai_choosePanel {
  width: calc(50% - 5px);
  margin-top: 20px;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  display: flex;
}

.el_hdg4 {
  & +.un_kitchenBuiltInRinnai_choosePanel_inner {
    margin-top: 10px;
  }
}

.un_kitchenBuiltInRinnai_choosePanel_inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.un_kitchenBuiltInRinnai_choosePanel .un_kitchenBuiltInRinnai_choosePanel_img {
  text-align: center;
}

.un_kitchenBuiltInRinnai_choosePanel .un_kitchenBuiltInRinnai_choosePanel_img +.un_kitchenBuiltInRinnai_choosePanel_txt {
  margin-top: 15px;
}

.un_kitchenBuiltInRinnai_choosePanel .un_kitchenBuiltInRinnai_choosePanel_txt {
  padding: 0 20px 0 12px;
  min-height: 111px;
}

.un_kitchenBuiltInRinnai_choosePanel {
  .un_kitchenBuiltInRinnai_chooseulanel_txt_details {    
    & li {
      text-indent: -14px;
      padding-left: 15px;

      & + li {
        padding-top: 3px;
      }
    }
  }
}

.un_kitchenBuiltInRinnai_choosePanel_txt +.un_kitchenBuiltInRinnai_choosePanel_detailsBtn {
  margin-top: 15px;
}

.un_kitchenBuiltInRinnai_choosePanel .un_kitchenBuiltInRinnai_choosePanel_txt .un_kitchenBuiltInRinnai_choosePanel_txt_details {
  flex: 1;
}

.un_kitchenBuiltInRinnai_choosePanel {
  .un_kitchenBuiltInRinnai_choosePanel_detailsBtn {
    & a {
      padding: 10px;
    }

    & + .un_kitchenBuiltInRinnai_choosePanel_detailsBtn {
      margin-top: 10px;
    }
  }
}

.un_kitchenBuiltInRinnai_choosePanel_txt_details +.un_kitchenBuiltInRinnai_choosePanel_detailsBtn {
  margin-top: 15px;
}

.un_kitchenBuiltInRinnai_typeTransition {
  padding-top: 20px;
}

/* 食洗機　お客様の声 */
.un_builtInRinnai_voice{
  padding:15px;
  box-sizing: border-box;
  background: #f7f7f7;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_cardUnit {
  display: flex;
  flex-wrap: wrap;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card {
  width: calc((100% - 76px) / 3);
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card:link,
.un_builtInRinnai_voice .un_builtInRinnai_voice_card:visited,
.un_builtInRinnai_voice .un_builtInRinnai_voice_card:active{
  text-decoration: none;
  color: var(--defaultTxtColor);
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card:nth-child(3n),
.un_builtInRinnai_voice .un_builtInRinnai_voice_card:nth-child(3n-1) {
  margin-left: 5px;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card:nth-child(n+4) {
  margin-top: 10px;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card .un_builtInRinnai_voice_card_pcTtl{
  font-weight: bold;
  font-size: 12px;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card .un_builtInRinnai_voice_card_inner {
  display: flex;
  justify-content: space-between;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card .un_builtInRinnai_voice_card_inner .un_builtInRinnai_voice_card_inner_txt {
  font-size: 12px;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card .un_builtInRinnai_voice_card_inner .un_builtInRinnai_voice_card_inner_txt .un_builtInRinnai_voice_card_inner_txt_spTtl{
  display: none;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card .un_builtInRinnai_voice_card_inner .un_builtInRinnai_voice_card_inner_txt::after{
  content: url(/common/img/icon/etc/target_blank.gif) "\020\03e\020";
  display: inline-block;
  white-space: pre;
}
.un_builtInRinnai_voice .un_builtInRinnai_voice_card .un_builtInRinnai_voice_card_inner .un_builtInRinnai_voice_card_inner_txt + .un_builtInRinnai_voice_card_inner_img{
  margin-left: 10px;
}
a:hover .un_builtInRinnai_voice_card_inner_img img {
  opacity: 1;
}
.un_builtInRinnai_voice_cardUnit + .el_btn3{
  margin-top:10px;
}
.un_builtInRinnai_panaRelatedInfo {
  margin-top: 10px;
}