@charset "utf-8";
/* CSS Document */
/* - pawcare.css - */
.pawcare .btnbox {
  margin: calc(60 / 750 * 100%) auto 0;
}
.pawcare__fixbg {
  position: relative;
}
.pawcare__fixbgcontent {
  position: relative;
  z-index: 3;
  display: block;
  margin: 0 auto;
  max-width: 1200px;
}
.pawcare__fixbginner {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip-path: inset(0);
  z-index: 1;
  background-color: #fff;
}
.pawcare__fixbgimage {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-image: url(img/pawcare_07_bg.jpg);
   background-size: cover;
   background-position: center;
   z-index: 1;
  opacity: 0.4;
}
/*----------------------------------------------*/
.product__dataname--shampoo {
  display: block;
  background-color: #fff;
  background-color: #ffffff;
  color: var(--c-or);
  border: 1px solid var(--c-or);
  background-image: url(../../shared/img/dot_line_or.svg);
  background-repeat: no-repeat;
  -webkit-background-size: auto 2px;
  background-size: auto 2px;
  background-position: bottom center;
  text-align: center;
  font-size: var(--fs-28);
  box-sizing: border-box;
  padding: calc(20 / 670 * 100%);
  position: relative;
  font-weight: 500;
}
.product__dataname--shampoo:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 3;
  background: #fff;
}

.product__btn--shampoo {
  display: block;
  margin: calc(60 / 670 * 100%) auto;
  width: calc(570 / 670 * 100%);
}
.product__btn--shampoo .btn--cart {
  padding: calc(50 / 750 * 100%);
}
.product__boxtext {
  font-size: var(--fs-22);
  line-height: calc(32 / 22 * 1em);
  margin: calc(60 / 670 * 100%) auto 0;
}
.product__boxtext .ic--sq {
  background: #fff;
}
.product__boxtext + .product__title {
  margin-top: calc(120 / 670 * 100%) ;
}
/*----------------------------------------------*/
@media screen and (min-width:1000px){
  .pawcare .btnbox {
  margin: 60px auto 0;
}
  .pawcare--01 {
    max-width: 1600px;
    display: block;
    margin: 0 auto;
  }
  .pawcare--02 {
    background: var(--c-lgr);
    box-sizing: border-box;
    padding: 120px 0;
  }
  .pawcare--02 > div {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
  }
  .pawcare__box {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .pawcare--05 {
    box-sizing: border-box;
    padding: 0;
    background: url(img/pawcare_05_bg.png) repeat-x bottom center;
    margin: 0 auto;
  }
  .pawcare--05 > div {
    max-width: 1400px;
    margin: 0 auto;
    display: block;
  }
  .pawcare--06 {
    display: block;
    max-width: 1080px;
    margin: 120px auto;
  }

    .product__btn--shampoo {
  display: block;
  margin: 40px auto;
  width: 380px;
}
.product__btn--shampoo .btn--cart {
  padding: 14px;
}
.product__boxtext {
  font-size: var(--fs-14);
  line-height: calc(24 / 14 * 1em);
  margin: 40px auto 0;
}
.product__boxtext + .product__title {
  margin-top: 120px ;
}
  .product__dataname--shampoo {
    font-size: var(--fs-18);
    padding: 10px;
    -webkit-background-size: auto 3px;
    background-size: auto 3px;
  }
}