@charset "utf-8";


/*=======================================================
	花粉省 簡単セルフチェック
=======================================================*/
/* HTML内 インライン追記されていた箇所 */

.item_box.item3 .list_item_img img {
  max-width: none;
}
@media screen and (max-width: 700px){
  #brand_wrap img {
    max-width: 100% !important;
    height: auto !important;
  }
}
.mfp-bg {
  z-index: 5001042;
}
.mfp-wrap {
  z-index: 5001043;
}
.mfp-wrap.mfp-ready .mfp-content {
  margin-right: 10px;
  padding-bottom: 80px;
  width: 640px;
}

@media screen and (max-width: 700px){
  .mfp-wrap.mfp-ready .mfp-content {
    margin-right: 0;
    padding: 10px 10px 70px;
    width: auto;
  }
}

/*202104追記*/
.clean {
  flex: 1;
}
.item_clean:before {
  right: 200px;
  z-index: 3;
}
.item_info_clean_lead {
  left: 0;  
}
.item_list.list2 li {
  flex: auto;
  width: calc(100% - 180px);
}
.mask {
  width: 150px !important;
}
.popup_pickup_item_wrap > ul > li {
  width: 30%;
}
.popup_pickup_item_wrap > ul:before {
  top: 55px;
  right: 33%;
  width: 70px;
  height: 53px;
  background-size: contain;
} 
.popup_pickup_item_wrap > ul {
  margin: 20px 0 15px 0;
}

.popup_pickup_item_wrap > ul .item_img img {
  width: 80%;
  height: 100%;
  object-fit: contain;
 } 
@media screen and (min-width: 701px){
  .popup_pickup_item_wrap > ul .item_img img {
   width: 80%;
   height: 100%;
   object-fit: contain;
  } 
}
@media screen and (max-width: 700px){
  .item_list.list2 li {
    flex: 1;
    width: auto;
  }
  .item_list.list2 li {
    padding-right: 15%;
  }
  .item_list.list2 li.mask .item_type {
    margin-right: 0;
  }
  .clean .item_box.item1 {
    width: 45%;
  }  
  .mask {
    width: 100% !important;
  }
  .item_list.list2 li.mask .item_box {
    width: 46%;
  }
  .list2 li.mask:before {
    display: none;
  }
  .popup_pickup_item_wrap > ul {
    padding-bottom: 0;
  }
  .popup_pickup_item_wrap > ul > li {
    width: 48%;
    margin-bottom: 20px;
  }
  .popup_pickup_item_wrap > ul > li:last-child {
    margin-bottom: 0;
  }  
  .popup_pickup_item_wrap > ul:before {
    padding: 0 0 22%;
    top: 2%;
    right: 2%;
    width: 21%;
    height: 0;
    background-size: 100% auto;
  }
}

/*20220509追記*/
.clean_item {
  flex-wrap: wrap;
}
.item_clean:before {
  right: 0;
}
.mask_item {
  display: flex;
  justify-content: center;
}
.item3.item_box {
  margin: 0 0 0 5px;
}
@media screen and (max-width: 700px){
  .item_list.list2 li .item_box {
    margin: 0 auto;
    width: 85%;
  }
  .item_list.list2 li {
    padding-right: 0;
  }
  .item_list.list2 li .item_type {
    margin-right: 0;
  }
  .list2 li:before {
    top: auto;
    bottom: 25%;
    right: 10%;
  }
  .kirekira_wiper img {
    width: 25%;
  }
  .btm_item .item_list li{
    margin-bottom: 15px;
  }
}