/* ---------------------------------
  TOPページ
----------------------------------- */
.c-prdctnav--cepolage {
  background-image: url(../images/products/prdctnav/name_cepolage_uv.svg);
}
.p-top--03 .c-prdctnav__item li:nth-child(2) {
  padding-top: 0;
}
.p-top--03 .c-prdctnav--cepolage {
  background-size: 120px auto;
}

@media screen and (min-width: 768px) {
  .p-top--03 .c-prdctnav--cepolage {
    background-size: 200px auto;
  }
}

/* ---------------------------------
  PRODUCTSページ
----------------------------------- */
#products_homecare .c-prdctnav__item.cepo-un li:nth-child(3) {
  padding-top: 10px;
  height: 50px;
  background-position: top 5px center;
}

#products_homecare .c-prdctnav--cepolage {
  background-size: 110px auto;
}

@media screen and (min-width: 768px) {
  #products_homecare .c-prdctnav__item.cepo-un li:nth-child(3) {
    padding-top: 10px;
    height: 50px;
  }
  #products_homecare .c-prdctnav--cepolage {
    background-size: 120px auto;
  }
}

/* ---------------------------------
  BRANDページ
----------------------------------- */
.archive.tax-brand .c-prdctnav__item.cepo-un li:nth-child(3) {
  padding-top: 10px;
  height: 50px;
  background-position: top 5px center;
}

.archive.tax-brand .c-prdctnav--cepolage {
  background-size: 110px auto;
}

.archive.tax-brand .cepo-unveil .p-prdcthero--cepolage {
  background-image: url(../images/products/cepolage/sp-topbk-un.jpg);
}
.archive.tax-brand .cepo-unveil .p-prdcthero__title--cepolage {
  background-image: url(../images/products/cepolage/name_cepolage_uv_wh.svg);
  background-size: 250px auto;
  margin-bottom: 0;
  margin-top: 10px;
  height: 92px;
}
.archive.tax-brand .cepo-unveil .p-prdcthero__title--cepolage + p {
  margin-top: 0;
}
.archive.tax-brand .cepo-unveil .p-prdcthero--cepolage .p-prdcthero__title,
.p-prdcthero--cepolage-g .p-prdcthero__title {
  padding: 40px 20px 10px;
}

.archive.tax-brand .cepo-unveil .p-prdctdesc--cepolage {
  background-image: url(../images/products/cepolage/topbk2_un.jpg);
}
.archive.tax-brand .cepo-unveil .p-prdctdesc {
  padding-top: 40px;
}
.archive.tax-brand .cepo-unveil h3.cepolage {
  position: relative;
  display: inline-block;
  font-size: 28px;
  color: #80618f;
}

h4.cepolage {
  color: #80618f;
}
.archive.tax-brand .cepo-unveil h3.cepolage:before,
.archive.tax-brand .cepo-unveil h3.cepolage:after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.archive.tax-brand .cepo-unveil h3.cepolage:before {
  top: -5px;
  left: -20px;
  background-image: url(../images/products/cepolage/text-srt.svg);
}
.archive.tax-brand .cepo-unveil h3.cepolage:after {
  bottom: -3px;
  right: -16px;
  background-image: url(../images/products/cepolage/text-end.svg);
}
.archive.tax-brand .cepo-unveil .cepo-figure img {
  display: block;
  width: 260px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
}
.archive.tax-brand .cepo-unveil .cepo-figure + p {
  margin-top: 22px;
}
.archive.tax-brand .cepo-unveil .cepolage__parent + p {
  margin-bottom: 18px;
}

@media screen and (min-width: 768px) {
  .archive.tax-brand .c-prdctnav__item.cepo-un li:nth-child(3) {
    padding-top: 10px;
    height: 50px;
  }
  .archive.tax-brand .c-prdctnav--cepolage {
    background-size: 130px auto;
  }

  .archive.tax-brand .cepo-unveil .p-prdcthero--cepolage {
    background-image: url(../images/products/cepolage/topbk-un@2x.jpg);
  }
  .archive.tax-brand .cepo-unveil .p-prdcthero__title--cepolage {
    background-image: url(../images/products/cepolage/name_cepolage_uv_wh.svg);
    background-size: 250px auto;
    margin-bottom: 0;
    margin-top: 10px;
    height: 92px;
  }
  .archive.tax-brand .cepo-unveil .p-prdcthero__title--cepolage + p {
    margin-top: 0;
  }
  .archive.tax-brand .cepo-unveil .p-prdcthero--cepolage .p-prdcthero__title,
  .p-prdcthero--cepolage-g .p-prdcthero__title {
    padding: 40px 20px 10px;
  }
  .archive.tax-brand .cepo-unveil .p-prdcthero__image.js-slide--right img {
    display: none !important;
  }

  .archive.tax-brand .cepo-unveil .p-prdctdesc {
    padding-top: 58px;
  }
  .archive.tax-brand .cepo-unveil h3.cepolage {
    font-size: 34px;
  }
  .archive.tax-brand .cepo-unveil h3.cepolage:before,
  .archive.tax-brand .cepo-unveil h3.cepolage:after {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
  .archive.tax-brand .cepo-unveil h3.cepolage:before {
    top: -3px;
    left: -27px;
  }
  .archive.tax-brand .cepo-unveil h3.cepolage:after {
    bottom: 0;
    right: -15px;
  }
  .archive.tax-brand .cepo-unveil .cepo-figure img {
    width: 390px;
    max-width: calc(100% - 20px);
  }
  .archive.tax-brand .cepo-unveil .cepo-figure + p {
    margin-top: 24px;
  }
  .archive.tax-brand .cepo-unveil .cepolage__parent + p {
    margin-bottom: 20px;
  }
}