@keyframes fadeInSF2506F {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-lower p {
  margin: 0;
}
.pdp .pdpMain .content-asset .cSectionTitle-title {
  font-feature-settings: "palt";
}
.pdp .pdpMain .content-asset .cSmallTitle {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .cSmallTitle {
    margin-bottom: 3.6231884058vw;
  }
}
.pdp .pdpMain .content-asset .cButton {
  margin-inline: auto;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset p.cButton-text {
    font-size: 3.1400966184vw;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-upper-copy {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-upper-copy + .pdp-cont-upper-copy {
    margin-top: 5.3140096618vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-img.--flex {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-img.--flex {
    gap: 2.4154589372vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements {
    margin-top: 24.154589372vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-tab {
  display: flex;
  gap: 4px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-tab {
    gap: 0.9661835749vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-tab a {
  opacity: 0.3;
}
.pdp .pdpMain .content-asset .pdp-cont-elements-tab a.current {
  opacity: 1;
  pointer-events: none;
}
.pdp .pdpMain .content-asset .pdp-cont-elements-cont {
  display: none;
}
.pdp .pdpMain .content-asset .pdp-cont-elements-cont.--active {
  display: block;
  animation: fadeInSF2506F 1s ease;
}
.pdp .pdpMain .content-asset .pdp-cont-elements-type {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 15px;
  font-family: "Hiragino Kaku Gothic W5 JIS2004", sans-serif;
  font-size: 24px;
  line-height: 1.3333333333;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-type {
    gap: 2.4154589372vw;
    margin-block: 12.077294686vw 3.6231884058vw;
    font-size: 5.7971014493vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-type small {
  color: #888;
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-type small {
    font-size: 2.8985507246vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-img {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-img {
    margin-bottom: 8.4541062802vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-btn {
  margin-top: 70px;
  padding-top: 50px;
  border-top: 1px solid rgba(214, 214, 214, 0.6);
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-btn {
    margin-top: 16.9082125604vw;
    padding-top: 12.077294686vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-anchor {
  position: relative;
  margin-top: -31px;
  padding-top: 81px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-anchor {
    margin-top: -7.4879227053vw;
    padding-top: 19.5652173913vw;
  }
}
.pdp .pdpMain .content-asset #a-awake,
.pdp .pdpMain .content-asset #a-rest {
  position: absolute;
  top: 0;
}
.pdp .pdpMain .content-asset #a-awake-tab,
.pdp .pdpMain .content-asset #a-rest-tab {
  margin-inline: -55px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset #a-awake-tab,
  .pdp .pdpMain .content-asset #a-rest-tab {
    margin-inline: -4.1062801932vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-awake,
.pdp .pdpMain .content-asset .pdp-cont-elements-rest {
  padding-top: 50px;
  padding-inline: 55px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-awake,
  .pdp .pdpMain .content-asset .pdp-cont-elements-rest {
    padding-top: 12.077294686vw;
    padding-inline: 4.1062801932vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-awake .cSectionTitle:first-child,
.pdp .pdpMain .content-asset .pdp-cont-elements-rest .cSectionTitle:first-child {
  margin-top: 0;
}
.pdp .pdpMain .content-asset .pdp-cont-elements-awake .cSmallTitle,
.pdp .pdpMain .content-asset .pdp-cont-elements-rest .cSmallTitle {
  margin-block: 70px 40px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-awake .cSmallTitle,
  .pdp .pdpMain .content-asset .pdp-cont-elements-rest .cSmallTitle {
    margin-block: 16.9082125604vw 9.6618357488vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-awake .pdp-cont-img,
.pdp .pdpMain .content-asset .pdp-cont-elements-rest .pdp-cont-img {
  margin-block: 38px 40px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-awake .pdp-cont-img,
  .pdp .pdpMain .content-asset .pdp-cont-elements-rest .pdp-cont-img {
    margin-block: 9.1787439614vw 9.6618357488vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-elements-rest {
  padding-bottom: 70px;
  background-color: #DCDDDD;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-elements-rest {
    padding-bottom: 16.9082125604vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-gel .pdp-cont-img {
  margin-block: 30px 60px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-gel .pdp-cont-img {
    margin-block: 7.2463768116vw 14.4927536232vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-gel-img {
  margin-block: 40px 30px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-gel-img {
    margin-block: 9.6618357488vw 7.2463768116vw;
  }
}
.pdp .pdpMain .content-asset p.pdp-cont-gel-b {
  margin-bottom: 5px;
  font-family: "Hiragino Kaku Gothic W5 JIS2004", sans-serif;
  line-height: 1.4285714286;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset p.pdp-cont-gel-b {
    margin-bottom: 1.2077294686vw;
  }
}
.pdp .pdpMain .content-asset .swiper-button-prev,
.pdp .pdpMain .content-asset .swiper-button-next {
  top: 170px;
  width: 38px;
  height: 38px;
  padding: 12px;
  outline: none;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .swiper-button-prev,
  .pdp .pdpMain .content-asset .swiper-button-next {
    top: 41.0628019324vw;
    width: 9.1787439614vw;
    height: 9.1787439614vw;
    padding: 2.8985507246vw;
  }
}
.pdp .pdpMain .content-asset .swiper-button-prev::after,
.pdp .pdpMain .content-asset .swiper-button-next::after {
  width: 14px;
  height: 14px;
  background: no-repeat url(../../common/img/arrow.svg) 50% 50%/contain;
  content: "";
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .swiper-button-prev::after,
  .pdp .pdpMain .content-asset .swiper-button-next::after {
    width: 3.3816425121vw;
    height: 3.3816425121vw;
  }
}
.pdp .pdpMain .content-asset .swiper-button-prev {
  left: 0;
}
.pdp .pdpMain .content-asset .swiper-button-next {
  right: 0;
  rotate: 180deg;
}
.pdp .pdpMain .content-asset .pdp-cont-measure .pdp-cont-img {
  margin-block: 50px 25px;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-measure .pdp-cont-img {
    margin-block: 12.077294686vw 6.038647343vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-measure .cMeasure-nav {
  width: auto;
  margin: 45px -15px 0;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-measure .cMeasure-nav {
    margin: 10.8695652174vw -4.1062801932vw 0;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-measure .cMeasure-navLink {
  font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
  font-size: 15px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .content-asset .pdp-cont-measure .cMeasure-navLink {
    font-size: 3.6231884058vw;
  }
}
.pdp .pdpMain .content-asset .pdp-cont-measure p.cMeasure-navText {
  font-size: inherit;
  letter-spacing: inherit;
}
.pdp .pdpMain .pdp-content-section .product-basic .ct-usage-common .ct-usage-heading {
  margin: 35px 0 4px;
  font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .pdp-content-section .product-basic .ct-usage-common .ct-usage-heading {
    margin-block: 8.4541062802vw 0.9661835749vw;
    font-size: 3.8647342995vw;
  }
}
@media screen and (max-width: 768px) {
  .pdp .pdpMain .pdp-content-section .product-basic .ct-attention-block {
    margin-top: 9.6618357488vw;
  }
}
