@charset "utf-8";
/* Eストアー配送物がない時用 */
.no-haiso .pc_view, .no-haiso .is-pc {display: none;}
.no-haiso .smp_view, .no-haiso .is-sp {display: inline;}
.no-haiso {
  margin: 2em 2vw;
  padding-bottom: 2vw;
  background-color: #3a8055;
  position: relative;
}
.no-haiso p {
  margin: 0;
}
.no-haiso::after {
  content: "";
  width: 60vw;
  height: 30vw;
  background-image: url("../img/otdk/no-haiso-img.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 2vw;
  right: calc(50% - 34vw);
  z-index: 2;
}
.no-haiso-ttl {
  padding: .2em 0;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.haiso-inner {
  width: 94%;
  margin: 0 auto;
  padding: 1em 2vw 30vw;
  background-color: #ffffff;
}
.haiso-inner p {
  font-size: 80%;
  /*letter-spacing: -0.5px;*/
}
@media screen and (min-width:480px) {
  .no-haiso .pc_view, .no-haiso .is-pc {display: inline;}
  .no-haiso .smp_view, .no-haiso .is-sp {display: none;}
  .no-haiso {
    width: 580px;
    margin: 30px auto;
    padding-bottom: 5px;
  }
  .no-haiso::after {
    width: 350px;
    height: 175px;
    bottom: 5px;
    right: calc(50% - 290px);
  }
  .no-haiso-ttl {
    padding: .5em 0;
  }
  .haiso-inner {
    padding: 1em 1em 85px;
  }
  .haiso-inner p {
    font-size: 100%;
    letter-spacing: 0;
  }
}