@charset "utf-8";
/* 商品詳細 */
.un_sharedDispoItem{
  display:flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 20px;
}
.un_sharedDispoItem.un_sharedDispoItem__noPadding {
  padding: 0;
}
.un_sharedDispoItem + .un_sharedDispoItem {
  border-top: 2px solid #ececec;
  padding-top: 30px;
  margin-top: 10px;
}
.un_sharedDispoItem .un_sharedDispoItem_itemImg_wrapper {
  flex:1;
  flex-shrink: 1;
  min-width: 70px;
}
.un_sharedDispoItem .un_sharedDispoItem_itemImg > img {
  max-width: 100%;
  height: auto;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea {
  margin-left: 30px;
  width: 570px;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec_specList_modelName{
  font-size:20px;
  font-weight: bold;
}
.un_sharedDispoItem_txtArea_spec_specList_zaiko {
  font-size:20px;
  font-weight: bold;
  color: var(--emphasisRed);
  margin-bottom: 2px;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec_specList_modelDetail{
  font-size:13px;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec .un_sharedDispoItem_txtArea_spec_specList {
  width: 45%;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec .un_sharedDispoItem_txtArea_spec_functionList {
  width: 55%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec .un_sharedDispoItem_txtArea_spec_functionList li{
  width:calc((100% + 5px) /2 - 5px);
  background-color: #CCCCCC;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-weight: bold;
  padding: 2px 5px;
  box-sizing: border-box;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec .un_sharedDispoItem_txtArea_spec_functionList .un_sharedDispoItem_txtArea_spec_functionList_highLight{
  background: #92D050;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_spec .un_sharedDispoItem_txtArea_spec_functionList li:not(:nth-last-child(-n+2)) {
  margin-bottom: 5px;
}
.un_sharedDispoItem .un_sharedDispoItem_txtArea_otherInfo_recoTxt {
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
  border-top: 1px dashed #ccc;
}
.un_sharedDispoItem .un_sharedDispoItem_detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_discount {
  display: inline-block;
  border: 2px solid #d70101;
  padding: 3px 20px;
  text-align: center;
  color: #d70101;
  font-weight: bold;
  font-size: 16px;
  margin-right: 15px;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_discount div[data-item-id] {
  font-size: 24px;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_price_inner {
  width: fit-content;
  text-align: right;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_price_discount {
  display: none;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_price_maker {
  margin-bottom: 5px;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_price_maker.un_sharedDispoItem_detail_price_maker__open {
  text-align: left;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_price_total {
  display: inline;
  font-size: 16px;
  color:#d70101;
  font-weight: bold;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_price_total div[data-item-id] {
  font-size: 30px;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_btn {
  box-sizing: border-box;
  text-align: center;
  background-color: var(--dekiruGreen);
  display: inline-block;
  color: #fff ;
  text-decoration: none;
  font-weight: bold;
  border-radius: 3px;
  padding: 6px 0;
  flex-grow: 1;
  margin-left: 15px;
  max-width: 182px;
}
.un_sharedDispoItem .un_sharedDispoItem_detail_btn:after {
  content:"\020\03e\020";
}

.un_sharedDispoItem .un_sharedDispoItem_detail_btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.un_sharedDispoItem + .el_hdg2 {
  margin-top: 30px;
}


/* ご利用までの流れ */

.un_sharedDispo_flowCardUnit{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  counter-reset: number 0;
  background:url(/disposer/img/disposer-change-10.png);
  background-repeat:no-repeat;
  }
.un_sharedDispo_flowCardUnit_leadTxt{
  text-align: center;
  margin: 10px 0 20px;
  font-size: 20px;
}
.un_sharedDispo_flowCardUnit_flowCardArea .un_sharedAllPage_flowCardUnit_wrapper {
  padding: 0;
}

.un_sharedDispo_flowCard{
  box-sizing: border-box;
  width:calc((100% + 20px) / 2 - 20px) ;
  border:1px solid #ccc;
  position:relative;
}

.un_sharedDispo_flowCard:nth-child(1) { order: 1; }
.un_sharedDispo_flowCard:nth-child(2) { order: 2; }
.un_sharedDispo_flowCard:nth-child(3) { order: 4; }
.un_sharedDispo_flowCard:nth-child(4) { order: 3; }


.un_sharedDispo_flowCard:not(:nth-last-child(-n+2)) {
    margin-bottom: 20px;
}
.un_sharedDispo_flowCard::before{
position:absolute;
content: "";
display: block;
left:0;top:0;width:0;height:0;border-style:solid;border-width:70px 70px 0 0;
border-color:#00b050 transparent transparent transparent;z-index:10;}

.un_sharedDispo_flowCard::after{
  position:absolute;
  counter-increment: number 1;
  content: counter(number);
  display:inline-block;
  white-space:pre;
  color:#fff;
  top:8px;
  left:10px;
  text-align:center;
  z-index:11;
  line-height:1.2;
  font-size:26px;
  font-weight:bold;
}


.un_sharedDispo_flowCard .un_sharedDispo_flowCard_title{
  background:#92d050;
  color:#fff;
  padding:10px 10px 10px 50px;
  box-sizing:border-box;
  font-weight:bold;
  font-size:18px;
  text-align:center;
}
.un_sharedDispo_flowCard .un_sharedDispo_flowCard_contents
{display:flex;
padding:20px 10px 10px;}

.un_sharedDispo_flowCard .un_sharedDispo_flowCard_img{flex-shrink: 0;}
.un_sharedDispo_flowCard .un_sharedDispo_flowCard_txt {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.un_sharedDispo_flowCard .un_sharedDispo_flowCard_tips{
  margin-top: 10px;
  color:#00b050;border:3px solid #00b050;border-radius:8px;padding:8px;text-align:center;font-weight:bold;font-size:15px;background:#fff;}

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

.un_sharedDispoItem + .bl_mediaPanel_wrapper + .el_btn_wrapper{
  margin-top:30px;
}

.el_3colBanner_wrapper + .el_hdg2{
  margin-top: 40px;
}
.un_sharedDispoItem_detail_readymadePrice {
  display: inline-block;
  border: 2px solid #d70101;
  padding: 10px 20px;
  text-align: center;
  color: #d70101;
  font-weight: bold;
  font-size: 16px;
  margin-right: 15px;
}
.un_sharedDispoItem + .el_hdg3 {
  margin-top: 10px;
}
.un_sharedDispo_transition {
  margin-top: 30px;
}