@charset "utf-8";

.trouble_intro .ttl {
    position: relative;
  }

.trouble_intro .ttl span {
      position: relative;
    }

.trouble_intro .ttl span::before {
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        background-image: url(../img/waterpipe/snow_01.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0.10rem;
        left: -0.50rem;
      }

.trouble_intro .list .txt {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      text-align: left;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

.trouble_intro .list .txt img {
        width: 0.80rem;
        display: block;
        padding-left: 0.20rem;
        padding-right: 0.10rem;
      }

@media screen and (max-width: 640px) {

.trouble_intro .list .txt img {
          width: 0.40rem;
      }
        }


.price_list .list .detail .txt_box .price_ttl {
          font-size: 0.30rem;
        }


@media screen and (max-width: 640px) {


.price_list .list .detail .txt_box .price_ttl {
            font-size: 0.18rem;
        }
          }


.price_list .list .detail .txt_box .price {
          bottom: 50%;
          -webkit-transform: translateY(50%);
                  transform: translateY(50%);
        }


.price_list .attention {
    background-color: #FFF;
    border-radius: 0.10rem;
    padding: 0.20rem;
    margin-top: 0.20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }


@media screen and (max-width: 640px) {


.price_list .attention {
      margin-top: 0.10rem;
  }
    }


.price_list .attention .icon {
      width: 1.00rem;
    }


@media screen and (max-width: 640px) {


.price_list .attention .icon {
        width: 0.50rem;
    }
      }


.price_list .attention .txt {
      width: calc(100% - 1.20rem);
      font-size: 0.26rem;
      font-weight: 700;
      color: #01456c;
      line-height: 1.3;
    }


@media screen and (max-width: 640px) {


.price_list .attention .txt {
        width: calc(100% - 0.70rem);
        font-size: 0.16rem;
    }
      }
/*# sourceMappingURL=watertap-dist.css.map */