@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

/*@mixin linkArrow {
  &::after {
    border-right: 1px solid;
    border-top: 1px solid;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: calc(50% - 4px);
    transform: rotate(45deg);
    width: 8px;
  }
}*/
body.page-list .block-list {
  max-width: 600px;
  padding: 0 30px;
  margin: auto;
}
body.page-list .block-list--top {
  margin-bottom: 30px;
}
body.page-list .block-list--search {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 5px;
}
body.page-list .block-list--ttl {
  text-align: center;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
body.page-list .block-list--count {
  padding: 3px 11px;
  font-size: 11px;
  font-weight: 400;
  background: #F0F0F0;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
body.page-list .block-list--count span {
  font-size: 14px;
  font-weight: 700;
  color: #B29419;
  margin: 0 2px;
}
body.page-list .block-list--more {
  width: 100%;
  position: relative;
  margin: 20px 0;
  padding: 10px 0;
}
body.page-list .block-list--more span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-size: 10px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.05em;
  padding: 0 12px;
  background: #fff;
  z-index: 1;
}
body.page-list .block-list--more::after, body.page-list .block-list--more::before {
  content: "";
  display: block;
  position: absolute;
}
body.page-list .block-list--more::after {
  height: 1px;
  background: #C3C3C3;
  top: 50%;
  left: 50%;
  width: calc(100vw - 60px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}
body.page-list .block-list--more::before {
  top: calc(100% - 10px);
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  aspect-ratio: 1;
  width: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
body.page-list .block-filter--contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
body.page-list .block-filter--button {
  max-width: 100px;
  width: 30%;
  position: relative;
}
body.page-list .block-filter--button__filter {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-size: 11px;
  font-weight: 400;
  padding: 10px 35px 10px 17px;
  background: #F0F0F0;
  border: 1px solid #C3C3C3;
}
body.page-list .block-filter--button__filter::after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  display: block;
  aspect-ratio: 1;
  width: 12px;
  background: url("../../../img/decorte2023/sp/goods/filter.png");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
}
body.page-list .block-filter--display {
  width: 25%;
  max-width: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
}
body.page-list .block-filter--list {
  width: 33px;
  height: 24px;
}
body.page-list .block-filter--grid {
  aspect-ratio: 1;
  width: 27px;
}
body.page-list .block-filter--grid.is-active, body.page-list .block-filter--list.is-active {
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
}
body.page-list .block-filter-count {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-size: 11px;
  font-weight: 400;
  border: 1px solid #C3C3C3;
  position: relative;
}
body.page-list .block-filter-count--label {
  display: block;
  padding: 10px 35px 10px 17px;
}
body.page-list .block-filter-count--label::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 12px;
  top: 15px;
  right: 10px;
  border-top: 6px solid #383838;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid transparent;
}
body.page-list .block-filter-count--label.is-open::after {
  -webkit-transform: scaleY(-1) translateY(50%);
  transform: scaleY(-1) translateY(50%);
}
body.page-list .block-filter-count--lists {
  width: 180px;
  max-height: 50vh;
  overflow: auto;
  overscroll-behavior: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F0F0F0;
  border: 1px solid #666666;
  z-index: 5;
  visibility: hidden;
  -webkit-clip-path: inset(0% 0% 100% 0%);
  clip-path: inset(0% 0% 100% 0%);
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
body.page-list .block-filter-count--lists.is-open {
  visibility: visible;
  -webkit-clip-path: inset(0% 0% 0% 0%);
  clip-path: inset(0% 0% 0% 0%);
}
body.page-list .block-filter-count--list {
  padding: 10px 15px 10px 30px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #666666;
}
body.page-list .block-filter-count--list.is-active {
  position: relative;
  background: #E3D8AC;
}
body.page-list .block-filter-count--list.is-active::before {
  content: "";
  position: absolute;
  display: block;
  top: 15px;
  left: 11px;
  width: 12px;
  height: 8px;
  background: url("../../../img/decorte2023/sp/goods/check.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.page-list .block-filter-count--list:last-of-type {
  border-bottom: unset;
}
body.page-list .block-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 0;
  position: relative;
}
body.page-list .block-item:last-of-type::after {
  display: none;
}
body.page-list .block-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #C3C3C3), color-stop(50%, transparent));
  background: linear-gradient(90deg, #C3C3C3 0 50%, transparent 50% 100%);
  background-size: 5px 1px;
}
body.page-list .block-item a {
  text-decoration: none;
}
body.page-list .block-item__engraving::before {
  position: absolute;
  content: "刻印対象";
  display: block;
  top: 15px;
  left: 0;
  font-size: 9px;
  font-weight: 400;
  padding: 4px 7px;
  line-height: 1;
  background: #333333;
  color: #fff;
}
body.page-list .block-item--img {
  margin-right: 20px;
  padding: 10px;
  width: calc(38% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.page-list .block-item--img img {
  max-width: 100px;
}
body.page-list .block-item--body {
  width: 62%;
}
body.page-list .block-item--favo {
  position: absolute;
  width: 22px;
  height: 19px;
  background: url("../../../img/decorte2023/sp/goods/heart.png");
  background-size: contain;
  top: 15px;
  right: 0;
  z-index: 3;
}
body.page-list .block-item--favo.is-active {
  background: url("../../../img/decorte2023/sp/goods/heart-active.png");
  background-size: contain;
}
@-webkit-keyframes heart {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes heart {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.page-list .block-item--category {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
  padding: 4px 8px;
  background: #F0F0F0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 5px;
}
body.page-list .block-item--name {
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5454545455;
  letter-spacing: 0.03em;
}
body.page-list .block-item--name span {
  word-break: keep-all;
  overflow-wrap: break-word;
}
body.page-list .block-item--des {
  font-size: 11px;
  letter-spacing: 0.03em;
  font-weight: 400;
  line-height: 1.4545454545;
  margin-bottom: 5px;
}
body.page-list .block-item--info {
  font-size: 11px;
  letter-spacing: 0.03em;
  line-height: 1.9090909091;
}
body.page-list .block-item--info__price {
  margin-bottom: 10px;
}
body.page-list .block-item--cart-button {
  display: block;
  font-size: 10px;
  letter-spacing: 0.05em;
  line-height: 2;
  font-weight: 400;
  padding: 6px 20px 7px;
  background-color: #333333;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
body.page-list .block-item--cart-button:disabled {
  background: #dbdbdb;
  color: #666666;
}
body.page-list .block-item--tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
body.page-list .block-item--tag {
  padding: 5px 10px;
  font-size: 8px;
  line-height: 1;
  letter-spacing: 0.03em;
  font-weight: 400;
  border-radius: 100px;
  border: 1px solid #C3C3C3;
}
body.page-list .block-item--attention {
  margin-top: 10px;
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
}
body.page-list .block-list--items.is-list {
  margin-top: 20px;
}
body.page-list .block-list--items.is-grid {
  margin-top: 35px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 25px 40px;
}
body.page-list .block-list--items.is-grid .block-item {
  display: block;
  padding: 20px 0 40px;
  position: relative;
  max-width: calc(50vw - 60px);
}
body.page-list .block-list--items.is-grid .block-item::after {
  display: none;
}
body.page-list .block-list--items.is-grid .block-item__engraving::before {
  top: 0;
}
body.page-list .block-list--items.is-grid .block-item--img {
  margin-right: 0;
  padding: 10px 10px 0;
  width: 100%;
}
body.page-list .block-list--items.is-grid .block-item--img img {
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 100px;
  max-width: 100px;
}
body.page-list .block-list--items.is-grid .block-item--favo {
  top: 0;
}
body.page-list .block-list--items.is-grid .block-item--body {
  width: 100%;
}
body.page-list .block-list--items.is-grid .block-item--category {
  margin: 0 auto 4px;
}
body.page-list .block-list--items.is-grid .block-item--name {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.page-list .block-list--items.is-grid .block-item--name span {
  display: block;
  text-align: center;
}
body.page-list .block-list--items.is-grid .block-item--des {
  display: none;
}
body.page-list .block-list--items.is-grid .block-item--info__size {
  display: none;
}
body.page-list .block-list--items.is-grid .block-item--info__price {
  text-align: center;
}
body.page-list .block-list--items.is-grid .block-item--info__price span {
  display: none;
}
body.page-list .block-list--items.is-grid .block-item--cart-button {
  bottom: 0;
  left: 10px;
  min-height: 40px;
  position: absolute;
  width: calc(100% - 20px);
}
body.page-list .block-list--items.is-grid .block-item--tag {
  padding: 5px 8px;
}
body.page-list .block-list--items.is-grid .block-item--attention {
  display: none;
}
body.page-list .revico-star.revico-star-list .revico-star-block {
  justify-content: flex-start;
}

body.page-products {
  /*.block-main--review::after, .block-main--review::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #C3C3C3), color-stop(50%, transparent));
    background: linear-gradient(90deg, #C3C3C3 0 50%, transparent 50% 100%);
    background-size: 5px 1px;
    left: 0;
  }

  .block-main--review::after {
    bottom: 0;
  }

  .block-main--review::before {
    top: 0;
  }*/
}
body.page-products .inner {
  padding: 0 30px;
  margin: auto;
}
body.page-products .section-ttl {
  font-size: 16px;
  letter-spacing: 0.06em;
  font-weight: 700;
  line-height: 1.5;
  background: #F0F0F0;
  padding: 12px;
  text-align: center;
  color: #000000;
}
body.page-products .more {
  display: block;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.03em;
  padding: 16px 10px;
  border: 1px solid #C3C3C3;
}
body.page-products .arrow {
  position: relative;
}
body.page-products .arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  aspect-ratio: 1;
  width: 8px;
  right: 10px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
body.page-products .bottom-arrow {
  position: relative;
}
body.page-products .bottom-arrow::after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  aspect-ratio: 1;
  width: 8px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
body.page-products .top-arrow {
  position: relative;
}
body.page-products .top-arrow::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 42px;
  left: 50%;
  aspect-ratio: 1;
  width: 12px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #333333;
}
body.page-products .base-text {
  font-size: 11px;
  letter-spacing: 0.03em;
  line-height: 1.6363636364;
  font-weight: 400;
}
body.page-products .font-small {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.03em;
}
body.page-products .block-purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
body.page-products .block-purchase--size {
  height: 60px;
  display: block;
  width: 47%;
  background: #F0F0F0;
  border: 1px solid #666666;
  border-right: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 17px 10px 10px;
  position: relative;
}
body.page-products .block-purchase--size.is-open {
  background: #666666;
}
body.page-products .block-purchase--size.is-open .block-purchase--size-text {
  color: #fff;
}
body.page-products .block-purchase--size.is-open::after {
  border-bottom: 6px solid #fff;
}
body.page-products .block-purchase--size-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4545454545;
  color: #333333;
}
body.page-products .block-purchase--size-lists {
  position: absolute;
  width: 100vw;
  bottom: calc(100% + 1px);
  left: 0;
  text-align: left;
  visibility: hidden;
  -webkit-clip-path: inset(100% 0% 0% 0%);
  clip-path: inset(100% 0% 0% 0%);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
body.page-products .block-purchase--size-lists.is-open {
  visibility: visible;
  -webkit-clip-path: inset(0% 0% 0% 0%);
  clip-path: inset(0% 0% 0% 0%);
}
body.page-products .block-purchase--size-list {
  width: 100%;
  display: block;
  background: #fff;
  padding: 9px 13px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #000000;
  border-top: 1px solid #666666;
}
body.page-products .block-purchase--size-list.is-selected {
  color: #fff;
  background: #666666;
  border: unset;
}
body.page-products .block-purchase .is-disabled {
  background: #F0F0F0;
  position: relative;
}
body.page-products .block-purchase .is-disabled::after {
  content: "在庫無し";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 2px 7px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.05em;
  background: #666666;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.page-products .block-purchase--count {
  height: 60px;
  width: 16%;
  background: #F0F0F0;
  border: 1px solid #666666;
  border-right: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 10px 10px;
}
body.page-products .block-purchase--count.is-open {
  background: #666666;
}
body.page-products .block-purchase--count.is-open .block-purchase--count-text {
  color: #fff;
}
body.page-products .block-purchase--count.is-open::after {
  border-bottom: 6px solid #fff;
}
body.page-products .block-purchase--count-text {
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #333333;
}
body.page-products .block-purchase--count-lists {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-top: 1px solid #666666;
  position: absolute;
  bottom: calc(100% + 1px);
  left: -3%;
  width: 105%;
  visibility: hidden;
  -webkit-clip-path: inset(100% 0% 0% 0%);
  clip-path: inset(100% 0% 0% 0%);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
body.page-products .block-purchase--count-lists.is-open {
  -webkit-clip-path: inset(0% 0% 0% 0%);
  clip-path: inset(0% 0% 0% 0%);
  visibility: visible;
}
body.page-products .block-purchase--count-list {
  text-align: center;
  padding: 10px 10px 9px;
  background: #fff;
  color: #383838;
  color: #000000;
  font-size: 11px;
  letter-spacing: 0.03em;
  font-weight: 700;
}
body.page-products .block-purchase--count-list:not(:last-child) {
  border-bottom: 1px solid #666666;
}
body.page-products .block-purchase--count-list.is-selected {
  color: #fff;
  background: #666666;
  border: unset;
}
body.page-products .block-purchase--cart-button {
  height: 60px;
  width: 37%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border: 1px solid #666666;
  background: #333333;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
body.page-products .block-purchase--cart-button:disabled {
  background: #dbdbdb;
  color: #666666;
}
body.page-products .block-purchase__color {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.page-products .block-purchase__color .block-purchase--color {
  border: 1px solid #666666;
  border-bottom: none;
  position: relative;
  width: 100%;
}
body.page-products .block-purchase__color .block-purchase--color-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 20px;
}
body.page-products .block-purchase__color .block-purchase--color-name::after {
  top: 50%;
  left: unset;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.page-products .block-purchase__color .block-purchase--color-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
body.page-products .block-purchase__color .block-purchase--color-name.is-open::after {
  border-bottom: 6px solid #fff;
}
body.page-products .block-purchase__color .block-purchase--color-img {
  aspect-ratio: 1;
  width: 20px;
}
body.page-products .block-purchase__color .block-purchase--color-lists {
  position: absolute;
  bottom: calc(100% + 1px);
  left: 0;
  background: #fff;
  max-height: calc(100vh - 230px);
  overflow: auto;
  overscroll-behavior: none;
  width: 100%;
  visibility: hidden;
  -webkit-clip-path: inset(100% 0% 0% 0%);
  clip-path: inset(100% 0% 0% 0%);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
body.page-products .block-purchase__color .block-purchase--color-lists.is-open {
  visibility: visible;
  -webkit-clip-path: inset(0% 0% 0% 0%);
  clip-path: inset(0% 0% 0% 0%);
}
body.page-products .block-purchase__color .block-purchase--color-list {
  padding: 13px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
body.page-products .block-purchase__color .block-purchase--color-list.is-selected {
  color: #fff;
  background: #666666;
  border: unset;
}
body.page-products .block-purchase__color .block-purchase--color-list-img {
  aspect-ratio: 1;
  width: 20px;
}
body.page-products .block-purchase__color .block-purchase--size {
  padding: 10px;
}
body.page-products .block-detail--main {
  margin-bottom: 30px;
}
body.page-products .block-detail--cp {
  margin-bottom: 30px;
}
body.page-products .block-detail--cp-area {
  display: flex;
  flex-wrap: wrap;
}
body.page-products .block-detail--cp-text-date {
  background-color: #9b7c00;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  padding: 0.5em;
  text-align: center;
  margin-bottom: 10px;
}
body.page-products .block-detail--cp-text-area {
  margin-right: 20px;
  width: calc(68% - 20px);
}
body.page-products .block-detail--cp-text-area div {
  border-bottom: 1px dashed #000000;
  border-top: 1px dashed #000000;
  margin: 10px 0;
  padding: 10px 0;
}
body.page-products .block-detail--cp-text-area h3 {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  margin-bottom: 10px;
}
body.page-products .block-detail--cp-text-area h4 {
  margin-bottom: 5px;
  position: relative;
}
body.page-products .block-detail--cp-text-area h4::before {
  background-color: #000000;
  display: inline-block;
  content: "";
  height: 1em;
  margin-right: 0.5em;
  vertical-align: middle;
  width: 1em;
}
body.page-products .block-detail--cp-text-area p {
  font-size: 10px;
}
body.page-products .block-detail--cp-text-area ul li {
  font-size: 10px;
  padding-left: 1em;
  position: relative;
}
body.page-products .block-detail--cp-text-area ul li::before {
  background-color: #000000;
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 6px;
  left: 0;
  margin-right: 1em;
  position: absolute;
  top: calc(0.8em - 3px);
  width: 6px;
}
body.page-products .block-detail--cp-image {
  margin-top: 30px;
  width: 32%;
}
body.page-products .block-detail--cp-link {
  width: 100%;
}
body.page-products .block-detail--cp-link-anchor {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  font-size: 10px;
  margin-top: 10px;
  min-height: 30px;
  position: relative;
  width: 100%;
}
body.page-products .block-detail--cp-link-anchor::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
body.page-products .block-detail--cp-link-anchor::after {
  right: 10px;
}
body.page-products .block-detail--contents {
  margin-bottom: 30px;
}
body.page-products .block-detail--information + .block-faq {
  border-top: none;
}
body.page-products .block-detail--award {
  margin-bottom: 15px;
  margin-top: 15px;
}
body.page-products .block-detail--faq {
  margin-bottom: 30px;
}
body.page-products .block-detail--and {
  margin-bottom: 30px;
}
body.page-products .block-detail--link-arrow-button {
  align-items: center;
  border: 1px solid #c3c3c3;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  min-height: 60px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 100%;
}
body.page-products .block-detail--link-arrow-button::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
body.page-products .block-detail--link-arrow-button:not(:last-child) {
  margin-bottom: 30px;
}
body.page-products .block-detail--link-arrow-button::after {
  right: 20px;
}
body.page-products .block-detail--link-arrow-button span, body.page-products .block-detail--link-arrow-button small, body.page-products .block-detail--link-arrow-button strong {
  display: inline-block;
  line-height: 1;
}
body.page-products .block-detail--link-arrow-button small {
  font-size: 11px;
}
body.page-products .block-detail--link-arrow-button > span {
  line-height: 1.5;
}
body.page-products .block-main--inner {
  position: relative;
}
body.page-products .block-main--favo {
  position: absolute;
  aspect-ratio: 200/176;
  background: url("../../../img/decorte2023/sp/goods/icon_heart.png");
  background-size: contain;
  background-repeat: no-repeat;
  right: 6px;
  top: calc(100vw - 88px);
  width: 26px;
}
@media screen and (min-width: 751px) {
  body.page-products .block-main--favo {
    right: 16px;
    top: 652px;
  }
}
body.page-products .block-main--favo.is-active {
  background: url("../../../img/decorte2023/sp/goods/icon_heart-black.png");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: heart 0.4s ease-in-out;
  animation: heart 0.4s ease-in-out;
}
body.page-products .block-main--product-name {
  color: #000000;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 0;
}
body.page-products .block-main--review {
  /*    position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 7px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px 0;
      margin-bottom: 9px;*/
  /*    .revico-star {
        border-bottom: 1px dotted $borderGray;
        padding-bottom: 10px;
        width: 100%;
      }*/
}
body.page-products .block-main--review-more {
  position: relative;
  display: inline-block;
  padding: 5px 25px 5px 10px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.05em;
  background: #333333;
}
body.page-products .block-main--review-more::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  aspect-ratio: 120/73;
  width: 17px;
  background: url("../../../img/decorte2023/sp/goods/review.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.page-products .block-main--images {
  margin-bottom: 10px;
  position: relative;
}
body.page-products .block-main--images-mainSlides {
  aspect-ratio: 1;
  margin: 0 auto 9px;
}
body.page-products .block-main .slick-list {
  height: 100%;
}
body.page-products .block-main .slick-track {
  height: 100%;
}
body.page-products .block-main--images-mainSlide {
  aspect-ratio: 1;
  margin: 0 1px;
}
body.page-products .block-main--images-mainSlide img {
  height: 100%;
  width: unset;
  margin: auto;
}
body.page-products .block-main--images-thumbnails {
  max-width: 315px;
  margin: auto;
}
body.page-products .block-main--images-thumbnail {
  aspect-ratio: 1;
  width: 74px;
  margin: 0 5px;
  border: 1px solid #F0F0F0;
}
body.page-products .block-main--images-thumbnail img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: unset;
  margin: auto;
}
body.page-products .block-main .js-slick--next {
  right: -30px;
}
body.page-products .block-main .js-slick--prev {
  left: -30px;
}
body.page-products .block-main .js-slick--arrow::after {
  aspect-ratio: 1;
  width: 15px;
  height: auto;
}
body.page-products .block-main--desc {
  margin-bottom: 5px;
  line-height: 1.5714285714;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
}
body.page-products .block-main--attention {
  margin-bottom: 15px;
}
body.page-products .block-main--sall-notes {
  font-weight: 700;
}
body.page-products .block-main--sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 5px;
}
body.page-products .block-main--size {
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.03em;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
}
body.page-products .block-main--size.is-selected {
  font-weight: 700;
  border: 1px solid #383838;
}
body.page-products .block-main--colors {
  max-width: 240px;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 60px;
}
body.page-products .block-main--color {
  width: 90px;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  position: relative;
}
body.page-products .block-main--color .box {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  aspect-ratio: 1;
  width: 21px;
  background: #333333;
}
body.page-products .block-main--color .box::after,
body.page-products .block-main--color .box::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 11px;
  background: #fff;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
body.page-products .block-main--color .box::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
body.page-products .block-main--color.is-active .box::after {
  opacity: 0;
}
body.page-products .block-main--color .box::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.page-products .block-main--color-lists {
  max-width: 330px;
  margin: 0 auto 20px;
}
body.page-products .block-main--color-list {
  aspect-ratio: 1;
  padding: 12px;
}
body.page-products .block-main--color-banner1 {
  display: block;
  margin-bottom: 10px;
}
body.page-products .block-main--color-banner2 {
  display: block;
  margin-bottom: 20px;
}
body.page-products .block-main--color-banners {
  padding: 15px 0;
  position: relative;
}
body.page-products .block-main--color-banners::after, body.page-products .block-main--color-banners::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #C3C3C3), color-stop(50%, transparent));
  background: linear-gradient(90deg, #C3C3C3 0 50%, transparent 50% 100%);
  background-size: 5px 1px;
}
body.page-products .block-main--color-banners::after {
  top: 0;
}
body.page-products .block-main--color-banners::before {
  bottom: 0;
}
body.page-products .block-main--color-banner3 {
  display: block;
  margin-bottom: 10px;
}
body.page-products .block-main--color-banner3 button {
  align-items: center;
  color: #ffffff;
  background-color: #333333;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
body.page-products .block-main--color-rank {
  color: #000000;
  border: 1px solid #707070;
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding: 12px;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}
body.page-products .block-main--color-rank::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  width: 18px;
  height: 19px;
  background: url("../../../img/decorte2023/sp/goods/icon-rank.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
body.page-products .block-main--color-table {
  border-collapse: collapse;
  border: 1px solid #C3C3C3;
  width: 100%;
}
body.page-products .block-main--color-table td:nth-of-type(1) {
  padding: 11px 15px;
  background: #F0F0F0;
  color: #000000;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
body.page-products .block-main--color-table td:nth-of-type(2) {
  padding: 11px 15px;
  font-size: 11px;
  width: 70%;
  font-weight: 400;
  color: #000000;
}
body.page-products .block-detail--related {
  margin: 40px 0;
}
body.page-products .block-detail--related-title {
  font-size: 16px;
  margin-bottom: 20px;
}
body.page-products .block-detail--related-list-item:not(:last-child) {
  margin-bottom: 40px;
}
body.page-products .block-detail--related-list-item-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.page-products .block-detail--related-list-item-image {
  margin-right: 20px;
  width: 80px;
}
body.page-products .block-detail--related-list-item-text-area {
  padding-top: 20px;
  width: calc(100% - 100px);
}
body.page-products .block-detail--related-list-item-product-name {
  font-size: 14px;
  font-weight: 700;
}
body.page-products .block-detail--related-list-item-price {
  display: inline-block;
}
body.page-products .block-cp--ttl {
  margin-bottom: 15px;
}
body.page-products .block-cp--banner {
  display: block;
}
body.page-products .block-contents--ttl {
  margin-bottom: 15px;
}
body.page-products .block-contents--banner1 {
  display: block;
  margin-bottom: 10px;
}
body.page-products .block-contents--banner2 {
  display: block;
}
body.page-products .block-information--contents {
  border-bottom: 1px solid #c3c3c3;
}
body.page-products .block-information--content-ttl {
  padding: 15px 25px 15px 0;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  position: relative;
}
body.page-products .block-information--content-ttl::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #c3c3c3;
  left: 0;
}
body.page-products .block-information--content-ttl::after {
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.page-products .block-information--content-ttl::before {
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
body.page-products .block-information--content-ttl .box {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  aspect-ratio: 1;
  width: 21px;
  background: #333333;
}
body.page-products .block-information--content-ttl .box::after,
body.page-products .block-information--content-ttl .box::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 1px;
  background: #fff;
}
body.page-products .block-information--content-ttl .box::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
body.page-products .block-information--content-ttl .box::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.page-products .block-information .js-accordion-trigger__active .box::after {
  opacity: 0;
}
body.page-products .block-information--content-body {
  border-top: 1px solid #c3c3c3;
  padding: 15px 0 30px;
}
body.page-products .block-information--content-body-p {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #000000;
  margin-bottom: 15px;
}
body.page-products .block-information--content-body-img {
  margin-bottom: 15px;
}
body.page-products .block-information--content-children {
  border-top: 1px solid #c3c3c3;
}
body.page-products .block-information--content-child-ttl {
  padding: 12px 15px;
  background: #F0F0F0;
  position: relative;
}
body.page-products .block-information--content-body-a {
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  padding: 8px 15px;
}
body.page-products .block-information--content-child-ttl::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #c3c3c3;
  left: 0;
}
body.page-products .block-information--content-child-ttl::after {
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.page-products .block-information--content-child-ttl::before {
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
body.page-products .block-information--content-child-ttl .box {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  aspect-ratio: 1;
  width: 12px;
}
body.page-products .block-information--content-child-ttl .box::after,
body.page-products .block-information--content-child-ttl .box::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 1px;
  background: #333333;
}
body.page-products .block-information--content-child-ttl .box::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
body.page-products .block-information--content-child-ttl .box::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.page-products .block-information--content-child-body {
  padding: 15px 0 30px;
}
body.page-products .block-information--content-child-des {
  margin-bottom: 30px;
}
body.page-products .block-information--content-child-detail {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #000000 !important;
}
body.page-products .block-info-conbi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 350px;
  margin: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}
body.page-products .block-info-conbi--item {
  padding-top: 10px;
  max-width: 129px;
}
body.page-products .block-info-conbi--item-img {
  aspect-ratio: 1;
  max-width: 122px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 5px;
}
body.page-products .block-info-conbi--item-img img {
  max-width: 100px;
  max-height: 122px;
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-products .block-info-conbi--item-name {
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
body.page-products .block-info-conbi--item-price {
  text-align: center;
}
body.page-products .block-info-conbi--lines {
  aspect-ratio: 1;
  width: 33px;
  position: relative;
}
body.page-products .block-info-conbi--line {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  background: #595757;
}
body.page-products .block-info-conbi--line:first-of-type {
  -webkit-transform: translateY(-50%) skewY(45deg);
  transform: translateY(-50%) skewY(45deg);
}
body.page-products .block-info-conbi--line:last-of-type {
  -webkit-transform: translateY(-50%) skewY(-45deg);
  transform: translateY(-50%) skewY(-45deg);
}
body.page-products .block-award--ttl {
  font-family: "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #BAA239;
  margin-bottom: 15px;
  line-height: 1;
  text-align: center;
}
body.page-products .block-award--content {
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  padding: 20px 20px 35px;
}
body.page-products .block-award--img {
  margin: 0 auto 20px;
}
body.page-products .block-award--lists:first-of-type {
  position: relative;
  padding: 13px 20px 0 0;
}
body.page-products .block-award--lists::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #C3C3C3), color-stop(50%, transparent));
  background: linear-gradient(90deg, #C3C3C3 0 50%, transparent 50% 100%);
  background-size: 5px 1px;
}
body.page-products .block-award--lists:not(:first-of-type)::after {
  display: none;
}
body.page-products .block-award--list {
  padding: 10px 0 10px 25px;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: #000000;
}
body.page-products .block-award--list::before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  aspect-ratio: 1;
  width: 12px;
  border-radius: 50%;
  background: #BAA239;
}
body.page-products .block-award--list span {
  margin-top: 3px;
  display: block;
  background: #F9EBAE;
  padding: 3px 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
  color: #383838;
}
body.page-products .block-award--more {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #000000;
}
body.page-products .block-faq {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #383838;
  display: block;
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  padding: 15px 0;
  position: relative;
}
body.page-products .block-faq::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 21px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../../../img/decorte2023/sp/goods/link.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
body.page-products .block-and {
  display: block;
  text-align: center;
  padding: 13px 15px 22px;
  color: #000000;
  background: #F0F0F0;
}
body.page-products .block-and::after {
  top: 60%;
}
body.page-products .block-common-bc {
  margin-bottom: 30px;
}
body.page-products .block-common-bc--ttl {
  margin: 0 auto 20px;
  width: calc(100% - 40px);
}
body.page-products .block-common-bc--product-map-link-anchor {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  margin: 0 auto 10px;
  min-height: 50px;
  position: relative;
  width: calc(100% - 40px);
}
body.page-products .block-common-bc--product-map-link-anchor::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
body.page-products .block-common-bc--product-map-link-anchor::after {
  right: 10px;
}
body.page-products .block-common-bc--shop-link-anchor {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  margin: 0 auto;
  min-height: 50px;
  position: relative;
  width: calc(100% - 40px);
}
body.page-products .block-common-bc--shop-link-anchor::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
body.page-products .block-common-bc--shop-link-anchor::after {
  right: 10px;
}
body.page-products .block-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 35px;
  padding: 20px;
  background: #333333;
  margin-bottom: 30px;
}
body.page-products .block-share--text {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.03em;
}
body.page-products .block-share--icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
body.page-products .block-share--icon {
  display: block;
  aspect-ratio: 1;
  width: 30px;
}
body.page-products .block-review--ttl {
  margin-bottom: 10px;
}
body.page-products .block-beauty--ttl {
  margin-bottom: 15px;
}
body.page-products .block-beauty--read {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #000000;
  line-height: 1.5;
  margin-bottom: 15px;
  text-align: center;
}
body.page-products .block-decorte--ttl {
  margin-bottom: 15px;
}
body.page-products .block-decorte--content {
  margin-bottom: 15px;
}
body.page-products .block-decorte--banner {
  display: block;
  margin-bottom: 30px;
}
body.page-products .block-keyword--ttl {
  margin-bottom: 15px;
}
body.page-products .block-keyword--words {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
body.page-products .block-keyword--word {
  display: block;
  padding: 4px 12px;
  border-radius: 100px;
  border: 1px solid #C3C3C3;
  line-height: 1.2;
  color: #000000;
}
body.page-products .block-connection {
  overflow: hidden;
}
body.page-products .block-connection--ttl {
  margin-bottom: 15px;
}
body.page-products .block-connection--content {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 30px;
}
body.page-products .block-connection--content-img {
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 135px;
}
body.page-products .block-connection--content-img img {
  max-width: 100%;
  max-height: 100%;
}
body.page-products .block-connection--content-name {
  font-size: 11px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 3px;
  color: #000000;
}
body.page-products .block-connection--content-price {
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #000000;
}
body.page-products .block-recommend {
  overflow: hidden;
}
body.page-products .block-recommend--content {
  margin: 30px 0;
}
body.page-products .block-you {
  overflow: hidden;
}
body.page-products .block-you--content {
  margin: 30px 0;
}
body.page-products .block-check {
  overflow: hidden;
}
body.page-products .block-check--content {
  margin: 30px 0;
}
body.page-products .block-review {
  margin-bottom: 40px;
}
body.page-products .block-review--container {
  padding: 0 30px;
}
body.page-products .block-review--average {
  margin-bottom: 10px;
}
body.page-products .block-review--control-area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
body.page-products .block-review--filter {
  background-image: url("../../../img/decorte2023/sp/goods/review_icon_filter.png");
  background-position: left 20px center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #e2e0e0;
  display: block;
  padding: 1em 10px 1em 40px;
  width: calc(50% - 10px);
}
body.page-products .block-review--sort {
  background-image: url("../../../img/decorte2023/sp/goods/review_icon_sort.png");
  background-position: left 20px center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #e2e0e0;
  display: block;
  padding: 1em 10px 1em 40px;
  width: calc(50% - 10px);
}
body.page-products .block-review--item {
  align-items: baseline;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 40px 20px 20px;
  position: relative;
  overflow: hidden;
}
body.page-products .block-review--item-pickup {
  background-color: #666666;
  color: #ffffff;
  left: -46px;
  position: absolute;
  padding: 0.2em;
  top: 8px;
  text-align: center;
  transform: rotate(-40deg);
  width: 140px;
}
body.page-products .block-review--item-buy {
  background-color: #f0f0f0;
  border-radius: 1em;
  display: inline-block;
  line-height: 1;
  padding: 0.3em 10px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
}
body.page-products .block-review--item-date {
  width: 100%;
}
body.page-products .block-review--item-title {
  color: #a481ba;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
}
body.page-products .block-review--item-score {
  margin-bottom: 10px;
  width: 100%;
}
body.page-products .block-review--item-user-spec-area {
  margin-right: 10px;
  width: 50%;
}
body.page-products .block-review--item-user-spec {
  display: inline-block;
}
body.page-products .block-review--item-good {
  border: 1px solid #c3c3c3;
  border-radius: 1.5em;
  font-size: 10px;
  line-height: 1;
  max-width: calc(50% - 10px);
  padding: 0.3em 10px;
}
body.page-products .block-review--item-good-value {
  background-image: url("../../../img/decorte2023/sp/goods/review_icon_good.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 12px;
  display: inline-block;
  padding-left: 18px;
  margin-left: 12px;
}
body.page-products .block-review--item-comment {
  border-top: 1px solid #c3c3c3;
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
}
body.page-products .block-review--item-more {
  text-align: center;
  width: 100%;
}
body.page-products .block-review--item-more-trigger {
  display: inline-block;
  padding-bottom: 10px;
  position: relative;
}
body.page-products .block-review--item-more-trigger::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
body.page-products .block-review--item-more-trigger::after {
  bottom: 0;
  right: calc(50% - 4px);
  position: absolute;
  transform: rotate(135deg);
  top: auto;
}
body.page-products .block-review--item-footer {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  width: 100%;
}
body.page-products .block-review--item-sns {
  display: flex;
  margin-right: 20px;
}
body.page-products .block-review--item-sns-anchor {
  width: 30px;
}
body.page-products .block-review--item-sns-anchor:not(:last-child) {
  margin-right: 10px;
}
body.page-products .block-review--item-favo {
  border: 1px solid #c3c3c3;
  border-radius: 1.5em;
  font-size: 10px;
  line-height: 1;
  padding: 0.3em 10px;
}
body.page-products .block-review--item-favo-value {
  background-image: url("../../../img/decorte2023/sp/goods/review_icon_favo.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 12px;
  display: inline-block;
  padding-left: 18px;
  margin-left: 12px;
}
body.page-products .block-review--more {
  margin-bottom: 10px;
}
body.page-products .block-review--more-trigger {
  background-color: #f0f0f0;
  display: block;
  padding: 1em 10px;
  width: 100%;
}
body.page-products .block-review--write {
  text-align: center;
}
body.page-products .block-review--write-anchor {
  text-decoration: underline;
}
body.page-products .block-socialgift-button {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  border-color: #333333;
  font-size: 12px;
  font-weight: 700;
  margin: 30px 0 0 0;
  position: relative;
  width: 100%;
}
body.page-products .block-socialgift-button::after {
  background-image: url("../../../img/decorte2023/icon_outer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin-left: 10px;
  height: 16px;
  vertical-align: middle;
  width: 14px;
}
body.page-products .block-socialgift-message {
  margin-bottom: 30px;
}

body.page-products .block-custom--accordion-button {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  margin: 0 -30px 30px;
  padding-right: 40px;
  position: relative;
  width: calc(100% + 60px);
}
body.page-products .block-custom--accordion-button::before {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
}
body.page-products .block-custom--accordion-button::after {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: 0.4s;
  transform: rotate(90deg);
  width: 15px;
}
body.page-products .block-custom--accordion-button__liposome {
  background-color: #503773;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
body.page-products .block-custom--accordion-button.js-accordion-trigger__active::after {
  transform: rotate(0);
}
body.page-products .block-custom--accordion-button::before {
  right: 20px;
}
body.page-products .block-custom--accordion-button::after {
  right: 20px;
}
body.page-products .block-custom--accordion-button-text {
  font-size: 16px;
  line-height: 1.5;
  width: calc(100% - 140px);
}
body.page-products .block-custom--accordion-button img {
  width: 120px;
}
body.page-products .block-custom--accordion-container {
  margin: -30px 0 30px;
}
body.page-products #comment5.block-custom {
  margin: 30px -30px;
  width: calc(100% + 60px);
  position: relative;
  z-index: 0;
}
body.page-products #comment5.block-custom .block-custom--container {
  margin: 0 20px 20px;
}
body.page-products #comment5.block-custom .block-custom--bestcosme {
  background-color: #000000;
  color: #ffffff;
  padding: 30px;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  padding: 0;
  text-align: center;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-grid-list {
  margin: 0 auto 40px;
  width: 100%;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards:not(:last-child) {
  border-bottom: 1px solid #333333;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards__no-logo:not(:last-child) {
  border-bottom: none;
  margin-bottom: 20px;
  padding-bottom: 0;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards__no-logo .block-custom--bestcosme-awards-title {
  padding-left: 20px;
  position: relative;
  width: 100%;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards__no-logo .block-custom--bestcosme-awards-title::before {
  background-color: #e3d8ac;
  border-radius: 50%;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 0.5em;
  width: 12px;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards-logo {
  text-align: center;
  width: 40%;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards-logo__white img {
  background-color: #ffffff;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards-logo img {
  display: inline-block;
  padding: 10px;
  max-width: 100%;
  width: auto;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards-title {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 20px;
  width: 60%;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards-sub-title {
  display: inline-block;
  margin-right: 1em;
  margin-top: 0.3em;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards-rank {
  display: inline-block;
}
body.page-products #comment5.block-custom .block-custom--bestcosme-awards-product-name {
  display: block;
}

body.page-products #comment14 {
  margin: 20px 0;
}
body.page-products #comment14 .block-comment14-modal-open {
  align-items: center;
  cursor: pointer;
  color: #666666;
  display: flex;
  font-weight: 500;
}
body.page-products #comment14 .block-comment14-modal-open::before, body.page-products #comment14 .block-comment14-modal-open::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
}
body.page-products #comment14 .block-comment14-modal-open::before {
  background-image: url(/decorte/img/decorte2023/icon_info.png);
  height: 14px;
  margin-left: 4px;
  order: 2;
  width: 14px;
}
body.page-products #comment14 .block-comment14-modal-open::after {
  background-image: url(/decorte/img/decorte2023/icon_window.png);
  height: 16px;
  margin-left: 4px;
  order: 3;
  width: 15px;
}
body.page-products #comment14 .block-comment14-modal-close {
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  width: 30px;
}
body.page-products #comment14 .block-comment14-modal-close::before, body.page-products #comment14 .block-comment14-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 10px);
  position: absolute;
  top: 50%;
  width: 20px;
}
body.page-products #comment14 .block-comment14-modal-close::before {
  transform: rotateZ(45deg);
}
body.page-products #comment14 .block-comment14-modal-close::after {
  transform: rotateZ(-45deg);
}
body.page-products #comment14 .block-comment14-modal {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
body.page-products #comment14 .block-comment14-modal--area {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
  width: 100%;
}
body.page-products #comment14 .block-comment14-modal--bg {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
body.page-products #comment14 .block-comment14-modal--container {
  background-color: #ffffff;
  max-height: calc(100% - 60px);
  position: relative;
  width: calc(100% - 20px);
}
body.page-products #comment14 .block-comment14-modal--header {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  justify-content: center;
  padding: 10px;
  text-align: center;
  width: 100%;
}
body.page-products #comment14 .block-comment14-modal--header span {
  display: block;
  font-size: 14px;
  line-height: 1.3;
}
body.page-products #comment14 .block-comment14-modal--main-area {
  padding: 20px;
}
body.page-products #comment14 .block-comment14-emulsion-type-list {
  width: 100%;
}
body.page-products #comment14 .block-comment14-emulsion-type-list dt {
  font-size: 16px;
  font-weight: 700;
}
body.page-products #comment14 .block-comment14-emulsion-type-list dt span {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
}
body.page-products #comment14 .block-comment14-emulsion-type-list dd {
  font-size: 12px;
}
body.page-products #comment14 .block-comment14-emulsion-type-list dd:not(:last-child) {
  margin-bottom: 20px;
}

.block-common-modal {
  /* color-map */
  /* -------------------------------------------------- */
  /* color-all-view */
  /* -------------------------------------------------- */
  /* color-ranking */
  /* -------------------------------------------------- */
  /* engraved */
  /* -------------------------------------------------- */
  /* review-drilldown */
  /* -------------------------------------------------- */
  /* select-color */
  /* -------------------------------------------------- */
  /* select-size */
  /* -------------------------------------------------- */
}
.block-common-modal .block-color-map--lead {
  margin-Bottom: 15px;
}
.block-common-modal .block-color-map--image {
  margin-Bottom: 15px;
}
.block-common-modal .block-color-map--image img:not(:last-child) {
  margin-bottom: 15px;
}
.block-common-modal .block-color-all-view--lead {
  margin-Bottom: 15px;
}
.block-common-modal .block-color-all-view--category-list-item-title {
  line-height: 36px;
  margin-bottom: 8px;
  border-bottom: 1px solid #C3C3C3;
  font-weight: 700;
}
.block-common-modal .block-color-all-view--color-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.block-common-modal .block-color-all-view--color-list-item {
  width: 25%;
  padding: 16px 0;
  border: 1px solid transparent;
}
.block-common-modal .block-color-all-view--color-list-item-image {
  margin-bottom: 10px;
  padding: 0 16px;
}
.block-common-modal .block-color-all-view--color-list-item-name {
  line-height: 1.3;
  font-size: 10px;
  text-align: center;
}
.block-common-modal .block-color-all-view--type-image {
  margin-top: 25px;
}
.block-common-modal .block-color-all-view--type-title {
  background-color: #000000;
  overflow-wrap: break-word;
  word-break: keep-all;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  padding: 1em 36px;
  margin-top: 25px;
}
.block-common-modal .block-color-all-view--type-title__eyeglowgem {
  background-color: #d7a087;
}
.block-common-modal .block-color-ranking--ranking-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-Bottom: 15px;
}
.block-common-modal .block-color-ranking--ranking-list-item {
  margin: 0 0 20px;
  min-width: 120px;
  padding: 0 10px;
  text-align: center;
  width: 50%;
  /*        &:nth-child(1){
            margin: 0 25% 20px;
          }*/
}
.block-common-modal .block-color-ranking--ranking-list-item-anchor {
  display: block;
  position: relative;
}
.block-common-modal .block-color-ranking--ranking-list-item-number {
  align-items: flex-end;
  display: flex;
  position: absolute;
  width: 25px;
}
.block-common-modal .block-color-ranking--ranking-list-item-image {
  display: inline-block;
  padding: 50px 25px 5px 25px;
  text-align: center;
  width: 120px;
}
.block-common-modal .block-color-ranking--ranking-list-item-name-main {
  overflow-wrap: break-word;
  word-break: keep-all;
  font-weight: 700;
}
.block-common-modal .block-engraved--bg-gray {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-Bottom: 15px;
  padding: 15px;
  background-color: #F0F0F0;
}
.block-common-modal .block-engraved--lead {
  margin-Bottom: 30px;
}
.block-common-modal .block-engraved--sub-title {
  margin-Bottom: 15px;
  font-weight: 700;
}
.block-common-modal .block-engraved--image {
  margin: 45px 0;
}
.block-common-modal .block-engraved--image_border {
  margin-Bottom: 8px;
  border: 1px solid #C3C3C3;
}
.block-common-modal .block-engraved--mark-image {
  margin: 0 auto 40px;
  max-width: 150px;
  width: 10%;
}
.block-common-modal .block-engraved--text {
  margin-Bottom: 8px;
}
.block-common-modal .block-engraved--text-notes {
  text-align: right;
  margin-Bottom: 15px;
}
.block-common-modal .block-engraved--text-red {
  color: #A80C0C;
  margin-Bottom: 15px;
}
.block-common-modal .block-engraved--sample-mark-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-common-modal .block-engraved--sample-mark-list-item {
  width: calc(50% - 4px);
  margin-bottom: 8px;
}
.block-common-modal .block-engraved--sample-mark-list-item:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.block-common-modal .block-engraved--sample-mark-list-item-title {
  padding: 2px 8px;
  background-color: #242424;
  color: #ffffff;
}
.block-common-modal .block-engraved--sample-mark-list-item-image {
  padding: 2px;
  background-color: #ffffff;
}
.block-common-modal .block-engraved--select-mark {
  padding: 15px;
  background-color: #D4D4D4;
  margin: 15px 0;
}
.block-common-modal .block-engraved--select-mark-list-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.block-common-modal .block-engraved--select-mark-list-item-label {
  width: 100%;
}
.block-common-modal .block-engraved--select-mark-list-item-title {
  width: 100%;
  line-height: 24px;
  padding: 2px 8px;
  background-color: #666666;
  color: #ffffff;
}
.block-common-modal .block-engraved--select-mark-list-item-image {
  width: 100%;
  padding: 2px;
  background-color: #ffffff;
}
.block-common-modal .block-engraved--select-mark-list-item-image img {
  height: 52px;
  width: auto;
  margin: 0 auto;
}
.block-common-modal .block-engraved--input-text {
  background-color: #ffffff;
  line-height: 40px;
  border: 2px solid #2B1836;
  margin-Bottom: 15px;
  width: 100%;
  padding-left: 8px;
}
.block-common-modal .block-engraved--input-button {
  width: 100%;
  line-height: 50px;
  background-color: #333333;
  color: #ffffff;
}
.block-common-modal .block-engraved--input-radio + label {
  cursor: pointer;
  display: inline-block;
  padding-left: 32px;
  position: relative;
  vertical-align: middle;
}
.block-common-modal .block-engraved--input-radio + label::before {
  background-color: #ffffff;
  border-radius: 10px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}
.block-common-modal .block-engraved--input-radio + label::after {
  background-color: #000000;
  border-radius: 4px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}
.block-common-modal .block-engraved--input-radio:checked + label::after {
  content: "";
  display: block;
}
.block-common-modal .block-review-drilldown--filter {
  border-bottom: 1px solid #c3c3c3;
}
.block-common-modal .block-review-drilldown--filter:first-child {
  border-top: 1px solid #c3c3c3;
}
.block-common-modal .block-review-drilldown--filter-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 60px;
  font-weight: 700;
}
.block-common-modal .block-review-drilldown--filter-list {
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
  background-color: #F0F0F0;
}
.block-common-modal .block-review-drilldown--filter-list-item {
  display: flex;
  align-items: center;
  width: 33.3333333333%;
  padding: 4px 0;
}
.block-common-modal .block-review-drilldown--filter-list-item-star {
  color: #707070;
}
.block-common-modal .block-review-drilldown--filter-list-item-star .grayout {
  color: #cccccc;
}
.block-common-modal .block-review-drilldown--filter .js-accordion-trigger::after {
  position: absolute;
  content: "▼";
  right: 24px;
}
.block-common-modal .block-review-drilldown--filter .js-accordion-trigger__active::after {
  transform: rotate(180deg);
}
.block-common-modal .block-review-drilldown--input-checkbox + label {
  cursor: pointer;
  display: inline-block;
  padding-left: 24px;
  position: relative;
  vertical-align: middle;
}
.block-common-modal .block-review-drilldown--input-checkbox + label::before {
  background-color: #ffffff;
  border: 1px solid #B4B4B4;
  border-radius: 2px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}
.block-common-modal .block-review-drilldown--input-checkbox + label::after {
  background-color: #000000;
  border-radius: 1px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}
.block-common-modal .block-review-drilldown--input-checkbox:checked + label::after {
  content: "";
  display: block;
}
.block-common-modal .block-review-drilldown--no-accordion {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-common-modal .block-review-drilldown--no-accordion-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 60px;
  font-weight: 700;
}
.block-common-modal .block-review-drilldown--no-accordion h3 + .block-review-drilldown--no-accordion-input-checkbox {
  cursor: pointer;
  display: inline-block;
  padding-left: 24px;
  position: relative;
  vertical-align: middle;
}
.block-common-modal .block-review-drilldown--no-accordion h3 + .block-review-drilldown--no-accordion-input-checkbox::before {
  background-color: #ffffff;
  border: 1px solid #B4B4B4;
  border-radius: 10px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}
.block-common-modal .block-review-drilldown--no-accordion h3 + .block-review-drilldown--no-accordion-input-checkbox::after {
  background-color: #000000;
  border-radius: 10px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}
.block-common-modal .block-review-drilldown--no-accordion h3 + .block-review-drilldown--no-accordion-input-checkbox:checked::after {
  content: "";
  display: block;
}
.block-common-modal .block-review-drilldown--button {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
}
.block-common-modal .block-review-drilldown--button-reset {
  width: calc(30% - 4px);
  padding: 16px;
  border: 1px solid #C3C3C3;
}
.block-common-modal .block-review-drilldown--button-drilldown {
  width: calc(70% - 4px);
  padding: 16px;
  border: 1px solid #C3C3C3;
}
.block-common-modal .block-review-drilldown--button-recommend {
  width: 100%;
  padding: 16px;
  background-color: #F0F0F0;
  margin-top: 8px;
}
.block-common-modal .block-select-color--product {
  margin-bottom: 15px;
}
.block-common-modal .block-select-color--product-name {
  font-size: 16px;
  margin-bottom: 8px;
}
.block-common-modal .block-select-color--selector {
  position: relative;
  width: 100%;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f0f0f0;
}
.block-common-modal .block-select-color--selector-subtitle {
  margin-bottom: 15px;
}
.block-common-modal .block-select-color--selector-current {
  background-color: #ffffff;
  border: 1px solid #C3C3C3;
}
.block-common-modal .block-select-color--selector-current-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 40px;
}
.block-common-modal .block-select-color--selector-current-item::after {
  position: absolute;
  content: "▼";
  right: 32px;
}
.block-common-modal .block-select-color--selector-current-item-image {
  padding: 10px;
  width: 40px;
}
.block-common-modal .block-select-color--selector-current-item-tag-gray {
  position: absolute;
  right: 56px;
  height: 24px;
  padding: 2px 10px;
  background-color: #666666;
  color: #ffffff;
}
.block-common-modal .block-select-color--selector-list {
  display: none;
  position: absolute;
  width: calc(100% - 30px);
  background-color: #ffffff;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  z-index: 10;
}
.block-common-modal .block-select-color--selector-list__active {
  display: block;
}
.block-common-modal .block-select-color--selector-list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 40px;
}
.block-common-modal .block-select-color--selector-list-item:hover {
  background-color: #f5f5f5;
}
.block-common-modal .block-select-color--selector-list-item-image {
  padding: 10px;
  width: 40px;
}
.block-common-modal .block-select-color--selector-list-item-tag-gray {
  position: absolute;
  right: 40px;
  height: 24px;
  padding: 2px 10px;
  background-color: #666666;
  color: #ffffff;
}
.block-common-modal .block-select-color--selector-button {
  margin-top: 15px;
}
.block-common-modal .block-select-color--selector-button-trigger {
  width: 100%;
  text-align: center;
  line-height: 40px;
  background-color: #333333;
  color: #ffffff;
}
.block-common-modal .block-select-color--selector-button-readmore {
  display: block;
  line-height: 40px;
  margin: 8px auto 0 auto;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 8px;
}
.block-common-modal .block-select-color--sample {
  margin-bottom: 15px;
}
.block-common-modal .block-select-color--sample-subtitle {
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 8px;
  border-bottom: 1px solid #C3C3C3;
}
.block-common-modal .block-select-color--sample-color-list {
  display: flex;
  flex-wrap: wrap;
}
.block-common-modal .block-select-color--sample-color-list-item {
  padding: 16px;
  width: 25%;
  border: 1px solid transparent;
}
.block-common-modal .block-select-color--sample-color-list-item:hover {
  border: 1px solid #dbdbdb;
}
.block-common-modal .block-select-color--sample-color-list-item-name {
  text-align: center;
}
.block-common-modal .block-select-size--product {
  margin-bottom: 15px;
}
.block-common-modal .block-select-size--product-name {
  font-size: 16px;
  margin-bottom: 8px;
}
.block-common-modal .block-select-size--product-infomation {
  margin-bottom: 15px;
}
.block-common-modal .block-select-size--selector {
  position: relative;
  width: 100%;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f0f0f0;
}
.block-common-modal .block-select-size--selector-subtitle {
  margin-bottom: 15px;
}
.block-common-modal .block-select-size--selector-current {
  background-color: #ffffff;
  border: 1px solid #C3C3C3;
}
.block-common-modal .block-select-size--selector-current-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 40px;
  padding-left: 20px;
}
.block-common-modal .block-select-size--selector-current-item::after {
  position: absolute;
  content: "▼";
  right: 32px;
}
.block-common-modal .block-select-size--selector-current-item-tag-gray {
  position: absolute;
  right: 56px;
  height: 24px;
  padding: 2px 10px;
  background-color: #666666;
  color: #ffffff;
}
.block-common-modal .block-select-size--selector-list {
  display: none;
  position: absolute;
  width: calc(100% - 30px);
  background-color: #ffffff;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  z-index: 10;
}
.block-common-modal .block-select-size--selector-list__active {
  display: block;
}
.block-common-modal .block-select-size--selector-list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 40px;
  padding-left: 20px;
}
.block-common-modal .block-select-size--selector-list-item:hover {
  background-color: #f5f5f5;
}
.block-common-modal .block-select-size--selector-list-item-tag-gray {
  position: absolute;
  right: 40px;
  height: 24px;
  padding: 2px 10px;
  background-color: #666666;
  color: #ffffff;
}
.block-common-modal .block-select-size--selector-button {
  margin-top: 15px;
}
.block-common-modal .block-select-size--selector-button-trigger {
  width: 100%;
  text-align: center;
  line-height: 40px;
  background-color: #333333;
  color: #ffffff;
}
.block-common-modal .block-select-size--selector-button-readmore {
  display: block;
  line-height: 40px;
  margin: 8px auto 0 auto;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 8px;
}
.block-common-modal .block-select-size--price {
  margin-bottom: 15px;
}
.block-common-modal .block-select-size--price-subtitle {
  line-height: 36px;
  font-weight: 700;
  border-bottom: 1px solid #C3C3C3;
}
.block-common-modal .block-select-size--price-list-item {
  display: flex;
  align-items: center;
  padding-left: 20px;
  height: 50px;
  border-bottom: 1px dotted #C3C3C3;
}
.block-common-modal .block-select-size--price-list-item:last-child {
  border-bottom: 1px solid #C3C3C3;
}
.block-common-modal .block-select-size--price-list-item-tag-red {
  padding: 2px 10px;
  background-color: #c90000;
  color: #ffffff;
  margin-left: 12px;
}
.block-common-modal .block-select-size--price-list-item-price {
  margin-left: auto;
}

body.page-list .block-line-top-container {
  margin-bottom: 30px;
}
body.page-list .block-line-top-container .block-line-visual {
  margin-bottom: 30px;
}
body.page-list .block-line-top-container .block-line-visual--anchor {
  display: block;
}
body.page-list .block-line-top-container .block-line-visual--text-area {
  margin-top: 20px;
  padding: 0 20px;
  text-align: center;
}
body.page-list .block-line-top-container .block-line-visual--title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
body.page-list .block-line-top-container .block-line-visual--lead {
  font-size: 12px;
  margin-bottom: 20px;
}
body.page-list .block-line-top-container .block-line-visual--more {
  text-underline-offset: 4px;
  text-decoration: underline;
}
body.page-list .block-line-top-container .block-line-message {
  margin-bottom: 30px;
  padding: 0 30px;
  text-align: center;
}
body.page-list .block-line-top-container .block-line-message__mincho {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
body.page-list .block-line-top-container .block-line-message--catch {
  font-size: 24px;
  margin-bottom: 10px;
}
body.page-list .block-line-top-container .block-line-message--lead {
  font-size: 16px;
}
body.page-list .block-line-top-container .block-line-message--lead:not(:last-child) {
  margin-bottom: 20px;
}
body.page-list .block-line-top-container .block-line-more:not(:last-child) {
  margin-bottom: 30px;
}
body.page-list .block-line-top-container .block-line-more--anchor, body.page-list .block-line-top-container .block-line-more--trigger {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
}
body.page-list .block-line-top-container .block-line-more--anchor:not(:last-child), body.page-list .block-line-top-container .block-line-more--trigger:not(:last-child) {
  margin-bottom: 10px;
}
body.page-list .block-line-top-container .block-line-more--trigger {
  background-image: url("../../../img/decorte2023/icon_window.png");
  background-position: right 6px center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  padding-right: 30px;
  padding-left: 30px;
}
body.page-list .block-line-top-container .block-line-contents {
  margin-bottom: 30px;
}
body.page-list .block-line-top-container .block-line-contents--title {
  background-color: #f0f0f0;
  margin-bottom: 30px;
  padding: 20px 30px;
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container .block-line-contents--title-main-text {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
}
body.page-list .block-line-top-container .block-line-contents--title-sub-text {
  display: block;
  font-size: 10px;
}
body.page-list .block-line-top-container .block-line-contents--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 20px;
}
body.page-list .block-line-top-container .block-line-contents--list-item {
  margin: 0 10px 20px;
  width: calc(50% - 20px);
}
body.page-list .block-line-top-container .block-line-contents--list-item:last-child {
  margin-bottom: 0;
}
body.page-list .block-line-top-container .block-line-contents--list-item:nth-last-child(2):nth-child(2n-1) {
  margin-bottom: 0;
}
body.page-list .block-line-top-container .block-line-contents--list-item-thumbnail {
  display: block;
}
body.page-list .block-line-top-container .block-line-contents--list-item-caption {
  display: block;
  font-size: 12px;
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container .block-line-movie {
  margin-bottom: 30px;
  padding: 0 30px;
}
body.page-list .block-line-top-container .block-line-other-container {
  padding: 0 30px;
}
body.page-list .block-line-top-container .block-line-other-container:not(:last-child) {
  margin-bottom: 30px;
}
body.page-list .block-line-top-container .block-line-step--title {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
body.page-list .block-line-top-container .block-line-step--sammary {
  display: flex;
  margin-bottom: 30px;
}
body.page-list .block-line-top-container .block-line-step--sammary-item {
  position: relative;
  text-align: center;
  width: calc((100% - 60px) / 4);
}
body.page-list .block-line-top-container .block-line-step--sammary-item:not(:last-child) {
  margin-right: 20px;
}
body.page-list .block-line-top-container .block-line-step--sammary-item:not(:last-child)::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
body.page-list .block-line-top-container .block-line-step--sammary-item:not(:last-child)::after {
  color: #beb299;
  right: -12px;
  top: 25px;
}
body.page-list .block-line-top-container .block-line-step--sammary-item-number {
  font-size: 10px;
  display: inline-block;
  width: 100%;
}
body.page-list .block-line-top-container .block-line-step--sammary-item-name {
  background-color: #beb299;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  padding: 0.5em;
  width: 100%;
}
body.page-list .block-line-top-container .block-line-step--sammary-item-category {
  display: inline-block;
  line-height: 1.3;
  width: 100%;
}
body.page-list .block-line-top-container .block-line-step--logo {
  margin-bottom: 30px;
  max-height: 50px;
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container .block-line-step--logo img {
  display: inline-block;
  max-height: 50px;
  width: auto;
}
body.page-list .block-line-top-container .block-line-step--flow-title {
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
}
body.page-list .block-line-top-container .block-line-step--flow-title-step-name {
  background-color: #beb299;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  margin-right: 10px;
  padding: 0.5em;
}
body.page-list .block-line-top-container .block-line-step--flow-title-main-text {
  font-size: 12px;
  font-weight: 700;
}
body.page-list .block-line-top-container .block-line-step--flow-personal {
  background-color: #f0f0f0;
  margin-bottom: 30px;
  padding-bottom: 1px;
}
body.page-list .block-line-top-container .block-line-step--flow-personal:not(:last-child) {
  margin-bottom: 60px;
  position: relative;
}
body.page-list .block-line-top-container .block-line-step--flow-personal:not(:last-child)::after {
  border: 24px solid transparent;
  border-bottom: none;
  border-top: 20px solid;
  bottom: -40px;
  color: #666666;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 24px);
  top: auto;
}
body.page-list .block-line-top-container .block-line-step--flow-personal-title {
  padding: 15px 30px 15px 15px;
  position: relative;
}
body.page-list .block-line-top-container .block-line-step--flow-personal-title::before {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
}
body.page-list .block-line-top-container .block-line-step--flow-personal-title::after {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: 0.4s;
  transform: rotate(90deg);
  width: 15px;
}
body.page-list .block-line-top-container .block-line-step--flow-personal-title::before {
  right: 15px;
}
body.page-list .block-line-top-container .block-line-step--flow-personal-title::after {
  right: 15px;
}
body.page-list .block-line-top-container .block-line-step--flow-personal-title__active::after {
  transform: rotate(0);
}
body.page-list .block-line-top-container .block-line-step--flow-personal-container {
  background-color: #ffffff;
  margin: 0 15px 15px;
  padding: 10px;
}
body.page-list .block-line-top-container .block-line-step--flow-personal-container .block-line-step--flow-products-container {
  padding: 20px 0;
}
body.page-list .block-line-top-container .block-line-step--flow-products {
  text-align: center;
}
body.page-list .block-line-top-container .block-line-step--flow-products-container {
  display: flex;
  justify-content: center;
  position: relative;
}
body.page-list .block-line-top-container .block-line-step--flow-products-container:not(:last-child) {
  margin-bottom: 60px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-container:not(:last-child)::after {
  border: 24px solid transparent;
  border-bottom: none;
  border-top: 20px solid;
  bottom: -40px;
  color: #666666;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 24px);
  top: auto;
}
body.page-list .block-line-top-container .block-line-step--flow-products-container > .block-line-step--flow-products {
  margin: 0 30px;
  max-width: 100px;
  width: calc((100% - 90px) / 3);
}
body.page-list .block-line-top-container .block-line-step--flow-products-container__3column.block-line-step--flow-products-container__or > .block-line-step--flow-products:not(:last-child)::after {
  right: -20px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-container__3column > .block-line-step--flow-products {
  margin: 0 15px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-container__or > .block-line-step--flow-products:not(:last-child) {
  position: relative;
}
body.page-list .block-line-top-container .block-line-step--flow-products-container__or > .block-line-step--flow-products:not(:last-child)::after {
  content: "OR";
  display: block;
  position: absolute;
  right: -35px;
  top: 50%;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide {
  margin: 0 auto;
  max-width: 380px;
  padding: 0 30px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide:not(:last-child) {
  margin-bottom: 60px;
  position: relative;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide:not(:last-child)::after {
  border: 24px solid transparent;
  border-bottom: none;
  border-top: 20px solid;
  bottom: -40px;
  color: #666666;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 24px);
  top: auto;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide .block-line-step--flow-products {
  padding: 0 30px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide .block-line-step--flow-products:not(:last-child):nth-child(2n-1) {
  position: relative;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide .block-line-step--flow-products:not(:last-child):nth-child(2n-1)::after {
  content: "OR";
  display: block;
  position: absolute;
  right: -5px;
  top: 100px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide .js-slick--arrow {
  top: calc(50% - 50px);
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide .js-slick--arrow.slick-disabled {
  opacity: 0;
}
body.page-list .block-line-top-container .block-line-step--flow-products-slide .js-slick--dots {
  margin-top: 20px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-anchor {
  display: block;
}
body.page-list .block-line-top-container .block-line-step--flow-products-time {
  font-size: 0;
  margin-bottom: 10px;
  text-align: center;
}
body.page-list .block-line-top-container .block-line-step--flow-products-time img {
  display: inline-block;
  margin: 0 2px;
  width: 20px;
}
body.page-list .block-line-top-container .block-line-step--flow-products-new {
  border: 1px solid #e3d8ac;
  color: #e3d8ac;
  display: block;
  font-weight: 700;
  line-height: 1;
  margin: 10px auto 0;
  padding: 0.5em;
  width: 4em;
}
body.page-list .block-line-top-container .block-line-step--flow-products-category {
  background-color: #f0f0f0;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0.5em;
}
body.page-list .block-line-top-container .block-line-step--flow-products-name {
  overflow-wrap: break-word;
  word-break: keep-all;
  line-height: 1.3;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products .block-line-step--flow-products-anchor,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products .block-line-step--flow-products-anchor {
  align-items: center;
  align-content: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  padding: 0 30px;
  height: 200px;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products:not(:last-child),
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products:not(:last-child) {
  margin-bottom: 60px;
  position: relative;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products:not(:last-child)::after,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products:not(:last-child)::after {
  border: 24px solid transparent;
  border-bottom: none;
  border-top: 20px solid;
  bottom: -40px;
  color: #666666;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 24px);
  top: auto;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products .block-line-step--flow-products-image,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products .block-line-step--flow-products-image {
  align-items: center;
  display: flex;
  height: 200px;
  margin-right: 10px;
  order: 1;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products .block-line-step--flow-products-image img,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products .block-line-step--flow-products-image img {
  max-height: 200px;
  max-width: 80px;
  width: auto;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products .block-line-step--flow-products-time,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products .block-line-step--flow-products-time {
  order: 2;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products .block-line-step--flow-products-new,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products .block-line-step--flow-products-new {
  order: 3;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products .block-line-step--flow-products-category,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products .block-line-step--flow-products-category {
  order: 4;
}
body.page-list .block-line-top-container .block-line-step .block-line-step--flow > .block-line-step--flow-products .block-line-step--flow-products-name,
body.page-list .block-line-top-container .block-line-step .block-line-step--flow-personal-container > .block-line-step--flow-products .block-line-step--flow-products-name {
  order: 5;
}
body.page-list .block-line-top-container .block-technique--title {
  margin-bottom: 30px;
  text-align: center;
}
body.page-list .block-line-top-container .block-technique--title-main-text {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
}
body.page-list .block-line-top-container .block-technique--title-sub-text {
  display: block;
  font-size: 12px;
}
body.page-list .block-line-top-container .block-technique--item:not(:last-child) {
  margin-bottom: 60px;
  position: relative;
}
body.page-list .block-line-top-container .block-technique--item:not(:last-child)::after {
  border: 24px solid transparent;
  border-bottom: none;
  border-top: 20px solid;
  bottom: -40px;
  color: #666666;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 24px);
  top: auto;
}
body.page-list .block-line-top-container .block-technique--item:not(:last-child)::after {
  color: #b4b4b4;
}
body.page-list .block-line-top-container .block-technique--item-title {
  background-color: #f0f0f0;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}
body.page-list .block-line-top-container .block-technique--item-top-area {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
body.page-list .block-line-top-container .block-technique--item-face {
  margin-right: 10px;
  width: 30%;
}
body.page-list .block-line-top-container .block-technique--item-guide-text-area {
  width: calc(70% - 10px);
}
body.page-list .block-line-top-container .block-technique--item-guide-text-area .block-technique--item-guide-text {
  width: 100%;
}
body.page-list .block-line-top-container .block-technique--item-guide-text {
  width: calc(70% - 10px);
}
body.page-list .block-line-top-container .block-technique--item-guide-text:not(:last-child) {
  margin-bottom: 10px;
}
body.page-list .block-line-top-container .block-technique--item-volume {
  width: 100%;
}
body.page-list .block-line-top-container .block-back-link {
  margin-top: 40px;
  padding: 0 20px;
}
body.page-list .block-line-top-container .block-back-link--anchor {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  min-height: 50px;
  position: relative;
  width: 100%;
}
body.page-list .block-line-top-container .block-back-link--anchor::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
body.page-list .block-line-top-container .block-back-link--anchor::after {
  left: 20px;
  right: auto;
  transform: rotate(225deg);
}

/* --- page-category-top --- */
.page-category-top .block-gift-category-nav {
  margin: 40px auto 40px;
  width: calc(100% - 30px);
}
.page-category-top .block-gift-category-nav--list-item {
  display: inline-block;
  font-size: 0;
  margin-bottom: 10px;
}
.page-category-top .block-gift-category-nav--list-item:not(:last-child) {
  margin-right: 20px;
}
.page-category-top .block-gift-category-nav--list-item__current .block-gift-category-nav--list-item-anchor::before {
  background-color: #666666;
}
.page-category-top .block-gift-category-nav--list-item-anchor {
  font-size: 12px;
  line-height: 16px;
}
.page-category-top .block-gift-category-nav--list-item-anchor::before {
  border: 1px solid #666666;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  vertical-align: top;
  width: 16px;
}

/* --- page-alertgoods --- */
.page-alertgoods .block-common-alert {
  background-color: #ffebee;
  margin: 80px auto;
  padding: 40px;
  text-align: center;
  width: calc(100% - 30px);
}
.page-alertgoods .block-common-alert .block-common-alert--link {
  margin-top: 20px;
  color: #666666;
  display: inline-block;
  line-height: 1;
  padding-right: calc(0.5em + 10px);
  position: relative;
}
.page-alertgoods .block-common-alert .block-common-alert--link::after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  right: 5px;
  top: calc(50% - 3px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* linetop */
/*
対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__aqmeliority {
  /*
  モーダル内の場合 
  対象モーダルのID名 対象要素のクラス名 {
  }
  */
}
body.page-list .block-line-top-container__aqmeliority .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
body.page-list .block-line-top-container__aqmeliority .block-background {
  background: #000;
  color: #fff;
}
body.page-list .block-line-top-container__aqmeliority .block-background .block-line-more--anchor,
body.page-list .block-line-top-container__aqmeliority .block-background .block-line-more--trigger {
  background: #000;
  color: #fff;
  border: 1px solid #fff;
}
body.page-list .block-line-top-container__aqmeliority .block-line-other-container {
  background-color: #000000;
  padding: 30px;
  width: 100%;
}
body.page-list .block-line-top-container__aqmeliority .block-line-other-container .block-line-more--trigger {
  background-color: #000000;
  color: #ffffff;
}
body.page-list .block-line-top-container__aqmeliority .block-line--concept-other-container .block-line--concept-ingredient {
  background-image: url("../../../img/decorte2023/sp/aqmeliority/line_bg_01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: block;
  margin: 0 auto 30px;
  height: auto;
  padding: 20% 0;
  text-align: center;
  width: calc(100% - 60px);
}
body.page-list .block-line-top-container__aqmeliority .block-line--concept-other-container .block-line--concept-design {
  background-image: url("../../../img/decorte2023/sp/aqmeliority/line_bg_02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  height: auto;
  padding: 20% 0;
  text-align: center;
  width: calc(100% - 60px);
}
body.page-list .block-line-top-container__aqmeliority .block-line--concept-sub-lead {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 1em;
}
body.page-list .block-line-top-container__aqmeliority .block-line--concept-more {
  border: 1px solid;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: 12px;
  margin: 0 auto;
  padding: 0.5em 0;
  text-align: center;
  width: 200px;
}
body.page-list .block-line-top-container__aqmeliority #line_modal_01 .block-common-modal--container {
  background-color: #faf4e9;
}
body.page-list .block-line-top-container__aqmeliority #line_modal_01 .block-concept--lead {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

/*
対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__basemakeup {
  /*
  モーダル内の場合 
  対象モーダルのID名 対象要素のクラス名 {
  }
  */
}
body.page-list .block-line-top-container__basemakeup .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
body.page-list .block-line-top-container__basemakeup .block-line-zenwear {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
body.page-list .block-line-top-container__basemakeup .block-line-zenwear--title {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}
body.page-list .block-line-top-container__basemakeup .block-line-zenwear--banner {
  border: 1px solid #dbdbdb;
  margin: 0 auto;
  width: 100%;
}
body.page-list .block-line-top-container__basemakeup .block-line-zenwear--banner-thumbnail {
  margin-bottom: 20px;
  width: 100%;
}
body.page-list .block-line-top-container__basemakeup .block-line-zenwear--banner-text-area {
  padding-bottom: 20px;
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container__basemakeup .block-line-zenwear--banner-copy {
  font-size: 16px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  margin-bottom: 20px;
}
body.page-list .block-line-top-container__basemakeup .block-line-zenwear--banner-more {
  border: 1px solid #666666;
  display: inline-block;
  line-height: 1;
  padding: 0.5em 1em;
}
body.page-list .block-line-top-container__basemakeup .block-common-modal--body {
  padding: 0;
}
body.page-list .block-line-top-container__basemakeup .block-component {
  background-image: url("../../../img/decorte2023/sp/basemakeup/compornent_bg_01.png");
  background-position: center 40px;
  background-repeat: repeat;
  padding: 30px 0;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-detail-lead {
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-container {
  background-color: #fff;
  margin: 0 auto;
  padding: 30px 15px;
  width: calc(100% - 30px);
}
body.page-list .block-line-top-container__basemakeup .block-component--component-container:not(:last-child) {
  margin-bottom: 30px;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-container:last-child {
  margin-bottom: 0;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-title {
  font-size: 16px;
  margin-bottom: 30px;
  text-align: center;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-text {
  font-size: 12px;
  line-height: 1.7;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-wrap {
  overflow: hidden;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-wrap > .block-component--component-text {
  padding-top: 20px;
  text-align: justify;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-wrap > .block-component--component-image {
  margin-top: 20px;
  width: 100%;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-wrap > .block-component--component-image img {
  width: 100%;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-list {
  margin-top: 20px;
  overflow: hidden;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature {
  margin-top: 20px;
  width: 100%;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-title {
  font-size: 16px;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-text {
  font-size: 12px;
  line-height: 1.7;
  margin-top: 10px;
  text-align: justify;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-result {
  font-size: 12px;
  line-height: 1.7;
  margin-top: 20px;
  text-decoration: underline;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-image {
  margin-top: 20px;
  text-align: center;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-image img {
  width: 100%;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-image .caption {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  margin-top: 10px;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-feature-image-list {
  overflow: hidden;
}
body.page-list .block-line-top-container__basemakeup .block-component--component-note {
  font-size: 10px;
  margin-top: 20px;
  text-align: right;
}
body.page-list .block-line-top-container__basemakeup .component-container:nth-child(n+3) .block-component--component-text {
  text-align: center;
}

/*
対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__decortekimono .block-line-visual {
  margin-bottom: 0;
}
body.page-list .block-line-top-container__decortekimono .block-line-contents {
  /*background-color: $lightGray;*/
}
body.page-list .block-line-top-container__decortekimono .block-line--banner a {
  display: block;
  margin: 40px auto 0;
  width: calc(100% - 30px);
}
body.page-list .block-line-top-container__decortekimono .block-line-concept {
  /*background-color: #f5f5f5;
  background-image: url("../../../img/decorte2023/sp/decorte_kimono/line_contents_bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;*/
  padding-bottom: 40px;
  margin: 0 auto 30px;
  padding: 40px 0;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--movie {
  margin: 0 auto;
  width: 100%;
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--copy {
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 2em;
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--text {
  font-size: 12px;
  margin-bottom: 2em;
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--notes {
  font-size: 10px;
  line-height: 1.7;
  margin: 0 auto 40px;
  text-align: left;
  width: calc(100% - 30px);
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--more {
  font-size: 10px;
  text-decoration: underline;
  text-align: right;
  width: calc(100% - 30px);
  margin: 0 auto;
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--more.js-accordion-trigger::before {
  background: transparent;
  position: relative;
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--more span::before {
  content: "もっと見る";
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--more::after {
  display: none;
}
body.page-list .block-line-top-container__decortekimono .block-line-concept--more.js-accordion-trigger__active span::before {
  content: "閉じる　×";
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__tsuya {
  color: #B0597E;
  width: 50%;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__tsuya .block-fragrance-type--item-text-area {
  background: #b0597e;
  background: linear-gradient(225deg, #b0597e 0%, #f6cbde 100%);
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__tsuya .block-fragrance-type--item-link-anchor {
  color: #B0597E;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__yui {
  color: #eccac9;
  width: 50%;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__yui .block-fragrance-type--item-text-area {
  background: #eccac9;
  background: linear-gradient(225deg, #eccac9 0%, #fbeeed 100%);
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__yui .block-fragrance-type--item-link-anchor {
  color: #eccac9;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__kihin {
  color: #e0be8d;
  width: 33.3333333333%;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__kihin .block-fragrance-type--item-text-area {
  background: #e0be8d;
  background: linear-gradient(225deg, #e0be8d 0%, #efe2ca 100%);
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__kihin .block-fragrance-type--item-link-anchor {
  color: #e0be8d;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__urara {
  color: #c3a9a1;
  width: 33.3333333333%;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__urara .block-fragrance-type--item-text-area {
  background: #c3a9a1;
  background: linear-gradient(225deg, #c3a9a1 0%, #f5f5f2 100%);
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__urara .block-fragrance-type--item-link-anchor {
  color: #c3a9a1;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__rin {
  color: #A6ABB2;
  width: 33.3333333333%;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__rin .block-fragrance-type--item-text-area {
  background: #a6abb2;
  background: linear-gradient(225deg, #a6abb2 0%, #ecedf1 100%);
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__rin .block-fragrance-type--item-link-anchor {
  color: #A6ABB2;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__hikari, body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__mai {
  width: calc(50% - 10px);
  width: 50%;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__hikari .block-fragrance-type--item-text-area, body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__mai .block-fragrance-type--item-text-area {
  background: #f5f7fc;
  background: linear-gradient(225deg, #ebeef7 0%, #f5f7fc 100%);
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__hikari .block-fragrance-type--item-name, body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__mai .block-fragrance-type--item-name {
  color: #6288c5;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__hikari .block-fragrance-type--item-link-anchor, body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item__mai .block-fragrance-type--item-link-anchor {
  background-color: #dee8f6;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item-image {
  background-color: #dbdbdb;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item-text-area {
  padding: 20px 5px;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item-name {
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item-link {
  padding: 0;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item-link:not(:last-child) {
  margin-bottom: 2px;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item-link-anchor {
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  font-size: 10px;
  line-height: 30px;
  padding-left: 10px;
  position: relative;
  text-align: left;
}
body.page-list .block-line-top-container__decortekimono .block-fragrance-type--item-link-anchor::after {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-right: none;
  border-left: 6px solid #333333;
  right: 10px;
  opacity: 0.5;
  position: absolute;
  top: calc(50% - 5px);
}
body.page-list .block-line-top-container__decortekimono .block-design-movie {
  background-color: #ffffff;
  margin: -20px 0 0;
  padding: 0 0 40px;
}
body.page-list .block-line-top-container__decortekimono .block-design-movie .block-line-movie {
  margin-bottom: 0;
}
body.page-list .block-line-top-container__decortekimono .block-design {
  background-color: #ffffff;
  padding: 40px 0;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-design__water .block-design--title-en-text {
  color: #6288c5;
}
body.page-list .block-line-top-container__decortekimono .block-design--title {
  font-size: 18px;
  margin-bottom: 20px;
}
body.page-list .block-line-top-container__decortekimono .block-design--title-en-text {
  /*color: #e0be8d;*/
  color: #000000;
  display: block;
  /*font-size: 16px;*/
  font-size: 20px;
  letter-spacing: 0.1em;
}
body.page-list .block-line-top-container__decortekimono .block-design--lead {
  font-size: 12px;
}
body.page-list .block-line-top-container__decortekimono .block-design--visual {
  margin-top: 40px;
}
body.page-list .block-line-top-container__decortekimono sup {
  vertical-align: super;
}
body.page-list .block-line-top-container__decortekimono .detailbtn {
  background: #000000;
  padding: 3% 8% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
body.page-list .block-line-top-container__decortekimono .detailbtn:hover {
  background: #555555;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup {
  background: url(/decorte/img/decorte2023/sp/decorte_kimono/pickup_bg.png) no-repeat center top;
  background-size: cover;
  padding: 5% 4% 8%;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-group {
  display: block;
  width: 100%;
  margin: 0 auto 10%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai {
  width: 100%;
  max-width: 400px;
  border-radius: 8px;
  background: #ffffff;
  padding: 8% 2% 6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 3%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-date, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-date {
  font-size: 12px;
  padding: 3px 6px;
  margin-bottom: 3%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-name, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-name {
  font-size: 18px;
  margin-bottom: 4%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-copy, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-copy {
  font-size: 12px;
  margin-bottom: 6%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-item, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-item-image, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-item-image {
  width: 180px;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-item-txt, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-item-txt {
  width: calc(100% - 190px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-item-txt > p, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-item-txt > p {
  font-size: 11px;
  line-height: 1.4;
  margin-bottom: 5%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-item-txt > p:nth-of-type(2), body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-item-txt > p:nth-of-type(2) {
  margin-top: 5%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-item .detailbtn, body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-item .detailbtn {
  font-size: 11px;
  padding: 3% 6% 4%;
  width: 120px;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-date {
  color: #D48CAD;
  background: #FEF0F4;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-sakura-name {
  color: #D48CAD;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai {
  margin-bottom: 0;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-date {
  color: #6289C6;
  background: #EDF2FA;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-hikarimai-name {
  color: #6289C6;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-lead {
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-lead-copy1 {
  font-size: 20px;
  margin-bottom: 4%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-lead-copy2 {
  font-size: 16px;
  margin-bottom: 6%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-lead-txt {
  font-size: 12px;
  margin-bottom: 6%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-lead-txt > p {
  margin-bottom: 3%;
}
body.page-list .block-line-top-container__decortekimono .block-line-pickup-lead-notice {
  font-size: 10px;
}
body.page-list .block-line-top-container__decortekimono .block-bannerarea {
  text-align: center;
  margin-bottom: 8%;
}
body.page-list .block-line-top-container__decortekimono .block-bannerarea-title {
  color: #CC8A9B;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 3%;
}
body.page-list .block-line-top-container__decortekimono .block-bannerarea-title::before, body.page-list .block-line-top-container__decortekimono .block-bannerarea-title::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #CC8A9B;
}
body.page-list .block-line-top-container__decortekimono .block-bannerarea-title::before {
  margin-right: 10px;
  transform: rotate(-30deg);
}
body.page-list .block-line-top-container__decortekimono .block-bannerarea-title::after {
  margin-left: 10px;
  transform: rotate(30deg);
}
body.page-list .block-line-top-container__decortekimono .block-bannerarea-btn {
  width: 90%;
  display: block;
  margin: 0 auto;
}
body.page-list .block-line-top-container__decortekimono .block-section4-scroll {
  overflow-x: scroll;
  width: 94%;
  margin: 0 auto 8%;
  scrollbar-color: #666666 #f0f0f0;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap {
  width: 930px;
  height: 560px;
  margin: 0 auto 3%;
  position: relative;
  background: url(/decorte/img/decorte2023/sp/decorte_kimono/fragrancemap.png) no-repeat left top;
  background-size: contain;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap > div {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap > div span {
  position: absolute;
  display: block;
  border-radius: 4px;
  padding: 2px 4px 3px;
  font-size: 8px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-yui {
  top: 315px;
  left: 265px;
  width: 40px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-yui span { /*background: #FBD9DA;*/
  bottom: -5px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-urara {
  top: 170px;
  left: 74px;
  width: 40px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-urara span { /*background: #EBD6CF;*/
  bottom: -5px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-kihin {
  top: 398px;
  left: 748px;
  width: 40px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-kihin span { /*background: #F4E1C2;*/
  bottom: -5px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-rin {
  top: 468px;
  left: 561px;
  width: 40px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-rin span { /*background: #CDCDCD;*/
  bottom: -5px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-tsuya {
  top: 363px;
  left: 335px;
  width: 40px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-tsuya span { /*background: #EACDE4;*/
  bottom: -5px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-mai {
  top: 428px;
  left: 851px;
  width: 44px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-mai span { /*background: #DDE8F8;*/
  bottom: -7px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-hikari {
  top: 165px;
  left: 263px;
  width: 44px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-hikari span { /*background: #DDE8F8;*/
  bottom: -7px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-sakura {
  top: 245px;
  left: 118px;
  width: 44px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-sakura span { /*background: #FBD9DA;*/
  bottom: -7px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-crystaltea {
  top: 89px;
  left: 29px;
  width: 36px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-crystaltea span { /*background: #EAF6FD;*/
  bottom: -30px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-osmanthus {
  top: 96px;
  left: 164px;
  width: 36px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-osmanthus span { /*background: #FEF3E7;*/
  bottom: -18px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-pearwoody {
  top: 121px;
  left: 327px;
  width: 36px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-pearwoody span { /*background: #EBEDDF;*/
  bottom: -42px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-rosemuguet {
  top: 152px;
  left: 217px;
  width: 36px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-rosemuguet span { /*background: #FBEEF5;*/
  bottom: -42px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-aqedp {
  top: 405px;
  left: 384px;
  width: 34px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-fragrancemap-aqedp span { /*background: #F0F0F0;*/
  bottom: -43px;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup {
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-title {
  width: 100%;
  padding: 4%;
  font-size: 18px;
  color: #666666;
  background: #f0f0f0;
  margin-bottom: 5%;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item {
  width: 100%;
  max-width: 480px;
  display: flex;
  margin: 0 auto 3%;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-image {
  width: 38%;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt {
  width: 62%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5%;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt.bg-hikari {
  background: #ECF1F8;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt.bg-mai {
  background: #ECF1F8;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt.bg-tsuya {
  background: #F6EDF4;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt.bg-yui {
  background: #FDF0F3;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt.bg-kihin {
  background: #FBF0E6;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt.bg-urara {
  background: #F6EDEA;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt.bg-rin {
  background: #E9E7EA;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name {
  font-size: 11px;
  margin-bottom: 2%;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name.color-hikari {
  color: #6289C6;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name.color-mai {
  color: #6289C6;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name.color-tsuya {
  color: #B0597E;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name.color-yui {
  color: #F097B2;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name.color-kihin {
  color: #CEAA80;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name.color-urara {
  color: #D9B4A0;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-name.color-rin {
  color: #A6ABB2;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-copy {
  font-size: 12px;
  margin-bottom: 4%;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt-txt {
  font-size: 10px;
  margin-bottom: 6%;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt .detailbtn {
  margin-bottom: 2%;
  font-size: 10px;
  line-height: 1;
  padding: 3% 6% 4%;
  background: #555555;
  width: 80%;
  max-width: 150px;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .block-section4-lineup-item-txt .detailbtn:hover {
  background: #000000;
}
body.page-list .block-line-top-container__decortekimono .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
body.page-list .block-line-top-container__decortekimono .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  column-gap: 20px;
  padding: 5% 3%;
}
body.page-list .block-line-top-container__decortekimono .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -25px;
  height: 20px;
  width: 20px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.page-list .block-line-top-container__decortekimono .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
body.page-list .block-line-top-container__decortekimono .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
body.page-list .block-line-top-container__decortekimono .modal-btn {
  cursor: pointer;
}
body.page-list .block-line-top-container__decortekimono #marcel .modal-container {
  width: 90%;
  max-width: 480px;
  padding: 0;
  min-height: inherit;
}
body.page-list .block-line-top-container__decortekimono #marcel .modal-close {
  top: 20px;
  right: 20px;
}
body.page-list .block-line-top-container__decortekimono .modal-marcel {
  width: 100%;
}
body.page-list .block-line-top-container__decortekimono .modal-marcel-title {
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 5%;
}
body.page-list .block-line-top-container__decortekimono .modal-marcel-body {
  padding: 5%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
body.page-list .block-line-top-container__decortekimono .modal-marcel-body-marcel {
  width: 60%;
  max-width: 240px;
  margin-bottom: 5%;
}
body.page-list .block-line-top-container__decortekimono .modal-marcel-body-txt {
  width: 100%;
  font-size: 11px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.6;
  margin-bottom: 5%;
}
body.page-list .block-line-top-container__decortekimono .modal-marcel-body-image {
  width: 50%;
  max-width: 180px;
  margin-bottom: 5%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-direction: column;
  height: 100%;
  overflow: scroll;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-image {
  width: 120px;
  margin: 0 auto;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt {
  width: 100%;
  text-align: center;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt-name {
  font-size: 14px;
  color: #F097B2;
  margin-bottom: 3%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt-copy {
  font-size: 16px;
  margin-bottom: 4%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt-txt {
  font-size: 12px;
  margin-bottom: 5%;
  line-height: 1.6;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt-scent {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto 5%;
  max-width: 240px;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt-scent-item {
  width: 100px;
  text-align: center;
  margin: 0 10px 3%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt-scent-item span {
  font-size: 10px;
  margin-top: 1%;
  display: block;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance-txt .detailbtn {
  display: inline-block;
  font-size: 11px;
  padding: 2% 8% 3%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance.scent4 .modal-fragrance-image {
  width: 110px;
  margin-bottom: 4%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance.scent4 .modal-fragrance-txt {
  width: 100%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance.scent4 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance.scent3 .modal-fragrance-image {
  width: 120px;
  margin-bottom: 5%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance.scent3 .modal-fragrance-txt {
  width: 100%;
}
body.page-list .block-line-top-container__decortekimono .modal-fragrance.scent3 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
body.page-list .block-line-top-container__decortekimono #yui .modal-fragrance-txt-name {
  color: #F097B2;
}
body.page-list .block-line-top-container__decortekimono #urara .modal-fragrance-txt-name {
  color: #D9B4A0;
}
body.page-list .block-line-top-container__decortekimono #kihin .modal-fragrance-txt-name {
  color: #CEAA80;
}
body.page-list .block-line-top-container__decortekimono #rin .modal-fragrance-txt-name {
  color: #A6ABB2;
}
body.page-list .block-line-top-container__decortekimono #tsuya .modal-fragrance-txt-name {
  color: #B0597E;
}
body.page-list .block-line-top-container__decortekimono #mai .modal-fragrance-txt-name {
  color: #6289C6;
}
body.page-list .block-line-top-container__decortekimono #hikari .modal-fragrance-txt-name {
  color: #6289C6;
}
body.page-list .block-line-top-container__decortekimono #sakura .modal-fragrance-txt-name {
  color: #D48CAD;
}
body.page-list .block-line-top-container__decortekimono #crystaltea .modal-fragrance-txt-name {
  color: #AEA08D;
}
body.page-list .block-line-top-container__decortekimono #osmanthus .modal-fragrance-txt-name {
  color: #AEA08D;
}
body.page-list .block-line-top-container__decortekimono #pearwoody .modal-fragrance-txt-name {
  color: #AEA08D;
}
body.page-list .block-line-top-container__decortekimono #rosemuguet .modal-fragrance-txt-name {
  color: #AEA08D;
}
body.page-list .block-line-top-container__decortekimono #aqedp .modal-fragrance-txt-name {
  color: #BCA0C2;
}
body.page-list .block-line-top-container__decortekimono #yui .modal-container, body.page-list .block-line-top-container__decortekimono #urara .modal-container, body.page-list .block-line-top-container__decortekimono #kihin .modal-container, body.page-list .block-line-top-container__decortekimono #rin .modal-container, body.page-list .block-line-top-container__decortekimono #tsuya .modal-container, body.page-list .block-line-top-container__decortekimono #mai .modal-container, body.page-list .block-line-top-container__decortekimono #sakura .modal-container, body.page-list .block-line-top-container__decortekimono #crystaltea .modal-container, body.page-list .block-line-top-container__decortekimono #osmanthus .modal-container, body.page-list .block-line-top-container__decortekimono #pearwoody .modal-container, body.page-list .block-line-top-container__decortekimono #rosemuguet .modal-container, body.page-list .block-line-top-container__decortekimono #aqedp .modal-container {
  height: calc(75% - 30px);
}

body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-key-visual {
  margin: 0 auto 40px;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept {
  background-color: #f0f0f0;
  margin-bottom: 40px;
  padding: 40px 15px;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-list {
  margin: 0 auto;
  justify-content: center;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-list:not(:last-child) {
  margin-bottom: 40px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-list-item {
  background-color: #ffffff;
  padding: 40px 0;
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-list-item:not(:last-child) {
  margin-bottom: 40px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-thumbnail {
  margin-bottom: 20px;
  margin-top: -40px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-name {
  font-size: 16px;
  margin: 0 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-lead {
  margin: 0 20px 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-more .common-learn-more {
  border-bottom: 1px solid;
  color: #666666;
  line-height: 1;
  padding-bottom: 4px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept {
  background-image: url("../../images/sp/de_la_vie/line_concept_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .page-de-la-vie-top .block-line-concept--link-list-item {
  background-color: rgba(255, 255, 255, 0.8);
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system {
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--title {
  background-color: #dbdbdb;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--trigger {
  background-color: #dbdbdb;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--container {
  padding-top: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--container:not(:last-child) {
  border-bottom: 1px solid;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step {
  position: relative;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 60px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step:not(:last-child)::after {
  border: 20px solid transparent;
  border-top: 20px solid #666666;
  box-sizing: border-box;
  bottom: -20px;
  content: "";
  display: block;
  left: calc(50% - 20px);
  position: absolute;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-header {
  margin-bottom: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-header-title {
  font-weight: 700;
  font-size: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 30px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row:not(:last-child)::after {
  border: 10px solid transparent;
  border-top: 10px solid #dbdbdb;
  box-sizing: border-box;
  bottom: -10px;
  content: "";
  display: block;
  left: calc(50% - 10px);
  position: absolute;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row__personal {
  background-color: #f0f0f0;
  margin: 0 -15px;
  padding: 20px 15px 20px;
  width: calc(100% + 30px);
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row__personal .block-product-system--step-row-item {
  background-color: #ffffff;
  border: none;
  margin-bottom: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row__option {
  border: 1px solid #dbdbdb;
  padding: 20px 15px 20px;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row__nightday {
  display: flex;
  flex-wrap: wrap;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-nightday-column {
  width: calc(50% - 20px);
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-nightday-column:first-child {
  margin-right: 40px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-nightday-column .block-product-system--step-row-item {
  margin: 0 auto;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-nightday-column .block-product-system--step-header-title {
  border-bottom: 1px solid #000000;
  line-height: 1.3;
  padding-bottom: 0.5em;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-item {
  font-size: 12px;
  padding: 20px 0;
  width: calc((100% - 40px) / 2);
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-item-anchor {
  text-decoration: none;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-item-image {
  padding: 0 10px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-item .icon {
  display: block;
  margin: 10px 0;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-item .icon-day {
  background-color: #dbdbdb;
  background-image: url("../../images/common_day_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-item .icon-day:not(:last-child) {
  margin-right: 2px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-item .icon-night {
  background-color: #dbdbdb;
  background-image: url("../../images/common_night_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-or {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 40px;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-personal-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__delavie .block-product-system--step-row-option-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}

/*
対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__evenperfect {
  /*
  モーダル内の場合 
  対象モーダルのID名 対象要素のクラス名 {
  }
  */
}
body.page-list .block-line-top-container__evenperfect .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
body.page-list .block-line-top-container__evenperfect #line_modal_01 .block-common-modal--body {
  margin: 0;
  background-image: url("../../../img/decorte2023/sp/even_perfect/line_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  min-width: inherit;
  padding: 40px 0 95%;
}
body.page-list .block-line-top-container__evenperfect #line_modal_01 .block-concept--lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  margin: 0 auto 20px;
  width: 100%;
  text-align: center;
}
body.page-list .block-line-top-container__evenperfect #line_modal_01 .block-concept--text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
body.page-list .block-line-top-container__evenperfect .page-even-perfect-top .block-line--concept .block-line--l-container {
  margin: 0 auto auto;
  color: #000;
  padding: 0;
}

/*
body.page-list .block-line-top-container__evercrystal 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__evercrystal .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__evercrystal 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__evercrystal #line_modal_01 .block-common-modal--body {
  padding: 60px 0;
}

body.page-list .block-line-top-container__evercrystal #line_modal_01 .block-common-modal--container {
  margin: 0;
  background-image: url("../../images/sp/ever_crystal/line_bg_02.jpg");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center top;
}

body.page-list .block-line-top-container__evercrystal #line_modal_01 .block-concept--lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  margin: 0 auto 40px;
  width: 95%;
  text-align: center;
  display: block;
}

body.page-list .block-line-top-container__evercrystal #line_modal_01 .block-concept--text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
  margin: 0 auto;
  width: 95%;
  text-align: center;
  display: block;
}

/*
body.page-list .block-line-top-container__herbalconcentrate 対象要素のクラス名 {
}
*/
/*
モーダル内の場合 
body.page-list .block-line-top-container__herbalconcentrate 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__herbalconcentrate #line_modal_step .block-common-modal--container {
  /*    .block-line-step--logo {
        background-color: #ccbddf;
        line-height: 1;
        max-height: none;
        padding: 20px 0;
        img {
          width: 80%;
        }
      }*/
}
body.page-list .block-line-top-container__herbalconcentrate #line_modal_step .block-common-modal--container .block-line-step--flow-products-image img {
  max-width: 120px;
}
body.page-list .block-line-top-container__herbalconcentrate #line_modal_step .block-common-modal--container .block-line-step--flow-products-name {
  width: 50%;
}
body.page-list .block-line-top-container__herbalconcentrate #line_modal_step .block-common-modal--container .block-line-step--message {
  font-size: 14px;
  text-align: center;
}

.block-line-top-container__hydraclarity .block-line-message .block-copy {
  margin-bottom: 30px;
}
.block-line-top-container__hydraclarity .block-line-message .block-copy--sub-text {
  font-size: 18px;
}
.block-line-top-container__hydraclarity .block-line-message .block-copy--main-copy {
  font-size: 30px;
  line-height: 1.5;
  margin: 10px 0;
}
.block-line-top-container__hydraclarity .block-line-message .block-copy--main-copy span {
  display: block;
  font-size: 20px;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__hydraclarity 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__hydraclarity #line_modal_01 .block-common-modal--container {
  background-color: #faf4e9;
}

body.page-list .block-line-top-container__hydraclarity #line_modal_01 .block-concept--lead {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

.page-line-hydraclarity202601 {
  padding-bottom: 80px;
}
.page-line-hydraclarity202601 body, .page-line-hydraclarity202601 h1, .page-line-hydraclarity202601 h2, .page-line-hydraclarity202601 h3, .page-line-hydraclarity202601 h4, .page-line-hydraclarity202601 p, .page-line-hydraclarity202601 ul, .page-line-hydraclarity202601 ol, .page-line-hydraclarity202601 li, .page-line-hydraclarity202601 figure, .page-line-hydraclarity202601 figcaption, .page-line-hydraclarity202601 blockquote, .page-line-hydraclarity202601 dl, .page-line-hydraclarity202601 dd, .page-line-hydraclarity202601 table, .page-line-hydraclarity202601 th, .page-line-hydraclarity202601 td {
  font-weight: 400;
}
.page-line-hydraclarity202601 sup {
  vertical-align: super;
  font-size: 0.6em;
}
.page-line-hydraclarity202601 .detailbtn {
  background: #000000;
  padding: 3% 6% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-line-hydraclarity202601 .detailbtn:hover {
  background: #555555;
}
.page-line-hydraclarity202601 .block-kv {
  width: 100%;
  margin: 0 auto;
}
.page-line-hydraclarity202601 .block-lead {
  padding: 6% 0;
}
.page-line-hydraclarity202601 .block-lead-subcopy {
  font-size: 16px;
  text-align: center;
  margin-bottom: 4%;
}
.page-line-hydraclarity202601 .block-lead-copy {
  font-size: 24px;
  text-align: center;
  margin-bottom: 4%;
}
.page-line-hydraclarity202601 .block-lead-txt {
  font-size: 16px;
  text-align: center;
}
.page-line-hydraclarity202601 .block-feature-navi {
  display: flex;
  justify-content: center;
  margin: 0 0 4%;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  overflow: hidden;
  padding-bottom: 4px;
}
.page-line-hydraclarity202601 .block-feature-navi-treatment {
  width: calc(50% - 1px);
  max-width: 639px;
  background: #F0F0F0;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
  margin-right: 1px;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  text-align: center;
  padding: 3% 2%;
  /*&::before {
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    transform: rotate(45deg);
    left: 10px;
  }*/
}
.page-line-hydraclarity202601 .block-feature-navi-treatment > span > span {
  font-size: 9px;
  display: block;
}
.page-line-hydraclarity202601 .block-feature-navi-treatment::after {
  content: none;
  display: block;
  position: absolute;
  width: 100vw;
  height: 4px;
  background: #D6BABB;
  bottom: -6px;
  left: 0;
}
.page-line-hydraclarity202601 .block-feature-navi-treatment.is-active {
  border-bottom: solid 2px #D6BABB;
  background: #D6BABB;
}
.page-line-hydraclarity202601 .block-feature-navi-treatment.is-active::before {
  content: none;
}
.page-line-hydraclarity202601 .block-feature-navi-treatment.is-active::after {
  content: "";
}
.page-line-hydraclarity202601 .block-feature-navi-brightening {
  width: calc(50% - 1px);
  max-width: 639px;
  background: #F0F0F0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
  margin-left: 1px;
  border-radius: 4px 4px 0 0;
  text-align: center;
  cursor: pointer;
  padding: 3% 2%;
  /*&::after {
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    transform: rotate(45deg);
    right: 10px;
  }*/
}
.page-line-hydraclarity202601 .block-feature-navi-brightening > span > span {
  font-size: 9px;
  display: block;
}
.page-line-hydraclarity202601 .block-feature-navi-brightening::before {
  content: none;
  display: block;
  position: absolute;
  width: 100vw;
  height: 4px;
  background: #C5DFEE;
  bottom: -6px;
  right: 0;
}
.page-line-hydraclarity202601 .block-feature-navi-brightening.is-active {
  border-bottom: solid 2px #C5DFEE;
  background: #C5DFEE;
}
.page-line-hydraclarity202601 .block-feature-navi-brightening.is-active::after {
  content: none;
}
.page-line-hydraclarity202601 .block-feature-navi-brightening.is-active::before {
  content: "";
}
.page-line-hydraclarity202601 .block-feature-body {
  width: 100%;
  margin: 0 auto 5%;
  position: relative;
  overflow: hidden;
  padding-top: 80px;
}
.page-line-hydraclarity202601 .block-feature-body-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}
.page-line-hydraclarity202601 .block-feature-body-item-main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 8% 3%;
}
.page-line-hydraclarity202601 .block-feature-body-item-main-image {
  width: 160px;
  margin: 0 auto 4%;
}
.page-line-hydraclarity202601 .block-feature-body-item-main-txt {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 5%;
}
.page-line-hydraclarity202601 .block-feature-body-item-main-notice {
  font-size: 12px;
  text-align: left;
}
.page-line-hydraclarity202601 .block-feature-body-item-copy {
  font-size: 16px;
  text-align: center;
  margin: 7% auto;
  line-height: 1.6;
}
.page-line-hydraclarity202601 .block-feature-body-item-copy span {
  display: block;
  font-size: 11px;
  margin-top: 3%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box {
  background: #ffffff;
  border-radius: 12px;
  margin: 0 auto 5%;
  padding: 5% 3%;
  width: 94%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box:last-of-type {
  margin-bottom: 6%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-title {
  width: 100%;
  padding: 3%;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 6%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-colortxt {
  font-size: 16px;
  margin-bottom: 5%;
  text-align: center;
  font-weight: 400;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-effectimage {
  margin: auto;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingremain {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 6%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingremain-image {
  width: 50%;
  max-width: 200px;
  margin: 0 auto;
  order: 2;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingremain-txt {
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 5%;
  order: 1;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-subtitle {
  font-size: 14px;
  padding: 3%;
  border: solid 1px #B4B4B4;
  color: #444444;
  text-align: center;
  margin-bottom: 4%;
  border-radius: 30px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-column1 {
  display: flex;
  justify-content: center;
  margin-bottom: 6%;
  width: 100%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-column2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
  width: 100%;
  flex-direction: column;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-column2 > div:first-of-type {
  margin-bottom: 4%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-image {
  width: 140px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt {
  width: calc(100% - 160px);
  text-align: left;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title span {
  font-size: 11px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title.ingre1 {
  color: #DB8C8F;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title.ingre2 {
  color: #7EB4D4;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-txt {
  font-size: 12px;
  margin-bottom: 10px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-notice {
  font-size: 8px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-txt {
  font-size: 11px;
  margin-bottom: 6%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-txt-notice {
  display: block;
  font-size: 8px;
  margin-top: 2%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-lead {
  font-size: 14px;
  margin-bottom: 6%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-capsule {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-capsule-image {
  width: 150px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-capsule-txt {
  width: calc(100% - 165px);
  text-align: left;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-capsule-txt-title {
  font-size: 18px;
  color: #7EB4D4;
  margin-bottom: 20px;
  font-weight: 400;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-capsule-txt-txt {
  font-size: 12px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-tec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-tec-item {
  width: 100%;
  text-align: center;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-tec-item:first-of-type {
  margin-bottom: 6%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-tec-item-title {
  font-size: 16px;
  color: #AD8A93;
  margin-bottom: 4%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-tec-item-txt {
  font-size: 12px;
  margin-bottom: 20px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-tec-item-image {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-tec-item-notice {
  font-size: 8px;
  width: 100%;
  text-align: right;
  margin-top: 5px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-scent {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-scent-scent {
  max-width: 277px;
  width: 70%;
  margin: 0 auto 6%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-scent-product {
  max-width: 320px;
  width: 90%;
  margin: 0 auto;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item {
  width: 100%;
  display: flex;
  margin-bottom: 5%;
  border-bottom: solid 1px #AABBC8;
  padding-bottom: 8%;
  justify-content: space-between;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item:last-of-type {
  border-bottom: none !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image {
  width: 100px;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image span {
  font-size: 9px;
  padding: 4px 8px;
  display: block;
  width: 80px;
  margin: auto;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image span.cat-treatment {
  background: #F4EBEB;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image span.cat-brightening {
  background: #DFECF3;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt {
  width: calc(100% - 105px);
  text-align: left;
  padding-top: 2%;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt-copy {
  font-size: 12px;
  margin-bottom: 4%;
  line-height: 1.8;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt-name {
  font-size: 10px;
  margin-bottom: 4%;
  line-height: 1.6;
}
.page-line-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt-notice {
  font-size: 8px;
  line-height: 1.5;
}
.page-line-hydraclarity202601 .block-feature-body-treatment {
  transform: translateX(-100%);
  position: absolute;
  background: #EFE1E1;
}
.page-line-hydraclarity202601 .block-feature-body-treatment.is-show {
  transform: translateX(0);
  position: relative;
}
.page-line-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-main {
  background: #F8EDED;
}
.page-line-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-title {
  background-image: linear-gradient(90deg, #e6c7c9 1%, #f0d7d8);
}
.page-line-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-colortxt {
  color: #DB8C8F;
}
.page-line-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-effectimage {
  width: 100%;
}
.page-line-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-tec-item-txt {
  text-align: left;
}
.page-line-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-itemlist-item {
  border-bottom: solid 1px #C7B2B2;
}
.page-line-hydraclarity202601 .block-feature-body-brightening {
  transform: translateX(100%);
  position: absolute;
  background: #D2E4EE;
}
.page-line-hydraclarity202601 .block-feature-body-brightening.is-show {
  transform: translateX(0);
  position: relative;
}
.page-line-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-main {
  background: #E9F3F9;
}
.page-line-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-box-title {
  background-image: linear-gradient(90deg, #b5d8eb, #d4deea);
}
.page-line-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-box-colortxt {
  color: #7EB4D4;
}
.page-line-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-box-effectimage {
  width: 100%;
}
.page-line-hydraclarity202601 .block-cat {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 40px;
  flex-direction: column;
}
.page-line-hydraclarity202601 .block-cat-image {
  width: 92%;
  max-width: 360px;
  margin: 0 auto 20px;
}
.page-line-hydraclarity202601 .block-cat-txt {
  width: 92%;
  margin: 0 auto;
}
.page-line-hydraclarity202601 .block-cat-txt dl {
  display: flex;
  font-size: 12px;
  margin: 3px auto;
}
.page-line-hydraclarity202601 .block-cat-txt dl dt {
  width: 115px;
  justify-content: space-between;
  font-weight: 500;
}
.page-line-hydraclarity202601 .block-cat-txt dl dd {
  width: calc(100% - 125px);
  font-weight: 300;
}
.page-line-hydraclarity202601 .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-line-hydraclarity202601 .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 800px;
  column-gap: 20px;
  padding: 60px 40px;
}
.page-line-hydraclarity202601 .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -35px;
  height: 30px;
  width: 30px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-line-hydraclarity202601 .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 30px;
}
.page-line-hydraclarity202601 .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 30px;
}
.page-line-hydraclarity202601 .modal-btn {
  cursor: pointer;
}
.page-line-hydraclarity202601 .js-fixed-area {
  position: relative;
  background: #ffffff;
}
.page-line-hydraclarity202601 .js-fixed-elm {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  background: #ffffff;
}
.page-line-hydraclarity202601 .js-fixed-elm.is-fixed {
  position: fixed;
  top: 60px;
}
.page-line-hydraclarity202601 .block-limited {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 0;
  justify-content: center;
  margin: 30px auto 60px;
  width: calc(100% - 40px);
}
.page-line-hydraclarity202601 .block-limited--copy {
  font-size: 18px;
  text-align: center;
}
.page-line-hydraclarity202601 .block-limited--item {
  position: relative;
  width: 50%;
}
.page-line-hydraclarity202601 .block-limited--item__treatment span {
  color: #DB8C8F;
  right: calc(50% + 30px);
}
.page-line-hydraclarity202601 .block-limited--item__bright span {
  color: #7EB4D4;
  left: calc(50% + 30px);
}
.page-line-hydraclarity202601 .block-limited--item span {
  border-bottom: 1px solid;
  display: inline-block;
  font-size: 10px;
  line-height: 1.5;
  padding-bottom: 4px;
  position: absolute;
  text-align: center;
  top: -20px;
}
.page-line-hydraclarity202601 .block-limited--item figure {
  display: block;
  margin: 0 auto;
  width: 50px;
}
.page-line-hydraclarity202601 .block-limited--item p {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  margin-top: -40px;
  text-align: center;
}
.page-line-hydraclarity202601 .block-limited--item a {
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 1;
  margin: 0 auto;
  min-height: 30px;
  padding: calc((30px - 1em) / 2) 1em;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 10em;
}

/*
body.page-list .block-line-top-container__ipshot 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__ipshot .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

body.page-list .block-line-top-container__ipshot .block-background {
  background: #000;
  color: #fff;
  padding-bottom: 1px;
}

body.page-list .block-line-top-container__ipshot .block-background .block-line-more--anchor,
body.page-list .block-line-top-container__ipshot .block-background .block-line-more--trigger {
  background: #000;
  color: #fff;
  border: 1px solid #fff;
}

body.page-list .block-line-top-container__ipshot .block-line-other-container {
  margin-top: 30px;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__ipshot 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__ipshot #line_modal_01 .block-common-modal--container {
  background-color: #faf4e9;
}

body.page-list .block-line-top-container__ipshot #line_modal_01 .block-concept--lead {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

/*
body.page-list .block-line-top-container__lacouture 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__lacouture .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__lacouture 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__lacouture #line_modal_01 .block-common-modal--container {
  background-color: #faf4e9;
}

body.page-list .block-line-top-container__lacouture #line_modal_01 .block-concept--lead {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

/*
body.page-list .block-line-top-container__ipshot 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__liposome .block-line-campaign {
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 30px;
  padding: 40px 15px;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-campaign > *:last-child {
  margin-bottom: 0;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--title {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 40px;
  text-align: center;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--title img {
  display: inline-block;
  max-width: 352px;
  width: 80%;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--banner {
  margin: 0 auto 40px;
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--banner span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  text-decoration: none;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--movie {
  margin: 0 auto;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--movie-item {
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--movie-item:nth-child(1) {
  margin-bottom: 40px;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--movie-item:nth-child(1) .block-line-campaign--movie-item-title img {
  width: 235px;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--movie-item:nth-child(2) .block-line-campaign--movie-item-title img {
  width: 272px;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--movie-item-title {
  margin-bottom: 10px;
  text-align: center;
}
body.page-list .block-line-top-container__liposome .block-line-campaign--movie-item-title img {
  display: inline-block;
}
body.page-list .block-line-top-container__liposome .block-line-step--logo {
  background-color: #7f5593;
  line-height: 1;
  max-height: none;
  padding: 20px 0;
}
body.page-list .block-line-top-container__liposome .block-line-step--logo img {
  height: 20px;
}
body.page-list .block-line-top-container__liposome .block-line-flow {
  background-color: #f7f5ff;
}
body.page-list .block-line-top-container__liposome .block-line-flow--list {
  margin: 0 auto;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-flow--list-item:not(:last-child) {
  padding-bottom: 80px;
  position: relative;
}
body.page-list .block-line-top-container__liposome .block-line-flow--list-item:not(:last-child)::after {
  border: 30px solid transparent;
  border-top: 24px solid #7f5593;
  bottom: 0;
  content: "";
  display: block;
  left: calc(50% - 30px);
  position: absolute;
}
body.page-list .block-line-top-container__liposome .block-line-flow--list-item.-step4 {
  padding-bottom: 20px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--list-item.-step4::after {
  display: none;
}
body.page-list .block-line-top-container__liposome .block-line-flow--step {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: calc(100% - 20px);
}
body.page-list .block-line-top-container__liposome .block-line-flow--step > * {
  align-items: center;
  display: flex;
  justify-content: center;
}
body.page-list .block-line-top-container__liposome .block-line-flow--step-title {
  color: #7f5593;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-flow--step-theme {
  background-color: #7f5593;
  color: #ffffff;
  font-size: 20px;
  margin-right: 10px;
  min-height: 60px;
  text-align: center;
  width: calc(50% - 5px);
}
body.page-list .block-line-top-container__liposome .block-line-flow--step-detail-area {
  flex-flow: column;
  justify-content: space-between;
  text-align: center;
  width: calc(50% - 5px);
}
body.page-list .block-line-top-container__liposome .block-line-flow--step-detail-area .block-line-flow--step-detail {
  padding: 3px 0;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-flow--step-detail-area .block-line-flow--step-detail:nth-child(1) {
  margin-bottom: 4px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--step-detail {
  border: 1px solid;
  color: #7f5593;
  font-size: 12px;
  text-align: center;
  width: calc(50% - 5px);
}
body.page-list .block-line-top-container__liposome .block-line-flow--special {
  align-items: center;
  background-image: linear-gradient(0deg, rgba(247, 245, 255, 0.5), rgba(127, 85, 147, 0.5));
  padding: 40px 10px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-time {
  font-size: 0;
  margin-bottom: 10px;
  text-align: center;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-time img {
  display: inline-block;
  margin: 0 2px;
  width: 20px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-type {
  background-color: #7f5593;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 0.2em 0.5em;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-image {
  margin: 0 auto 20px;
  width: 50%;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-text-area {
  text-align: center;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-catch {
  border: 1px solid;
  display: block;
  font-size: 14px;
  margin: 0 auto 20px;
  padding: 0.5em;
  width: 20em;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-copy {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-copy-weak {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-main-copy {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 10px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-main-copy-weak {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-name {
  font-size: 14px;
  margin: 20px 0 10px;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-more-anchor {
  background-color: #333333;
  color: #ffffff;
  display: block;
  font-size: 16px;
  line-height: 40px;
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
}
body.page-list .block-line-top-container__liposome .block-line-flow--special-notes {
  font-size: 12px;
  margin-top: 10px;
}

/*
body.page-list .block-line-top-container__makeupbrushes 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__makeupbrushes .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__makeupbrushes 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-common-modal--container {
  background: #000;
  text-align: center;
  color: #fff;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-common-modal--body {
  padding: 15px 0 0;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept {
  padding-bottom: 50px;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept--lead {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 30px;
  color: #fff;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept--text {
  margin-top: 50px;
  line-height: 2;
  color: #fff;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept-fiber {
  padding-bottom: 50px;
  background-color: #fdf8f2;
  color: #000;
  padding: 50px 5%;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept-fiber--lead {
  font-size: 18px;
  padding-top: 30px;
  line-height: 1.7;
  margin-bottom: 60px;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept-fiber--lead-title {
  font-size: 16px;
  margin-top: 60px;
  line-height: 1.7;
  margin-bottom: 40px;
  border-bottom: 1px solid #d6c28d;
  padding: 10px;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept-fiber--text {
  width: 100%;
  text-align: center;
  line-height: 1.7;
  padding-left: 0;
  padding-top: 30px;
  font-size: 14px;
}

body.page-list .block-line-top-container__makeupbrushes #line_modal_01 .block-concept-fiber--text-tags {
  margin-top: 60px;
  text-align: right;
  font-size: 0.8rem;
}

/*
body.page-list .block-line-top-container__maquiexpert 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__maquiexpert .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__maquiexpert 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__maquiexpert #line_modal_01 .block-common-modal--container {
  background-color: #faf4e9;
}

body.page-list .block-line-top-container__maquiexpert #line_modal_01 .block-common-modal--body {
  background-color: #000;
  background-image: url("../../../img/decorte2023/sp/maquiexpert/line_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 320px auto;
  padding: 350px 0 50px;
}

body.page-list .block-line-top-container__maquiexpert #line_modal_01 .block-concept--lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 17px;
  width: 80%;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.7;
  color: #fff;
}

body.page-list .block-line-top-container__maquiexpert #line_modal_01 .block-concept--text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
  margin: 0 auto;
  width: 95%;
  text-align: center;
  color: #fff;
}

/*
body.page-list .block-line-top-container__phytotune 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__phytotune .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__phytotune 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container .block-line-step--flow-noarrow {
  margin-bottom: 0 !important;
}

body.page-list .block-line-top-container .block-line-step--flow-noarrow::after {
  display: none !important;
}

body.page-list .block-line-top-container .block-line-step--flow-products-container > .block-line-step--flow-products {
  max-width: 150px;
}

/*
body.page-list .block-line-top-container__pointmakeup 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__pointmakeup .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

/*
モーダル内の場合 
body.page-list .block-line-top-container__pointmakeup 対象モーダルのID名 対象要素のクラス名 {
}
*/
body.page-list .block-line-top-container__pointmakeup .block-common-modal--body {
  padding: 0 0 100px;
}

body.page-list .block-line-top-container__pointmakeup #line_modal_01 .block-common-modal--container {
  background-color: #fff;
}

body.page-list .block-line-top-container__pointmakeup .block-concept {
  text-align: center;
}

body.page-list .block-line-top-container__pointmakeup .block-concept .block-concept--container {
  padding: 70px 0;
  background-position: center 40px;
  background-image: url("../../../img/decorte2023/sp/pointmakeup/component_bg_01.png");
  background-repeat: repeat;
}

body.page-list .block-line-top-container__pointmakeup .block-concept .block-concept--element-container {
  padding: 60px 0;
  overflow: hidden;
  margin: 0 auto;
  width: 96%;
}

body.page-list .block-line-top-container__pointmakeup .block-concept--lead {
  font-size: 20px;
  line-height: 2;
}

body.page-list .block-line-top-container__pointmakeup .block-concept--text {
  line-height: 2.5;
  margin-top: 50px;
}

body.page-list .block-line-top-container__pointmakeup .block-concept--element {
  background-color: #f7eae8;
  border-radius: 10px;
  margin: 30px auto 0;
  padding: 30px 20px 20px;
  width: calc(100% - 40px);
}

body.page-list .block-line-top-container__pointmakeup .block-concept--element-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eececc;
}

body.page-list .block-line-top-container__pointmakeup .block-concept--element-title small {
  font-size: 0.8em;
}

body.page-list .block-line-top-container__pointmakeup .block-concept--element-text {
  line-height: 2;
  margin-top: 20px;
}

.rougedecorte_series {
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: 40px;
  /*スライドのサムネイル*/
  /*toggle*/
}
.rougedecorte_series * {
  box-sizing: border-box;
}
.rougedecorte_series .detailbtn {
  background: #000000;
  padding: 12px 20px;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.rougedecorte_series .detailbtn:hover {
  background: #bba86f;
}
.rougedecorte_series sup {
  font-size: 0.5em;
}
.rougedecorte_series .block-kv {
  width: 100%;
  margin: 0 auto;
}
.rougedecorte_series .block-lead {
  background: linear-gradient(180deg, #FFEDE6, #EBD9DD);
  padding: 40px 0 25px;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rougedecorte_series .block-lead-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.rougedecorte_series .block-lead-txt p {
  margin-bottom: 15px;
}
.rougedecorte_series .block-lineup-title {
  height: 80px;
  background: linear-gradient(90deg, #914049, #CD727C);
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.rougedecorte_series .block-lineup-title span {
  color: #ffffff;
  font-size: 10px;
  padding: 3px 8px;
  display: block;
  margin-top: 5px;
  background: #A14D57;
  font-weight: 300;
}
.rougedecorte_series .block-lineup-box {
  width: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  font-size: 12px;
}
.rougedecorte_series .block-lineup-box-item {
  width: 100%;
  padding: 5px;
}
.rougedecorte_series .block-lineup-box-item-date {
  background: #f0f0f0;
  padding: 4px 12px;
  margin: 0 auto 10px;
  height: 30px;
  width: 200px;
}
.rougedecorte_series .block-lineup-box-item-copy {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.rougedecorte_series .block-lineup-box-item-image {
  margin: 0 auto 10px;
  width: 300px;
  margin-bottom: 10px;
}
.rougedecorte_series .block-lineup-box-item-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.rougedecorte_series .block-lineup-box-item-kv {
  width: 280px;
  margin: 0 auto 10px;
}
.rougedecorte_series .block-lineup-box-item-shiagari {
  width: 246px;
  margin: 0 auto 10px;
}
.rougedecorte_series .block-lineup-box-item-seibun {
  width: 200px;
  margin: 0 auto 10px;
}
.rougedecorte_series .block-lineup-box-item-swatch {
  width: 200px;
  margin: 0 auto;
}
.rougedecorte_series .block-lineup-box-item-texture {
  width: 200px;
  margin: 10px auto 0;
}
.rougedecorte_series .block-lineup-box-item-subject {
  padding: 15px 0;
  background: #f0f0f0;
  font-size: 14px;
}
.rougedecorte_series .block-lineup-box-item-subject span {
  display: block;
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
}
.rougedecorte_series .block-lineup-box-item-subject.headtitle {
  font-size: 16px;
  background: linear-gradient(90deg, #EAD8DF, #FAECE5);
  margin-bottom: 15px;
}
.rougedecorte_series .block-lineup-box-item-txt {
  padding: 15px 0;
}
.rougedecorte_series .block-lineup-box-item-txt-sub {
  border: solid 1px #b4b4b4;
  padding: 5px 8px;
  display: block;
  margin: 0 5px 5px;
  font-weight: 300;
}
.rougedecorte_series .block-lineup-box-item-list {
  padding: 0;
  margin: 0;
}
.rougedecorte_series .block-lineup-box-item-list li {
  list-style: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 8px;
  text-align: left;
}
.rougedecorte_series .block-lineup-box-item-list li:before {
  content: "";
  display: block;
  width: 16px;
  height: 13px;
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
}
.rougedecorte_series .block-lineup-box-item-list li:last-of-type {
  margin-bottom: 0;
}
.rougedecorte_series .block-lineup-navi {
  padding: 20px 10px 20px;
}
.rougedecorte_series .block-lineup-navi-item {
  width: 120px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #7E5454;
  background: #F0D9DB;
  position: relative;
  margin: 0 2px 20px;
}
.rougedecorte_series .block-lineup-navi-item::after {
  content: none;
  display: block;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 24px;
  height: 12px;
  background: #F0D9DB;
  position: absolute;
  bottom: -12px;
}
.rougedecorte_series .block-lineup-navi-item.slick-current {
  color: #ffffff;
  background: #AD5963;
}
.rougedecorte_series .block-lineup-navi-item.slick-current::after {
  content: "";
  background-color: #AD5963;
}
.rougedecorte_series .block-lineup-navi .slick-track {
  transform: unset !important;
}
.rougedecorte_series .block-lineup-notice {
  width: 100%;
  margin: 20px auto 0;
  font-size: 8px;
  padding: 0 10px;
}
.rougedecorte_series .block-lineup-slide .slick-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #C06978;
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: -9000px;
  overflow: hidden;
  z-index: 200;
}
.rougedecorte_series .block-lineup-slide .slick-arrow::after {
  content: "";
  width: 9px;
  height: 9px;
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 2px;
}
.rougedecorte_series .block-lineup-slide .slick-prev {
  top: 135px;
  left: 10px;
}
.rougedecorte_series .block-lineup-slide .slick-next {
  top: 135px;
  right: 10px;
  transform: rotate(180deg);
}
.rougedecorte_series .block-lineup .detailbtn {
  width: 70%;
  margin: 10px auto 0;
}
.rougedecorte_series .block-lineup .detailbtn.modallink {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rougedecorte_series .block-lineup .detailbtn.modallink::after {
  content: "";
  display: block;
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_series/modalicon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 11px;
  height: 12px;
  margin-left: 10px;
}
.rougedecorte_series .block-lineup .mgn15 {
  margin-bottom: 15px;
}
.rougedecorte_series .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.rougedecorte_series .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  padding: 8% 2% 4%;
  /*height: 70%;*/
  border-radius: 8px;
}
.rougedecorte_series .modal-container.scrollbox {
  height: 70%;
}
.rougedecorte_series .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -20px;
  height: 16px;
  width: 16px;
}
.rougedecorte_series .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 16px;
}
.rougedecorte_series .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 16px;
}
.rougedecorte_series .modal-btn {
  cursor: pointer;
}
.rougedecorte_series .modal-wrap {
  height: 100%;
  overflow-y: auto;
  padding: 0;
  scrollbar-color: #f0f0f0 #ffffff;
  width: 100%;
}
.rougedecorte_series .modal-makeupdata {
  background: #F4E8EA;
  padding: 10px 15px 10px;
  border-radius: 8px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
}
.rougedecorte_series .modal-makeupdata-title {
  text-align: center;
  margin: -25px auto 10px;
  height: 30px;
  display: block;
  padding: 5px 16px;
  border-radius: 30px;
  background: #E6CFD3;
  color: #804B54;
  display: block;
  width: 160px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.rougedecorte_series .modal-makeupdata-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dashed 1px #A68A8F;
  flex-wrap: wrap;
}
.rougedecorte_series .modal-makeupdata-box:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.rougedecorte_series .modal-makeupdata-box-category {
  font-size: 12px;
  width: 100%;
  text-align: center;
  margin-bottom: 4%;
}
.rougedecorte_series .modal-makeupdata-box-list {
  width: 100%;
}
.rougedecorte_series .modal-makeupdata-box-list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.rougedecorte_series .modal-makeupdata-box-list-item:last-of-type {
  margin-bottom: 0;
}
.rougedecorte_series .modal-makeupdata-box-list-item-name {
  font-size: 10px;
  border-radius: 4px;
  height: 40px;
  width: calc(100% - 61px);
  background: #E6D5D8;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  line-height: 1.3;
}
.rougedecorte_series .modal-makeupdata-box-list-item-image {
  width: 56px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
}
.rougedecorte_series .series-modal-title {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
}
.rougedecorte_series .series-modal-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.rougedecorte_series .series-modal-list-item {
  width: 25%;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.rougedecorte_series .series-modal-list-item > p {
  font-size: 9px;
  line-height: 1.4;
  margin-bottom: 0;
  letter-spacing: 0;
}
.rougedecorte_series .series-modal-list-item > p > span {
  font-size: 0.9em;
}
.rougedecorte_series .series-modal-list-item img {
  width: 60px;
  margin: 0 auto;
}
.rougedecorte_series .series-modal-list.lessbox {
  justify-content: center;
}
.rougedecorte_series .series-modal-colormap-satin {
  width: 350px;
  margin: 0 auto;
}
.rougedecorte_series .series-modal-colormao-wrap {
  width: 350px;
  overflow-x: auto;
}
.rougedecorte_series .series-modal-colormap-glow {
  width: 791px;
  margin: 0 auto;
}
.rougedecorte_series .block-custom-feature .slick-dots-custom li button {
  display: none;
}
.rougedecorte_series .togglebtn {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
}
.rougedecorte_series .togglebtn.open {
  display: none;
}
.rougedecorte_series .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
.rougedecorte_series .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.rougedecorte_series .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.rougedecorte_series .downarrow {
  width: 30px;
  height: 30px;
  background: #BD9A98;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}
.rougedecorte_series .downarrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}

.page-snowclarifier-top .block-line-key-visual {
  margin: 0 auto 40px;
  width: 100%;
}
.page-snowclarifier-top .block-line-concept {
  background-color: #f0f0f0;
  margin-bottom: 40px;
  padding: 40px 15px;
  width: 100%;
}
.page-snowclarifier-top .block-line-concept--title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.page-snowclarifier-top .block-line-concept--link-list {
  margin: 0 auto;
  justify-content: center;
}
.page-snowclarifier-top .block-line-concept--link-list:not(:last-child) {
  margin-bottom: 40px;
}
.page-snowclarifier-top .block-line-concept--link-list-item {
  background-color: #ffffff;
  padding: 40px 0;
  text-align: center;
  width: 100%;
}
.page-snowclarifier-top .block-line-concept--link-list-item:not(:last-child) {
  margin-bottom: 40px;
}
.page-snowclarifier-top .block-line-concept--link-thumbnail {
  margin-bottom: 20px;
  margin-top: -40px;
}
.page-snowclarifier-top .block-line-concept--link-name {
  font-size: 16px;
  margin: 0 20px;
}
.page-snowclarifier-top .block-line-concept--link-lead {
  margin: 0 20px 20px;
}
.page-snowclarifier-top .block-line-concept--link-more .common-learn-more {
  border-bottom: 1px solid;
  color: #666666;
  line-height: 1;
  padding-bottom: 4px;
}

body.page-list .block-line-top-container__sunshelter .block-line-message--lead {
  font-size: 11px;
  line-height: 1.5;
}
body.page-list .block-line-top-container__sunshelter .block-line-contents--notes {
  font-size: 10px;
  line-height: 1.5;
  margin: 0 auto;
  padding-left: 2.5em;
  text-indent: -2.5em;
  width: calc(100% - 60px);
}
body.page-list .block-line-top-container__sunshelter .block-line-contents--notes:first-of-type {
  margin-top: 30px;
}
body.page-list .block-line-top-container__sunshelter .block-line-contents--notes + .block-line-contents--notes {
  margin-top: 0.5em;
}

.page-line-uv-comfort {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding-bottom: 10%;
}
.page-line-uv-comfort body, .page-line-uv-comfort h1, .page-line-uv-comfort h2, .page-line-uv-comfort h3, .page-line-uv-comfort h4, .page-line-uv-comfort p, .page-line-uv-comfort ul, .page-line-uv-comfort ol, .page-line-uv-comfort li, .page-line-uv-comfort figure, .page-line-uv-comfort figcaption, .page-line-uv-comfort blockquote, .page-line-uv-comfort dl, .page-line-uv-comfort dd, .page-line-uv-comfort table, .page-line-uv-comfort th, .page-line-uv-comfort td {
  font-weight: 400;
}
.page-line-uv-comfort sup {
  vertical-align: super;
  font-size: 0.6em;
}
.page-line-uv-comfort .detailbtn {
  background: #000000;
  padding: 3% 6% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-line-uv-comfort .detailbtn:hover {
  background: #555555;
}
.page-line-uv-comfort .block-kv {
  width: 100%;
  margin: 0 auto;
}
.page-line-uv-comfort .block-lead {
  background: url(/decorte/img/decorte2023/sp/uv_comfort/lead_bg.png) no-repeat center top;
  background-size: cover;
  padding: 10% 0;
}
.page-line-uv-comfort .block-lead-txt {
  font-size: 14px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.page-line-uv-comfort .block-lead-txt p {
  margin-bottom: 5%;
}
.page-line-uv-comfort .block-lead-notice {
  font-size: 9px;
  text-align: center;
}
.page-line-uv-comfort .block-products, .page-line-uv-comfort .block-series {
  padding-bottom: 10%;
}
.page-line-uv-comfort .block-products-title, .page-line-uv-comfort .block-series-title {
  background-image: linear-gradient(90deg, #344151, #4f435c);
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
}
.page-line-uv-comfort .block-products {
  background: url(/decorte/img/decorte2023/sp/uv_comfort/products_bg.png) no-repeat center top;
  background-size: cover;
  padding-bottom: 5%;
}
.page-line-uv-comfort .block-products-title {
  margin-bottom: 8%;
}
.page-line-uv-comfort .block-products-item {
  width: 94%;
  margin: 0 auto 3%;
}
.page-line-uv-comfort .block-products-item-btn {
  display: flex;
  width: 100%;
  background: #ffffff;
  padding: 3%;
  justify-content: space-between;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.8s ease;
}
.page-line-uv-comfort .block-products-item-btn-image {
  width: 80px;
  text-align: center;
}
.page-line-uv-comfort .block-products-item-btn-image img {
  width: 70px;
  margin: auto;
}
.page-line-uv-comfort .block-products-item-btn-txt {
  width: calc(100% - 150px);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-line-uv-comfort .block-products-item-btn-txt-name {
  padding-bottom: 3%;
  margin-bottom: 3%;
}
.page-line-uv-comfort .block-products-item-btn-txt-notice {
  font-size: 8px;
  margin-top: 3%;
}
.page-line-uv-comfort .block-products-item-btn-symbol {
  width: 40px;
  background-image: linear-gradient(#354151, #4f435c);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-line-uv-comfort .block-products-item-btn-symbol::before, .page-line-uv-comfort .block-products-item-btn-symbol::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  transition: all 0.8s ease;
}
.page-line-uv-comfort .block-products-item-btn-symbol::after {
  transform: rotate(90deg);
}
.page-line-uv-comfort .block-products-item-btn.open .block-products-item-btn-symbol::after {
  transform: rotate(180deg);
}
.page-line-uv-comfort .block-products-item-btn:hover {
  box-shadow: 0 0 15px rgba(56, 73, 65, 0.2);
}
.page-line-uv-comfort .block-products-item#watery .block-products-item-btn-txt-name {
  border-bottom: solid 3px #00A5D4;
}
.page-line-uv-comfort .block-products-item#airy .block-products-item-btn-txt-name {
  border-bottom: solid 3px #88908F;
}
.page-line-uv-comfort .block-products-item#ultra .block-products-item-btn-txt-name {
  border-bottom: solid 3px #0073A8;
}
.page-line-uv-comfort .block-products-item#bright .block-products-item-btn-txt-name {
  border-bottom: solid 3px #796AAA;
}
.page-line-uv-comfort .block-products-item#toneup .block-products-item-btn-txt-name {
  border-bottom: solid 3px #E59AC1;
}
.page-line-uv-comfort .block-products-item-body {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 6% 0 3%;
}
.page-line-uv-comfort .block-products-item-body-top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6%;
  flex-direction: column;
}
.page-line-uv-comfort .block-products-item-body-top-image {
  width: 94%;
  max-width: 300px;
}
.page-line-uv-comfort .block-products-item-body-top-txt {
  width: 94%;
  margin: 0 auto;
  text-align: center;
}
.page-line-uv-comfort .block-products-item-body-top-txt-name {
  font-size: 18px;
  margin-bottom: 4%;
}
.page-line-uv-comfort .block-products-item-body-top-txt-spf {
  font-size: 12px;
  margin-bottom: 4%;
}
.page-line-uv-comfort .block-products-item-body-top-txt-lead {
  font-size: 13px;
  line-height: 1.6;
}
.page-line-uv-comfort .block-products-item-body-top-txt-notice {
  font-size: 8px;
  text-align: right;
  width: 100%;
  margin-top: 5%;
}
.page-line-uv-comfort .block-products-item-body-box {
  background: rgba(255, 255, 255, 0.7);
  padding: 3%;
  margin-bottom: 3%;
  text-align: center;
}
.page-line-uv-comfort .block-products-item-body-box:last-of-type {
  margin-bottom: 0;
}
.page-line-uv-comfort .block-products-item-body-box-title {
  font-size: 15px;
  background: #E5EAF3;
  padding: 5%;
  margin-bottom: 5%;
  text-align: center;
}
.page-line-uv-comfort .block-products-item-body-box-copy {
  font-size: 14px;
  margin-bottom: 6%;
  text-align: center;
  line-height: 1.6;
}
.page-line-uv-comfort .block-products-item-body-box-lead {
  font-size: 12px;
  margin-bottom: 6%;
  line-height: 1.6;
}
.page-line-uv-comfort .block-products-item-body-box-txt {
  font-size: 12px;
  margin-bottom: 6%;
}
.page-line-uv-comfort .block-products-item-body-box-notice {
  font-size: 9px;
  margin-top: 4%;
}
.page-line-uv-comfort .block-products-item-body-box-notice.left {
  text-align: left;
}
.page-line-uv-comfort .block-products-item-body-box-notice.center {
  text-align: center;
}
.page-line-uv-comfort .block-products-item-body-box-notice.right {
  text-align: right;
}
.page-line-uv-comfort .block-products-item-body-box-notice2 {
  font-size: 8px;
  margin-bottom: 4%;
}
.page-line-uv-comfort .block-products-item-body-box-tec {
  display: flex;
  justify-content: space-between;
  padding: 4%;
  background: #ffffff;
  flex-direction: column;
}
.page-line-uv-comfort .block-products-item-body-box-tec-normal-title, .page-line-uv-comfort .block-products-item-body-box-tec-new-title {
  font-size: 12px;
  padding: 3%;
  margin-bottom: 15px;
}
.page-line-uv-comfort .block-products-item-body-box-tec-normal-image, .page-line-uv-comfort .block-products-item-body-box-tec-new-image {
  margin-bottom: 3%;
}
.page-line-uv-comfort .block-products-item-body-box-tec-normal-image span, .page-line-uv-comfort .block-products-item-body-box-tec-new-image span {
  display: block;
  text-align: right;
  font-size: 8px;
  margin-top: 2%;
}
.page-line-uv-comfort .block-products-item-body-box-tec-normal {
  width: 100%;
  margin-bottom: 4%;
}
.page-line-uv-comfort .block-products-item-body-box-tec-normal-title {
  background: #EAEBF1;
}
.page-line-uv-comfort .block-products-item-body-box-tec-normal-image {
  max-width: 210px;
  margin: 0 auto 3%;
}
.page-line-uv-comfort .block-products-item-body-box-tec-normal-caption {
  font-size: 11px;
  text-align: center;
}
.page-line-uv-comfort .block-products-item-body-box-tec-new {
  width: 100%;
}
.page-line-uv-comfort .block-products-item-body-box-tec-new-title {
  background: #F6E0C1;
}
.page-line-uv-comfort .block-products-item-body-box-tec-new-image {
  max-width: 310px;
  margin: 0 auto 3%;
}
.page-line-uv-comfort .block-products-item-body-box-tec-new-caption {
  font-size: 11px;
  color: #68441B;
  text-align: center;
  border: solid 1px #D5C4AC;
  padding: 3%;
}
.page-line-uv-comfort .block-products-item-body-box-tec-image {
  margin-bottom: 3%;
}
.page-line-uv-comfort .block-products-item-body-box-ingre {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-item {
  width: 140px;
  margin: 0 8px 5%;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-item span {
  display: block;
  font-size: 11px;
  text-align: center;
  margin-top: 8%;
  line-height: 1.4;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-item span.mt3per {
  margin-top: 3%;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-item span > span {
  font-size: 8px;
  display: block;
  margin-top: 2%;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-item img {
  max-width: 140px;
  margin: auto;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-item.wide {
  width: 90%;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-item.narrow {
  width: 90px;
  margin: 0 10px;
}
.page-line-uv-comfort .block-products-item-body-box-ingre-notice {
  width: 100%;
  text-align: right;
  font-size: 8px;
  margin-top: 0;
}
.page-line-uv-comfort .block-products-item-body-box-ingre.borderdashed {
  border-bottom: dashed 1px #b4b4b4;
  padding-bottom: 4%;
  margin-bottom: 4%;
}
.page-line-uv-comfort .block-products-item-body-box-uv {
  width: 94%;
  margin: 0 auto 4%;
}
.page-line-uv-comfort .block-products-item-body-box-wet {
  width: 94%;
  margin: 0 auto;
}
.page-line-uv-comfort .block-products-item-body-box-uv span, .page-line-uv-comfort .block-products-item-body-box-wet span {
  display: block;
  text-align: right;
  margin-top: 2%;
  font-size: 8px;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari-txt {
  font-size: 13px;
  text-align: center;
  margin-bottom: 5%;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari-txt span {
  display: block;
  margin-top: 4%;
  font-size: 8px;
  text-align: center;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari-image {
  width: 80%;
  max-width: 200px;
  margin: 0 auto 5%;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari-image span {
  font-size: 8px;
  margin-top: 2%;
  text-align: right;
  display: block;
}
.page-line-uv-comfort .block-products-item-body-box-case {
  padding: 6% 5% 3%;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-line-uv-comfort .block-products-item-body-box-case-title {
  width: 100%;
  text-align: center;
  margin-bottom: 6%;
  font-size: 12px;
}
.page-line-uv-comfort .block-products-item-body-box-case-item {
  width: 130px;
  margin: 0 8px 5%;
}
.page-line-uv-comfort .block-products-item-body-box-case-item span {
  font-size: 10px;
  display: block;
  margin-top: 5%;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari2 {
  width: 300px;
  margin: 0 auto 5%;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari2-title {
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari2 img {
  width: 200px;
  margin: 0 auto 10px;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari2 span {
  width: 200px;
  display: block;
  text-align: right;
  margin: 0 auto;
  font-size: 8px;
}
.page-line-uv-comfort .block-products-item-body-box-flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.page-line-uv-comfort .block-products-item-body-box-hydro {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3%;
  margin-bottom: 4%;
}
.page-line-uv-comfort .block-products-item-body-box-hydro-image {
  width: 120px;
  position: relative;
  margin-right: 20px;
}
.page-line-uv-comfort .block-products-item-body-box-hydro-image span {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 8px;
  display: block;
}
.page-line-uv-comfort .block-products-item-body-box-hydro-txt {
  width: calc(100% - 160px);
  text-align: left;
  line-height: 1.6;
  font-size: 12px;
}
.page-line-uv-comfort .block-products-item-body-box-hydro-txt span {
  font-size: 8px;
  display: block;
  text-align: right;
  margin-top: 3%;
}
.page-line-uv-comfort .block-products-item-body-box-effect {
  padding: 4%;
  background: #ffffff;
}
.page-line-uv-comfort .block-products-item-body-box-effect img {
  width: 90%;
  max-width: 330px;
  margin: 0 auto;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari3 {
  display: block;
  width: 200px;
  margin: 0 auto 5%;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari3-item {
  width: 200px;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari3-item span {
  text-align: center;
  display: block;
  margin-top: 5%;
  font-size: 12px;
}
.page-line-uv-comfort .block-products-item-body-box-shiagari3-item span:nth-of-type(2) {
  margin-top: 3%;
  font-size: 10px;
}
.page-line-uv-comfort .block-series-title {
  margin-bottom: 8%;
}
.page-line-uv-comfort .block-series-scroll {
  overflow-x: scroll;
  width: 94%;
  margin: 0 auto 5%;
  scrollbar-color: #666666 #f0f0f0;
}
.page-line-uv-comfort .block-series-spec {
  width: 1140px;
  margin: 0 auto 20px;
}
.page-line-uv-comfort .block-series-spec-name, .page-line-uv-comfort .block-series-spec-image, .page-line-uv-comfort .block-series-spec-txt, .page-line-uv-comfort .block-series-spec-feature {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.page-line-uv-comfort .block-series-spec-name-subject, .page-line-uv-comfort .block-series-spec-image-subject, .page-line-uv-comfort .block-series-spec-txt-subject, .page-line-uv-comfort .block-series-spec-feature-subject {
  width: 90px;
  background: #f0f0f0;
}
.page-line-uv-comfort .block-series-spec-name-watery, .page-line-uv-comfort .block-series-spec-name-airy, .page-line-uv-comfort .block-series-spec-name-ultra, .page-line-uv-comfort .block-series-spec-name-bright, .page-line-uv-comfort .block-series-spec-name-toneup, .page-line-uv-comfort .block-series-spec-image-watery, .page-line-uv-comfort .block-series-spec-image-airy, .page-line-uv-comfort .block-series-spec-image-ultra, .page-line-uv-comfort .block-series-spec-image-bright, .page-line-uv-comfort .block-series-spec-image-toneup, .page-line-uv-comfort .block-series-spec-txt-watery, .page-line-uv-comfort .block-series-spec-txt-airy, .page-line-uv-comfort .block-series-spec-txt-ultra, .page-line-uv-comfort .block-series-spec-txt-bright, .page-line-uv-comfort .block-series-spec-txt-toneup, .page-line-uv-comfort .block-series-spec-feature-watery, .page-line-uv-comfort .block-series-spec-feature-airy, .page-line-uv-comfort .block-series-spec-feature-ultra, .page-line-uv-comfort .block-series-spec-feature-bright, .page-line-uv-comfort .block-series-spec-feature-toneup {
  width: 200px;
}
.page-line-uv-comfort .block-series-spec-name-subject, .page-line-uv-comfort .block-series-spec-name-watery, .page-line-uv-comfort .block-series-spec-name-airy, .page-line-uv-comfort .block-series-spec-name-ultra, .page-line-uv-comfort .block-series-spec-name-bright, .page-line-uv-comfort .block-series-spec-name-toneup, .page-line-uv-comfort .block-series-spec-image-subject, .page-line-uv-comfort .block-series-spec-image-watery, .page-line-uv-comfort .block-series-spec-image-airy, .page-line-uv-comfort .block-series-spec-image-ultra, .page-line-uv-comfort .block-series-spec-image-bright, .page-line-uv-comfort .block-series-spec-image-toneup, .page-line-uv-comfort .block-series-spec-txt-subject, .page-line-uv-comfort .block-series-spec-txt-watery, .page-line-uv-comfort .block-series-spec-txt-airy, .page-line-uv-comfort .block-series-spec-txt-ultra, .page-line-uv-comfort .block-series-spec-txt-bright, .page-line-uv-comfort .block-series-spec-txt-toneup, .page-line-uv-comfort .block-series-spec-feature-subject, .page-line-uv-comfort .block-series-spec-feature-watery, .page-line-uv-comfort .block-series-spec-feature-airy, .page-line-uv-comfort .block-series-spec-feature-ultra, .page-line-uv-comfort .block-series-spec-feature-bright, .page-line-uv-comfort .block-series-spec-feature-toneup {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page-line-uv-comfort .block-series-spec-image-subject, .page-line-uv-comfort .block-series-spec-image-watery, .page-line-uv-comfort .block-series-spec-image-airy, .page-line-uv-comfort .block-series-spec-image-ultra, .page-line-uv-comfort .block-series-spec-image-bright, .page-line-uv-comfort .block-series-spec-image-toneup, .page-line-uv-comfort .block-series-spec-txt-subject, .page-line-uv-comfort .block-series-spec-txt-watery, .page-line-uv-comfort .block-series-spec-txt-airy, .page-line-uv-comfort .block-series-spec-txt-ultra, .page-line-uv-comfort .block-series-spec-txt-bright, .page-line-uv-comfort .block-series-spec-txt-toneup, .page-line-uv-comfort .block-series-spec-feature-subject, .page-line-uv-comfort .block-series-spec-feature-watery, .page-line-uv-comfort .block-series-spec-feature-airy, .page-line-uv-comfort .block-series-spec-feature-ultra, .page-line-uv-comfort .block-series-spec-feature-bright, .page-line-uv-comfort .block-series-spec-feature-toneup {
  padding: 15px 0;
  border-bottom: dashed 1px #b4b4b4;
  position: relative;
}
.page-line-uv-comfort .block-series-spec-image-subject::before, .page-line-uv-comfort .block-series-spec-image-watery::before, .page-line-uv-comfort .block-series-spec-image-airy::before, .page-line-uv-comfort .block-series-spec-image-ultra::before, .page-line-uv-comfort .block-series-spec-image-bright::before, .page-line-uv-comfort .block-series-spec-image-toneup::before, .page-line-uv-comfort .block-series-spec-txt-subject::before, .page-line-uv-comfort .block-series-spec-txt-watery::before, .page-line-uv-comfort .block-series-spec-txt-airy::before, .page-line-uv-comfort .block-series-spec-txt-ultra::before, .page-line-uv-comfort .block-series-spec-txt-bright::before, .page-line-uv-comfort .block-series-spec-txt-toneup::before, .page-line-uv-comfort .block-series-spec-feature-subject::before, .page-line-uv-comfort .block-series-spec-feature-watery::before, .page-line-uv-comfort .block-series-spec-feature-airy::before, .page-line-uv-comfort .block-series-spec-feature-ultra::before, .page-line-uv-comfort .block-series-spec-feature-bright::before, .page-line-uv-comfort .block-series-spec-feature-toneup::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  top: 0;
  background: #ffffff;
}
.page-line-uv-comfort .block-series-spec-image-subject::after, .page-line-uv-comfort .block-series-spec-image-watery::after, .page-line-uv-comfort .block-series-spec-image-airy::after, .page-line-uv-comfort .block-series-spec-image-ultra::after, .page-line-uv-comfort .block-series-spec-image-bright::after, .page-line-uv-comfort .block-series-spec-image-toneup::after, .page-line-uv-comfort .block-series-spec-txt-subject::after, .page-line-uv-comfort .block-series-spec-txt-watery::after, .page-line-uv-comfort .block-series-spec-txt-airy::after, .page-line-uv-comfort .block-series-spec-txt-ultra::after, .page-line-uv-comfort .block-series-spec-txt-bright::after, .page-line-uv-comfort .block-series-spec-txt-toneup::after, .page-line-uv-comfort .block-series-spec-feature-subject::after, .page-line-uv-comfort .block-series-spec-feature-watery::after, .page-line-uv-comfort .block-series-spec-feature-airy::after, .page-line-uv-comfort .block-series-spec-feature-ultra::after, .page-line-uv-comfort .block-series-spec-feature-bright::after, .page-line-uv-comfort .block-series-spec-feature-toneup::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  background: #ffffff;
}
.page-line-uv-comfort .block-series-spec-name {
  font-size: 14px;
  font-weight: 500;
}
.page-line-uv-comfort .block-series-spec-name span {
  font-size: 11px;
  font-weight: 400;
  display: block;
  margin-top: 5px;
}
.page-line-uv-comfort .block-series-spec-name-subject, .page-line-uv-comfort .block-series-spec-name-watery, .page-line-uv-comfort .block-series-spec-name-airy, .page-line-uv-comfort .block-series-spec-name-ultra, .page-line-uv-comfort .block-series-spec-name-bright, .page-line-uv-comfort .block-series-spec-name-toneup {
  padding: 20px 0 15px;
  position: relative;
}
.page-line-uv-comfort .block-series-spec-name-subject::before, .page-line-uv-comfort .block-series-spec-name-watery::before, .page-line-uv-comfort .block-series-spec-name-airy::before, .page-line-uv-comfort .block-series-spec-name-ultra::before, .page-line-uv-comfort .block-series-spec-name-bright::before, .page-line-uv-comfort .block-series-spec-name-toneup::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  top: 0;
  background: #ffffff;
}
.page-line-uv-comfort .block-series-spec-name-subject {
  background: #F0F0F0;
  border-top: solid 5px #D4D4D4;
}
.page-line-uv-comfort .block-series-spec-name-watery {
  background: #C7E7F8;
  border-top: solid 5px #00A5D4;
}
.page-line-uv-comfort .block-series-spec-name-airy {
  background: #E1E5E8;
  border-top: solid 5px #88908F;
}
.page-line-uv-comfort .block-series-spec-name-ultra {
  background: #A8CEEA;
  border-top: solid 5px #0073A8;
}
.page-line-uv-comfort .block-series-spec-name-bright {
  background: #C9C0E5;
  border-top: solid 5px #796AAA;
}
.page-line-uv-comfort .block-series-spec-name-toneup {
  background: #F5E0EB;
  border-top: solid 5px #E59AC1;
}
.page-line-uv-comfort .block-series-spec-image img {
  width: 90px;
  margin: 0 auto;
}
.page-line-uv-comfort .block-series-spec-txt {
  font-size: 10px;
  text-align: center;
}
.page-line-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-watery, .page-line-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-airy, .page-line-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-ultra, .page-line-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-bright, .page-line-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-toneup {
  color: #888888;
}
.page-line-uv-comfort .block-series-spec-feature {
  font-size: 10px;
  text-align: left;
}
.page-line-uv-comfort .block-series-spec-feature-subject {
  text-align: center;
}
.page-line-uv-comfort .block-series-spec-feature-subject, .page-line-uv-comfort .block-series-spec-feature-watery, .page-line-uv-comfort .block-series-spec-feature-airy, .page-line-uv-comfort .block-series-spec-feature-ultra, .page-line-uv-comfort .block-series-spec-feature-bright, .page-line-uv-comfort .block-series-spec-feature-toneup {
  border-bottom: solid 5px #D4D4D4;
}
.page-line-uv-comfort .block-series-spec-feature-watery, .page-line-uv-comfort .block-series-spec-feature-airy, .page-line-uv-comfort .block-series-spec-feature-ultra, .page-line-uv-comfort .block-series-spec-feature-bright, .page-line-uv-comfort .block-series-spec-feature-toneup {
  display: block;
}
.page-line-uv-comfort .block-series-spec-notice {
  text-align: right;
  width: 94%;
  font-size: 8px;
  margin: 0 auto 15%;
}
.page-line-uv-comfort .block-series-protectmap {
  width: 725px;
  height: 374px;
  background: url(/decorte/img/decorte2023/sp/uv_comfort/protectmap_bg.png) no-repeat center top;
  background-size: 100%;
  margin: 0 auto 20px;
  position: relative;
}
.page-line-uv-comfort .block-series-protectmap-watery, .page-line-uv-comfort .block-series-protectmap-airy, .page-line-uv-comfort .block-series-protectmap-ultra, .page-line-uv-comfort .block-series-protectmap-bright, .page-line-uv-comfort .block-series-protectmap-toneup {
  position: absolute;
  width: 90px;
  text-align: center;
}
.page-line-uv-comfort .block-series-protectmap-watery span, .page-line-uv-comfort .block-series-protectmap-airy span, .page-line-uv-comfort .block-series-protectmap-ultra span, .page-line-uv-comfort .block-series-protectmap-bright span, .page-line-uv-comfort .block-series-protectmap-toneup span {
  line-height: 1.4;
  font-size: 11px;
  display: block;
}
.page-line-uv-comfort .block-series-protectmap-watery img, .page-line-uv-comfort .block-series-protectmap-airy img, .page-line-uv-comfort .block-series-protectmap-ultra img, .page-line-uv-comfort .block-series-protectmap-bright img, .page-line-uv-comfort .block-series-protectmap-toneup img {
  width: 50px;
  margin: 0 auto 10px;
}
.page-line-uv-comfort .block-series-protectmap-watery {
  top: 113px;
  left: 451px;
  color: #00A5D4;
}
.page-line-uv-comfort .block-series-protectmap-airy {
  top: 148px;
  left: 193px;
  color: #88908F;
}
.page-line-uv-comfort .block-series-protectmap-ultra {
  top: 0;
  left: 317px;
  color: #0073A8;
}
.page-line-uv-comfort .block-series-protectmap-bright {
  top: 120px;
  left: 596px;
  color: #796AAA;
}
.page-line-uv-comfort .block-series-protectmap-toneup {
  top: 106px;
  left: 56px;
  color: #E59AC1;
}
.page-line-uv-comfort .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-line-uv-comfort .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  column-gap: 20px;
  padding: 6% 4%;
}
.page-line-uv-comfort .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -25px;
  height: 20px;
  width: 20px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-line-uv-comfort .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.page-line-uv-comfort .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
.page-line-uv-comfort .modal-btn {
  cursor: pointer;
}
.page-line-uv-comfort .modal-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}
.page-line-uv-comfort .modal-item-image {
  width: 100%;
  margin-bottom: 0;
}
.page-line-uv-comfort .modal-item-image img {
  max-width: 100px;
  margin: auto;
}
.page-line-uv-comfort .modal-item-txt {
  width: 100%;
  text-align: center;
}
.page-line-uv-comfort .modal-item-txt-name {
  font-size: 15px;
  margin-bottom: 2%;
}
.page-line-uv-comfort .modal-item-txt-txt {
  font-size: 11px;
  margin-bottom: 2%;
}
.page-line-uv-comfort .modal-item-txt .detailbtn {
  width: 200px;
  margin: 3% auto 0;
  padding: 2% 6% 3%;
}
.page-line-uv-comfort .modal-item-txt-notice {
  font-size: 8px;
  margin-top: 3%;
}
.page-line-uv-comfort #modal-watery .modal-item-txt-name {
  color: #00A5D4;
}
.page-line-uv-comfort #modal-airy .modal-item-txt-name {
  color: #88908F;
}
.page-line-uv-comfort #modal-ultra .modal-item-txt-name {
  color: #0073A8;
}
.page-line-uv-comfort #modal-bright .modal-item-txt-name {
  color: #796AAA;
}
.page-line-uv-comfort #modal-toneup .modal-item-txt-name {
  color: #E59AC1;
}
.page-line-uv-comfort .js-slick--arrow {
  background-color: #6A6F76;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  top: 115px;
}
.page-line-uv-comfort .js-slick--arrow::after {
  height: 8px;
  width: 8px;
}
.page-line-uv-comfort .js-slick--next {
  right: -40px;
}
.page-line-uv-comfort .js-slick--next::after {
  margin-right: 5px;
}
.page-line-uv-comfort .js-slick--prev {
  left: -40px;
}
.page-line-uv-comfort .js-slick--prev::after {
  margin-left: 5px;
}

body.page-list .block-line-top-container.block-line-top-container__vifusion {
  background-color: #221814;
  color: #ffffff;
  padding-bottom: 1px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store {
  margin: 0 auto 30px;
  width: calc(100% - 60px);
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-title {
  background-color: rgba(117, 110, 97, 0.3);
  border: 4px double #756e61;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  line-height: 2em;
  position: relative;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-title::before {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-title::after {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: 0.4s;
  transform: rotate(90deg);
  width: 15px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-title::before {
  right: 15px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-title::after {
  right: 15px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-title.js-accordion-trigger__active::after {
  transform: rotate(0deg);
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item {
  font-size: 12px;
  padding: 1.5em 10px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item:nth-child(2n) {
  background-color: rgba(117, 110, 97, 0.3);
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item .block-line--name,
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item .block-line--address,
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item .block-line--phone {
  display: block;
  line-height: 1.7;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item .block-line--name {
  width: auto;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item .block-line--address {
  width: auto;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--store-list-item .block-line--phone {
  width: auto;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line-more--trigger {
  background-color: #221814;
  color: #ffffff;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion #line_modal_concept .block-common-modal--body {
  background-color: #221814;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept {
  background-color: #221814;
  color: #ffffff;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-copy {
  font-size: 20px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-lead {
  font-size: 14px;
  margin-top: 30px;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-lead-text {
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-text {
  font-size: 12px;
  margin-top: 30px;
  margin-bottom: 0;
  line-height: 1.8em;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-text strong {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px solid #756e61;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-text span {
  font-size: 12px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-text.block-line--viefusion {
  margin-bottom: 80px;
  margin-top: 30px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-text.block-line--ingradient {
  text-align: center;
  font-size: 12px;
  margin-top: 30px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-line--concept-message-text.block-line--last {
  margin-top: 30px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step {
  color: #000000;
  position: relative;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 60px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step:not(:last-child)::after {
  border: 20px solid transparent;
  border-top: 20px solid #666666;
  box-sizing: border-box;
  bottom: -20px;
  content: "";
  display: block;
  left: calc(50% - 20px);
  position: absolute;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-header {
  margin-bottom: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-header-title {
  font-weight: 700;
  font-size: 15px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 30px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row:not(:last-child)::after {
  border: 10px solid transparent;
  border-top: 10px solid #dbdbdb;
  box-sizing: border-box;
  bottom: -10px;
  content: "";
  display: block;
  left: calc(50% - 10px);
  position: absolute;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row__personal {
  background-color: #f0f0f0;
  margin: 0 -15px;
  padding: 20px 15px 20px;
  width: calc(100% + 30px);
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row__personal .block-product-system--step-row-item {
  background-color: #ffffff;
  border: none;
  margin-bottom: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row__option {
  border: 1px solid #dbdbdb;
  padding: 20px 15px 20px;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row__nightday {
  display: flex;
  flex-wrap: wrap;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-nightday-column {
  width: calc(50% - 20px);
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-nightday-column:first-child {
  margin-right: 40px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-nightday-column .block-product-system--step-row-item {
  margin: 0 auto;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-nightday-column .block-product-system--step-header-title {
  border-bottom: 1px solid #000000;
  line-height: 1.3;
  padding-bottom: 0.5em;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-item {
  font-size: 12px;
  padding: 20px 5px;
  width: calc((100% - 40px) / 2);
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-item-anchor {
  text-decoration: none;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-item-image {
  padding: 0 10px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-item .icon {
  display: block;
  margin: 10px 0;
  text-align: center;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-item .icon-day {
  background-color: #dbdbdb;
  background-image: url("../../images/common_day_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-item .icon-day:not(:last-child) {
  margin-right: 2px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-item .icon-night {
  background-color: #dbdbdb;
  background-image: url("../../images/common_night_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-or {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 40px;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-personal-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}
body.page-list .block-line-top-container.block-line-top-container__vifusion .block-product-system--step-row-option-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}

body.page-list .block-line-top-container__whitelogist {
  /*
  モーダル内の場合 
  対象モーダルのID名 対象要素のクラス名 {
  }
  */
}
body.page-list .block-line-top-container__whitelogist .block-line-message {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  background: #000;
  padding: 30px 0;
}
body.page-list .block-line-top-container__whitelogist .block-line-message--lead {
  font-size: 18px;
  margin-bottom: 5px !important;
  letter-spacing: 0.5px;
  color: #fff;
}
body.page-list .block-line-top-container__whitelogist .block-line-message--catch {
  font-size: 44px;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #fff;
}
body.page-list .block-line-top-container__whitelogist .block-line-banner {
  margin-bottom: 30px;
  padding: 0 30px;
}
body.page-list .block-line-top-container__whitelogist .block-line-contents--list-item {
  border: 1px solid #c3c3c3;
  text-align: center;
  position: relative;
  padding-bottom: 30px;
}
body.page-list .block-line-top-container__whitelogist .block-line-contents--list-item-caption {
  font-size: 12px;
  margin: 10px 0 5px;
}
body.page-list .block-line-top-container__whitelogist .block-line-contents--list-item-caption-detail {
  display: block;
  font-size: 11px;
  padding: 0 5px;
  width: 100%;
}
body.page-list .block-line-top-container__whitelogist .common-learn-more {
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}
body.page-list .block-line-top-container__whitelogist #line_modal_01 .block-common-modal--container {
  background-color: #faf4e9;
}
body.page-list .block-line-top-container__whitelogist #line_modal_01 .block-concept--lead {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

.page-zenwear-top {
  /*  background-image: url("../../images/sp/zenwear/bg.jpg");
    background-position: center top 140vw;
    background-repeat: no-repeat;
    background-size: 100% auto;*/
  margin-bottom: 80px;
  /*  &::before {
      display: block;
      content: "";
      height: 100vh;
      left: 0;
      opacity: 0.8;
      position: absolute;
      top: 0;
      width: 100%;

      z-index: 0;
    }*/
}
.page-zenwear-top .block-zenwear-contents {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto 80px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  position: relative;
  z-index: 100;
}
.page-zenwear-top .block-zenwear-contents--title {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.page-zenwear-top .block-zenwear-contents ruby rt {
  letter-spacing: 0;
}
.page-zenwear-top .block-line-key-visual {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.page-zenwear-top .block-line-lead {
  margin-bottom: 0;
  padding: 40px 15px;
  text-align: center;
}
.page-zenwear-top .block-line-lead--text {
  font-size: 16px;
}
.page-zenwear-top .block-line-lead--text:not(:last-child) {
  margin-bottom: 10px;
}
.page-zenwear-top .block-line-movie {
  margin-bottom: 0;
  padding: 40px 15px;
}
.page-zenwear-top .block-line-movie--item:nth-child(1) {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-page-nav {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid;
  margin: 0 auto 80px;
  padding: 40px 15px 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.page-zenwear-top .block-line-page-nav--menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-zenwear-top .block-line-page-nav--menu-item {
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
  width: 50%;
}
.page-zenwear-top .block-line-page-nav--menu-item:nth-child(1) {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.page-zenwear-top .block-line-page-nav--menu-item:nth-child(2) {
  border-bottom: 1px solid #ffffff;
}
.page-zenwear-top .block-line-page-nav--menu-item:nth-child(3) {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.page-zenwear-top .block-line-page-nav--menu-item:nth-child(4) {
  border-bottom: 1px solid #ffffff;
}
.page-zenwear-top .block-line-page-nav--menu-item:nth-child(5) {
  width: 100%;
}
.page-zenwear-top .block-line-page-nav--menu-item::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: block;
  margin: 0 auto;
  height: 8px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  width: 8px;
}
.page-zenwear-top .block-line-product-detail {
  padding: 40px 15px;
}
.page-zenwear-top .block-line-product-detail--basic-information {
  margin-bottom: 40px;
}
.page-zenwear-top .block-line-product-detail--basic-information-image {
  margin: 0 auto 20px;
  width: 20%;
}
.page-zenwear-top .block-line-product-detail--basic-information-copy {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
}
.page-zenwear-top .block-line-product-detail--basic-information-sub-copy {
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}
.page-zenwear-top .block-line-product-detail--basic-information-spec {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-product-detail--basic-information-caption {
  font-size: 16px;
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-product-detail--basic-information-test {
  font-size: 12px;
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-product-detail--basic-information-test-label {
  border: 1px solid;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0.2em 10px;
}
.page-zenwear-top .block-line-product-detail--basic-information-feature-list {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-product-detail--basic-information-feature-list-item {
  padding-left: 1em;
  position: relative;
}
.page-zenwear-top .block-line-product-detail--basic-information-feature-list-item:not(:last-child) {
  margin-bottom: 0.5em;
}
.page-zenwear-top .block-line-product-detail--basic-information-feature-list-item::before {
  background-color: #898989;
  border-radius: 50%;
  height: 0.5em;
  width: 0.5em;
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
}
.page-zenwear-top .block-line-product-detail--basic-information-note {
  font-size: 12px;
  text-align: right;
}
.page-zenwear-top .block-line-product-detail--color {
  border-top: 1px solid #dbdbdb;
  padding-bottom: 20px;
  padding-top: 40px;
}
.page-zenwear-top .block-line-product-detail--color-notes {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-product-detail--color-notes::after {
  border: 1px solid;
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: 0.5em;
  vertical-align: middle;
  width: 2em;
}
.page-zenwear-top .block-line-product-detail--color-type:not(:last-child) {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-product-detail--color-type-name {
  margin-bottom: 10px;
}
.page-zenwear-top .block-line-product-detail--color-list {
  display: flex;
  flex-wrap: wrap;
}
.page-zenwear-top .block-line-product-detail--color-list-item {
  margin-bottom: 20px;
  text-align: center;
  width: calc((100% - 30px) / 4);
}
.page-zenwear-top .block-line-product-detail--color-list-item:not(:nth-child(4n)) {
  margin-right: 10px;
}
.page-zenwear-top .block-line-product-detail--color-list-item__new .block-line-product-detail--color-list-item-name {
  border: 1px solid;
  padding: 0 0.5em;
}
.page-zenwear-top .block-line-product-detail--color-list-item-name {
  font-size: 12px;
}
.page-zenwear-top .block-line-product-detail--howto {
  border-top: 1px solid #dbdbdb;
  padding-top: 40px;
}
.page-zenwear-top .block-line-product-detail--howto-title {
  margin-bottom: 10px;
}
.page-zenwear-top .block-line-product-detail--howto-item:not(:last-child) {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-product-detail--howto-item-name {
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  position: relative;
}
.page-zenwear-top .block-line-product-detail--howto-item-name::before {
  border: 1px solid;
  border-radius: 50%;
  height: 0.8em;
  width: 0.8em;
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
}
.page-zenwear-top .block-line-product-detail--howto-item-text {
  padding-left: 1.5em;
}
.page-zenwear-top .block-line-product-detail--howto-item-text-list-item {
  line-height: 1.5;
  padding-left: 1.5em;
}
.page-zenwear-top .block-line-product-detail--howto-item-text-list-item:not(:last-child) {
  margin-bottom: 10px;
}
.page-zenwear-top .block-line-product-detail--howto-item-text-list-item-marker {
  display: inline-block;
  margin-left: -1.5em;
  width: 1.5em;
}
.page-zenwear-top .block-line-technology {
  margin: 0 auto 40px;
  padding: 40px 15px;
}
.page-zenwear-top .block-line-technology--container {
  background-color: #efefef;
  margin: 0 auto;
  padding: 40px 10px;
}
.page-zenwear-top .block-line-technology--title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 80px;
  text-align: center;
}
.page-zenwear-top .block-line-technology--item {
  margin: 0 auto;
  width: 100%;
}
.page-zenwear-top .block-line-technology--item:not(:last-child) {
  margin-bottom: 40px;
}
.page-zenwear-top .block-line-technology--item-title {
  border-bottom: 1px solid;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}
.page-zenwear-top .block-line-technology--item-title strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
.page-zenwear-top .block-line-technology--item-text {
  justify-content: center;
  width: 100%;
}
.page-zenwear-top .block-line-technology--item-text:not(:last-child) {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-technology--item-list-item {
  padding-left: 1em;
}
.page-zenwear-top .block-line-technology--item-list-item:not(:last-child) {
  margin-bottom: 10px;
}
.page-zenwear-top .block-line-technology--item-list-item-marker {
  display: inline-block;
  margin-left: -1em;
}
.page-zenwear-top .block-line-technology--item-list-item small {
  display: block;
}
.page-zenwear-top .block-line-technology--item-image {
  background-color: #000000;
  margin: 0 auto 20px;
  width: 260px;
}
.page-zenwear-top .block-line-color-chart {
  padding: 40px 15px;
}
.page-zenwear-top .block-line-color-chart--container {
  background-color: #ffffff;
  padding: 40px 10px;
  width: 100%;
}
.page-zenwear-top .block-line-color-chart--lead {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.page-zenwear-top .block-line-color-chart-image {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 10px;
}
.page-zenwear-top .block-line-color-chart--flow-step {
  margin: 10px 0;
}
.page-zenwear-top .block-line-color-chart--flow-step:not(:last-child) {
  margin-bottom: 20px;
}
.page-zenwear-top .block-line-color-chart--flow-step-label {
  background-color: #efefef;
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 0.2em;
  text-align: center;
  width: 100px;
}
.page-zenwear-top .block-line-color-chart--flow-step-detail {
  letter-spacing: 0;
  margin-right: 20px;
  width: 360px;
}
.page-zenwear-top .block-line-color-chart--flow-step-tone {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5;
  width: 340px;
  word-break: break-word;
}
.page-zenwear-top .block-line-application {
  padding: 40px 15px;
}
.page-zenwear-top .block-line-application--banner {
  margin: 0 auto;
  width: 100%;
}
.page-zenwear-top .block-line-howto {
  padding: 40px 15px;
}
.page-zenwear-top .block-line-howto--movie {
  margin: 0 auto 40px;
  width: 100%;
}
.page-zenwear-top .block-line-howto--recommend {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 20px 10px 20px;
}
.page-zenwear-top .block-line-howto--recommend-title {
  background-color: #efefef;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 0.5em 0;
  text-align: center;
}
.page-zenwear-top .block-line-howto--recommend-lead {
  margin-bottom: 40px;
  text-align: center;
}
.page-zenwear-top .block-line-howto--recommend-steps-item {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  width: 100%;
}
.page-zenwear-top .block-line-howto--recommend-steps-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.page-zenwear-top .block-line-howto--recommend-steps-item-text-area {
  width: calc(50% - 10px);
}
.page-zenwear-top .block-line-howto--recommend-steps-item-title {
  background-color: #efefef;
  margin-bottom: 10px;
  padding: 1em;
  text-align: center;
}
.page-zenwear-top .block-line-howto--recommend-steps-item-description sup {
  font-size: 10px;
}
.page-zenwear-top .block-line-howto--recommend-steps-item-image {
  padding: 0 20px;
  width: calc(50% - 10px);
}
.page-zenwear-top .block-line-howto--recommend-steps-notes {
  font-size: 12px;
}
.page-zenwear-top .block-line-campaign {
  padding: 40px 15px;
}
.page-zenwear-top .block-line-campaign--banner {
  margin: 0 auto;
  width: 100%;
}

.page-zenwear-top,
.page-product-zenwear-glow,
.page-products-zenwear-powder {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-zenwear-top body, .page-zenwear-top h1, .page-zenwear-top h2, .page-zenwear-top h3, .page-zenwear-top h4, .page-zenwear-top p, .page-zenwear-top ul, .page-zenwear-top ol, .page-zenwear-top li, .page-zenwear-top figure, .page-zenwear-top figcaption, .page-zenwear-top blockquote, .page-zenwear-top dl, .page-zenwear-top dd, .page-zenwear-top table, .page-zenwear-top th, .page-zenwear-top td,
.page-product-zenwear-glow body,
.page-product-zenwear-glow h1,
.page-product-zenwear-glow h2,
.page-product-zenwear-glow h3,
.page-product-zenwear-glow h4,
.page-product-zenwear-glow p,
.page-product-zenwear-glow ul,
.page-product-zenwear-glow ol,
.page-product-zenwear-glow li,
.page-product-zenwear-glow figure,
.page-product-zenwear-glow figcaption,
.page-product-zenwear-glow blockquote,
.page-product-zenwear-glow dl,
.page-product-zenwear-glow dd,
.page-product-zenwear-glow table,
.page-product-zenwear-glow th,
.page-product-zenwear-glow td,
.page-products-zenwear-powder body,
.page-products-zenwear-powder h1,
.page-products-zenwear-powder h2,
.page-products-zenwear-powder h3,
.page-products-zenwear-powder h4,
.page-products-zenwear-powder p,
.page-products-zenwear-powder ul,
.page-products-zenwear-powder ol,
.page-products-zenwear-powder li,
.page-products-zenwear-powder figure,
.page-products-zenwear-powder figcaption,
.page-products-zenwear-powder blockquote,
.page-products-zenwear-powder dl,
.page-products-zenwear-powder dd,
.page-products-zenwear-powder table,
.page-products-zenwear-powder th,
.page-products-zenwear-powder td {
  font-weight: 500;
}
.page-zenwear-top rt,
.page-product-zenwear-glow rt,
.page-products-zenwear-powder rt {
  font-size: 9px;
}
.page-zenwear-top sup,
.page-product-zenwear-glow sup,
.page-products-zenwear-powder sup {
  vertical-align: super;
}
.page-zenwear-top .block-line-contents,
.page-product-zenwear-glow .block-line-contents,
.page-products-zenwear-powder .block-line-contents {
  margin-bottom: 80px;
}
.page-zenwear-top .block-line-contents--title,
.page-product-zenwear-glow .block-line-contents--title,
.page-products-zenwear-powder .block-line-contents--title {
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  padding: 1em 0;
  text-align: center;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-contents--title,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-contents--title,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-contents--title {
  position: relative;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-contents--title::after,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-contents--title::after,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-contents--title::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+50,000000+100 */
  background: linear-gradient(to right, #000000 0%, #ffffff 50%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 40px 10px 60px;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__glow,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__glow,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__glow {
  background-image: url(/decorte/img/decorte2023/sp/zenwear/bg_lineup_glow.jpg);
  position: relative;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__glow::after,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__glow::after,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__glow::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+50,000000+100 */
  background: linear-gradient(to right, #000000 0%, #ffffff 50%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__glow .block-line-lineup--item-text-area,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__glow .block-line-lineup--item-text-area,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__glow .block-line-lineup--item-text-area {
  color: #ffffff;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__glow .block-line-lineup--item-btn,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__glow .block-line-lineup--item-btn,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__glow .block-line-lineup--item-btn {
  border: solid 1px #FFFFFF;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__fluid,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__fluid,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__fluid {
  background-image: url(/decorte/img/decorte2023/sp/zenwear/bg_lineup_fluid.jpg);
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__powder,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__powder,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__powder {
  background-image: url(/decorte/img/decorte2023/sp/zenwear/bg_lineup_powder.jpg);
  position: relative;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__powder::after,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__powder::after,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__powder::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+50,000000+100 */
  background: linear-gradient(to right, #000000 0%, #ffffff 50%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__powder .block-line-lineup--item-text-area,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__powder .block-line-lineup--item-text-area,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__powder .block-line-lineup--item-text-area {
  color: #ffffff;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__powder .block-line-lineup--item-btn,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__powder .block-line-lineup--item-btn,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__powder .block-line-lineup--item-btn {
  border: solid 1px #FFFFFF;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item__stay,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item__stay,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item__stay {
  background-image: linear-gradient(90deg, #dedede, #f5f5f5);
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-container,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-container,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-container {
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-image,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-image,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-image {
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-text-area,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-text-area,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-text-area {
  padding-top: 25px;
  text-align: center;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-date,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-date,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-date {
  border: 1px solid;
  display: block;
  font-size: 12px;
  margin: 0 auto 10px;
  width: 7em;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-name,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-name,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-copy,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-copy,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-copy {
  font-size: 14px;
  line-height: 1.5;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-btn,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-btn,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-btn {
  width: 250px;
  margin: 15px auto 0;
  border: solid 1px #000000;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-btn a,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-btn a,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-btn a {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--item-notes,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--item-notes,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--item-notes {
  font-size: 9px;
  margin-top: 15px;
}
.page-zenwear-top .block-line-contents.block-line-lineup .block-line-lineup--notes,
.page-product-zenwear-glow .block-line-contents.block-line-lineup .block-line-lineup--notes,
.page-products-zenwear-powder .block-line-contents.block-line-lineup .block-line-lineup--notes {
  font-size: 10px;
  text-align: center;
}
.page-zenwear-top .block-line-contents.block-line-feature,
.page-product-zenwear-glow .block-line-contents.block-line-feature,
.page-products-zenwear-powder .block-line-contents.block-line-feature {
  margin-top: 40px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-contents--title,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-contents--title,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-contents--title {
  margin-bottom: 30px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--item,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--item,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--item {
  margin: 0 auto;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--item:not(:last-child),
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--item:not(:last-child),
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--item:not(:last-child) {
  margin-bottom: 80px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--item-title,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--item-title,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--item-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 auto 20px;
  text-align: center;
  padding-bottom: 10px;
  position: relative;
  width: calc(100% - 30px);
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--item-title::after,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--item-title::after,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--item-title::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+50,ffffff+100 */
  background: linear-gradient(to right, #ffffff 0%, #000000 50%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-left: 10px;
  width: calc(100% - 10px);
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list .slick-track,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list .slick-track,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list .slick-track {
  display: flex;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow {
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  height: 24px;
  top: min(90vw, 675px);
  width: 24px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow.slick-disabled,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow.slick-disabled,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow::after,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow::after,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--arrow::after {
  border-color: #000000;
  height: 6px;
  width: 6px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--next,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--next,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--next {
  right: 10px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--next::after,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--next::after,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--next::after {
  margin-right: 3px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--prev::after,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--prev::after,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-list .js-slick--prev::after {
  margin-left: 3px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products {
  height: auto;
  padding: 10px 12px 20px;
  position: relative;
  width: min(61.3vw, 460px);
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products::before,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products::before,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products::before {
  border: 1px solid #ECECEC;
  content: "";
  display: block;
  height: 100%;
  left: 2px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: calc(100% - 4px);
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products__glow .block-line-feature--products-texture img,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products__glow .block-line-feature--products-texture img,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products__glow .block-line-feature--products-texture img {
  margin: 4vw auto;
  width: 66px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products__fluid .block-line-feature--products-texture img,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products__fluid .block-line-feature--products-texture img,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products__fluid .block-line-feature--products-texture img {
  width: 105px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products__powder .block-line-feature--products-texture img,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products__powder .block-line-feature--products-texture img,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products__powder .block-line-feature--products-texture img {
  width: 52%;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products__stay .block-line-feature--products-texture img,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products__stay .block-line-feature--products-texture img,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products__stay .block-line-feature--products-texture img {
  width: 52%;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-image,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-image,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-image {
  margin: 0 auto 20px;
  width: 80%;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-date,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-date,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-date {
  border: 1px solid;
  display: block;
  font-size: 11px;
  text-align: center;
  width: 8em;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-name,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-name,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-name {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 20px;
  min-height: 3em;
  text-align: center;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-texture,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-texture,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-texture {
  border-top: 1px solid #dddddd;
  font-size: 13px;
  height: 160px;
  margin-bottom: 20px;
  padding-top: 10px;
  text-align: center;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-texture img,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-texture img,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-texture img {
  margin: 0 auto;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-texture span,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-texture span,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-texture span {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: center;
  line-height: 1.5;
  min-height: 3em;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-feature,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-feature,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-feature {
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
  min-height: 120px;
  padding: 20px 0 0;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-feature-item,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-feature-item,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-feature-item {
  font-size: 12px;
  padding-left: 20px;
  position: relative;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-feature-item:not(:last-child),
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-feature-item:not(:last-child),
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-feature-item:not(:last-child) {
  margin-bottom: 0.5em;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-feature-item::before,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-feature-item::before,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-feature-item::before {
  content: "";
  display: block;
  background-image: url(/decorte/img/decorte2023/sp/zenwear/icon_feature_check.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.5em;
  left: 0;
  height: 12px;
  width: 12px;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--products-more-anchor,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--products-more-anchor,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--products-more-anchor {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  height: 30px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--notes,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--notes,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--notes {
  font-size: 10px;
  text-align: center;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--after-images,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--after-images,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--after-images {
  display: flex;
  gap: 2px;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--after-images-item,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--after-images-item,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--after-images-item {
  position: relative;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-feature .block-line-feature--after-images-item-caption,
.page-product-zenwear-glow .block-line-contents.block-line-feature .block-line-feature--after-images-item-caption,
.page-products-zenwear-powder .block-line-contents.block-line-feature .block-line-feature--after-images-item-caption {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-counseling,
.page-product-zenwear-glow .block-line-contents.block-line-counseling,
.page-products-zenwear-powder .block-line-contents.block-line-counseling {
  margin: 80px auto 0;
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--title,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--title,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--title {
  background-color: #f0f0f0;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--image,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--image,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--image {
  margin: 0 auto 10px;
  width: calc(100% - 40px);
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--text-area,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--text-area,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--text-area {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--logo,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--logo,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--logo {
  margin-bottom: 30px;
  text-align: center;
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--logo-title,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--logo-title,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--logo-title {
  margin: 0 auto;
  width: 240px;
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--logo-text,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--logo-text,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--logo-text {
  font-size: 15px;
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--logo-sub-text,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--logo-sub-text,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--logo-sub-text {
  font-size: 13px;
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--text,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--text,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--text {
  font-size: 13px;
  margin: 0 auto 30px;
  width: 320px;
}
.page-zenwear-top .block-line-contents.block-line-counseling .block-line-counseling--more-anchor,
.page-product-zenwear-glow .block-line-contents.block-line-counseling .block-line-counseling--more-anchor,
.page-products-zenwear-powder .block-line-contents.block-line-counseling .block-line-counseling--more-anchor {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 320px;
}
.page-zenwear-top .block-zenwear-contents.block-contents-recommend .block-contents-recommend--list,
.page-product-zenwear-glow .block-zenwear-contents.block-contents-recommend .block-contents-recommend--list,
.page-products-zenwear-powder .block-zenwear-contents.block-contents-recommend .block-contents-recommend--list {
  margin: 80px auto;
  width: 100%;
}
.page-zenwear-top .block-zenwear-contents.block-contents-recommend .block-contents-recommend--list-item:nth-child(1),
.page-product-zenwear-glow .block-zenwear-contents.block-contents-recommend .block-contents-recommend--list-item:nth-child(1),
.page-products-zenwear-powder .block-zenwear-contents.block-contents-recommend .block-contents-recommend--list-item:nth-child(1) {
  margin-bottom: 20px;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f2ef+0,ffffff+50,f5f2ef+100 */
  background: linear-gradient(to right, #f5f2ef 0%, #ffffff 50%, #f5f2ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 80px auto 0;
  padding: 40px 0;
  width: calc(100% - 30px);
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend + .block-basemakeup-recommend,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend + .block-basemakeup-recommend,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend + .block-basemakeup-recommend {
  margin-top: 20px;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title {
  font-size: 20px;
  line-height: 1.5;
  margin: 0 auto 50px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  width: 100%;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title::after,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title::after,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+50,ffffff+100 */
  background: linear-gradient(to right, #ffffff 0%, #000000 50%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title-sub-text,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title-sub-text,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--title-sub-text {
  display: block;
  font-size: 14px;
  font-weight: 500px;
  line-height: 1.5;
  margin-bottom: 4px;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-list,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-list,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-list {
  margin: 0 auto;
  width: 100%;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products {
  text-align: center;
  width: 100%;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products:not(:last-child),
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products:not(:last-child),
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products:not(:last-child) {
  margin-bottom: 60px;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-image,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-image,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-image {
  margin: 0 auto 20px;
  width: 70%;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-copy,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-copy,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-copy {
  font-size: 16px;
  margin-bottom: 20px;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-name,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-name,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-name {
  font-size: 13px;
  margin-bottom: 20px;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-more-anchor,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-more-anchor,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-more-anchor {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 250px;
}
.page-zenwear-top .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-notes,
.page-product-zenwear-glow .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-notes,
.page-products-zenwear-powder .block-zenwear-contents.block-basemakeup-recommend .block-basemakeup-recommend--products-notes {
  font-size: 10px;
  margin-top: 10px;
}

/* --- page-product --- */
.page-list .block-about-sunshelter,
.page-products .block-about-sunshelter,
.page-contentssecure .block-about-sunshelter {
  background-image: url("../../../img/decorte2023/sp/sun_shelter/about_sunshelter/bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: 0 auto 80px;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .page-list .block-about-sunshelter,
  .page-products .block-about-sunshelter,
  .page-contentssecure .block-about-sunshelter {
    background-position: center top 140vw;
  }
}
@media screen and (min-width: 751px) {
  .page-list .block-about-sunshelter,
  .page-products .block-about-sunshelter,
  .page-contentssecure .block-about-sunshelter {
    background-position: center top 1055px;
  }
}
.page-list .block-about-sunshelter sup,
.page-products .block-about-sunshelter sup,
.page-contentssecure .block-about-sunshelter sup {
  vertical-align: super;
}
.page-list .block-about-sunshelter-intro,
.page-products .block-about-sunshelter-intro,
.page-contentssecure .block-about-sunshelter-intro {
  margin-bottom: 60px;
  text-align: center;
}
.page-list .block-about-sunshelter-intro--main-visual,
.page-products .block-about-sunshelter-intro--main-visual,
.page-contentssecure .block-about-sunshelter-intro--main-visual {
  margin: 0 auto 30px;
}
.page-list .block-about-sunshelter-intro--copy,
.page-products .block-about-sunshelter-intro--copy,
.page-contentssecure .block-about-sunshelter-intro--copy {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.page-list .block-about-sunshelter-intro--copy sup,
.page-products .block-about-sunshelter-intro--copy sup,
.page-contentssecure .block-about-sunshelter-intro--copy sup {
  font-size: 11px;
  vertical-align: top;
}
.page-list .block-about-sunshelter-intro--text,
.page-products .block-about-sunshelter-intro--text,
.page-contentssecure .block-about-sunshelter-intro--text {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 20px;
  padding: 0 15px;
}
.page-list .block-about-sunshelter-intro--notes,
.page-products .block-about-sunshelter-intro--notes,
.page-contentssecure .block-about-sunshelter-intro--notes {
  font-size: 11px;
  line-height: 1.3;
  padding: 0 15px;
}
.page-list .block-about-sunshelter-products,
.page-products .block-about-sunshelter-products,
.page-contentssecure .block-about-sunshelter-products {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.page-list .block-about-sunshelter-products--lead,
.page-products .block-about-sunshelter-products--lead,
.page-contentssecure .block-about-sunshelter-products--lead {
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}
.page-list .block-about-sunshelter-products--list,
.page-products .block-about-sunshelter-products--list,
.page-contentssecure .block-about-sunshelter-products--list {
  margin: 0 auto;
  width: 100%;
}
.page-list .block-about-sunshelter-products--list-item,
.page-products .block-about-sunshelter-products--list-item,
.page-contentssecure .block-about-sunshelter-products--list-item {
  text-align: center;
  width: 100%;
}
.page-list .block-about-sunshelter-products--list-item:not(:last-child),
.page-products .block-about-sunshelter-products--list-item:not(:last-child),
.page-contentssecure .block-about-sunshelter-products--list-item:not(:last-child) {
  margin-bottom: 60px;
}
.page-list .block-about-sunshelter-products--list-item__comfort,
.page-products .block-about-sunshelter-products--list-item__comfort,
.page-contentssecure .block-about-sunshelter-products--list-item__comfort {
  color: #5664ad;
}
.page-list .block-about-sunshelter-products--list-item__comfort .block-about-sunshelter-products--list-item-label,
.page-products .block-about-sunshelter-products--list-item__comfort .block-about-sunshelter-products--list-item-label,
.page-contentssecure .block-about-sunshelter-products--list-item__comfort .block-about-sunshelter-products--list-item-label {
  background-color: #5664ad;
}
.page-list .block-about-sunshelter-products--list-item__ec,
.page-products .block-about-sunshelter-products--list-item__ec,
.page-contentssecure .block-about-sunshelter-products--list-item__ec {
  color: #3d81c3;
}
.page-list .block-about-sunshelter-products--list-item__ec .block-about-sunshelter-products--list-item-label,
.page-products .block-about-sunshelter-products--list-item__ec .block-about-sunshelter-products--list-item-label,
.page-contentssecure .block-about-sunshelter-products--list-item__ec .block-about-sunshelter-products--list-item-label {
  background-color: #3d81c3;
}
.page-list .block-about-sunshelter-products--list-item__vwr,
.page-products .block-about-sunshelter-products--list-item__vwr,
.page-contentssecure .block-about-sunshelter-products--list-item__vwr {
  color: #27277c;
}
.page-list .block-about-sunshelter-products--list-item__vwr .block-about-sunshelter-products--list-item-label,
.page-products .block-about-sunshelter-products--list-item__vwr .block-about-sunshelter-products--list-item-label,
.page-contentssecure .block-about-sunshelter-products--list-item__vwr .block-about-sunshelter-products--list-item-label {
  background-color: #27277c;
}
.page-list .block-about-sunshelter-products--list-item__tuc,
.page-products .block-about-sunshelter-products--list-item__tuc,
.page-contentssecure .block-about-sunshelter-products--list-item__tuc {
  color: #e17ca3;
}
.page-list .block-about-sunshelter-products--list-item__tuc .block-about-sunshelter-products--list-item-label,
.page-products .block-about-sunshelter-products--list-item__tuc .block-about-sunshelter-products--list-item-label,
.page-contentssecure .block-about-sunshelter-products--list-item__tuc .block-about-sunshelter-products--list-item-label {
  background-color: #e17ca3;
}
.page-list .block-about-sunshelter-products--list-item-catch,
.page-products .block-about-sunshelter-products--list-item-catch,
.page-contentssecure .block-about-sunshelter-products--list-item-catch {
  border-bottom: 1px solid;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-bottom: 4px;
}
.page-list .block-about-sunshelter-products--list-item-copy,
.page-products .block-about-sunshelter-products--list-item-copy,
.page-contentssecure .block-about-sunshelter-products--list-item-copy {
  font-size: 15px;
  margin-bottom: 20px;
}
.page-list .block-about-sunshelter-products--list-item-image,
.page-products .block-about-sunshelter-products--list-item-image,
.page-contentssecure .block-about-sunshelter-products--list-item-image {
  margin: 0 auto 20px;
  max-width: 390px;
  width: 50%;
}
.page-list .block-about-sunshelter-products--list-item-label,
.page-products .block-about-sunshelter-products--list-item-label,
.page-contentssecure .block-about-sunshelter-products--list-item-label {
  color: #ffffff;
  display: inline-block;
  line-height: 1;
  margin-bottom: 20px;
  padding: 0.5em;
}
.page-list .block-about-sunshelter-products--list-item-name,
.page-products .block-about-sunshelter-products--list-item-name,
.page-contentssecure .block-about-sunshelter-products--list-item-name {
  color: black;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.page-list .block-about-sunshelter-products--list-item-spec,
.page-products .block-about-sunshelter-products--list-item-spec,
.page-contentssecure .block-about-sunshelter-products--list-item-spec {
  color: black;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.page-list .block-about-sunshelter-products--list-item-color,
.page-products .block-about-sunshelter-products--list-item-color,
.page-contentssecure .block-about-sunshelter-products--list-item-color {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30px;
}
.page-list .block-about-sunshelter-products--list-item-color-item,
.page-products .block-about-sunshelter-products--list-item-color-item,
.page-contentssecure .block-about-sunshelter-products--list-item-color-item {
  text-align: center;
  width: calc((100% - 20px) / 3);
}
.page-list .block-about-sunshelter-products--list-item-color-item .image,
.page-products .block-about-sunshelter-products--list-item-color-item .image,
.page-contentssecure .block-about-sunshelter-products--list-item-color-item .image {
  margin: 0 auto 10px;
  width: 60px;
}
.page-list .block-about-sunshelter-products--list-item-color-item .text,
.page-products .block-about-sunshelter-products--list-item-color-item .text,
.page-contentssecure .block-about-sunshelter-products--list-item-color-item .text {
  color: #000000;
  font-size: 10px;
  line-height: 1.3;
  width: 100%;
}
.page-list .block-about-sunshelter-products--list-item-color-item .text .name,
.page-products .block-about-sunshelter-products--list-item-color-item .text .name,
.page-contentssecure .block-about-sunshelter-products--list-item-color-item .text .name {
  display: block;
  margin-bottom: 4px;
}
.page-list .block-about-sunshelter-products--list-item-cart:not(:last-child),
.page-products .block-about-sunshelter-products--list-item-cart:not(:last-child),
.page-contentssecure .block-about-sunshelter-products--list-item-cart:not(:last-child) {
  margin-bottom: 10px;
}
.page-list .block-about-sunshelter-products--list-item-cart-button,
.page-products .block-about-sunshelter-products--list-item-cart-button,
.page-contentssecure .block-about-sunshelter-products--list-item-cart-button {
  max-width: 300px;
}
.page-list .block-about-sunshelter-products--list-item-more-anchor,
.page-products .block-about-sunshelter-products--list-item-more-anchor,
.page-contentssecure .block-about-sunshelter-products--list-item-more-anchor {
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  max-width: 300px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  font-size: 16px;
  line-height: 1.3;
  min-height: 50px;
  padding: calc((50px - 1.3em) / 2) 1em;
}
.page-list .block-about-sunshelter-technology--comparison,
.page-products .block-about-sunshelter-technology--comparison,
.page-contentssecure .block-about-sunshelter-technology--comparison {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 30px;
  position: relative;
  width: 100%;
  /*        &::before {
            border: 10px solid transparent;
            border-left: 10px solid #8dadda;
            border-right: 0;
            bottom: 10%;
            content: "";
            display: block;
            left: calc(50% - 5px);
            position: absolute;
          }*/
}
.page-list .block-about-sunshelter-technology--comparison-item,
.page-products .block-about-sunshelter-technology--comparison-item,
.page-contentssecure .block-about-sunshelter-technology--comparison-item {
  width: calc(50% - 4px);
}
.page-list .block-about-sunshelter-technology--comparison-item-text,
.page-products .block-about-sunshelter-technology--comparison-item-text,
.page-contentssecure .block-about-sunshelter-technology--comparison-item-text {
  color: #8dadda;
  line-height: 1.5;
  min-height: 3em;
  font-size: 6px;
  font-weight: 700;
  text-align: center;
}
.page-list .block-about-sunshelter-technology--comparison-notes,
.page-products .block-about-sunshelter-technology--comparison-notes,
.page-contentssecure .block-about-sunshelter-technology--comparison-notes {
  margin-top: 10px;
  font-size: 10px;
  text-align: right;
  width: 100%;
}
.page-list .block-about-sunshelter-technology--copy,
.page-products .block-about-sunshelter-technology--copy,
.page-contentssecure .block-about-sunshelter-technology--copy {
  color: #8dadda;
  font-size: 13px;
  margin-bottom: 10px;
  text-align: center;
}
.page-list .block-about-sunshelter-technology--lead,
.page-products .block-about-sunshelter-technology--lead,
.page-contentssecure .block-about-sunshelter-technology--lead {
  font-size: 11px;
  margin-bottom: 10px;
  text-align: center;
}
.page-list .block-about-sunshelter-technology--notes,
.page-products .block-about-sunshelter-technology--notes,
.page-contentssecure .block-about-sunshelter-technology--notes {
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.page-list .block-about-sunshelter-technology--column,
.page-products .block-about-sunshelter-technology--column,
.page-contentssecure .block-about-sunshelter-technology--column {
  border: 1px solid #8dadda;
  margin: 30px auto 0;
  padding: 20px 10px;
  width: 100%;
}
.page-list .block-about-sunshelter-technology--column-text-area,
.page-products .block-about-sunshelter-technology--column-text-area,
.page-contentssecure .block-about-sunshelter-technology--column-text-area {
  width: 100%;
}
.page-list .block-about-sunshelter-technology--column-title,
.page-products .block-about-sunshelter-technology--column-title,
.page-contentssecure .block-about-sunshelter-technology--column-title {
  color: #8dadda;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.page-list .block-about-sunshelter-technology--column-text,
.page-products .block-about-sunshelter-technology--column-text,
.page-contentssecure .block-about-sunshelter-technology--column-text {
  font-size: 11px;
}
.page-list .block-about-sunshelter-technology--column-image,
.page-products .block-about-sunshelter-technology--column-image,
.page-contentssecure .block-about-sunshelter-technology--column-image {
  margin: 10px auto 0;
  width: 50%;
}
.page-list .block-about-sunshelter-technology--column-notes,
.page-products .block-about-sunshelter-technology--column-notes,
.page-contentssecure .block-about-sunshelter-technology--column-notes {
  font-size: 10px;
  text-align: right;
}
.page-list .block-about-sunshelter-contents,
.page-products .block-about-sunshelter-contents,
.page-contentssecure .block-about-sunshelter-contents {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.page-list .block-about-sunshelter-contents sup,
.page-products .block-about-sunshelter-contents sup,
.page-contentssecure .block-about-sunshelter-contents sup {
  font-size: 10px;
}
.page-list .block-about-sunshelter-contents.block-about-sunshelter-comfort .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-contents.block-about-sunshelter-comfort .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-contents.block-about-sunshelter-comfort .block-about-sunshelter-contents--title {
  background-color: #5761cf;
}
.page-list .block-about-sunshelter-contents.block-about-sunshelter-ec .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-contents.block-about-sunshelter-ec .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-contents.block-about-sunshelter-ec .block-about-sunshelter-contents--title {
  background-color: #6693df;
}
.page-list .block-about-sunshelter-contents.block-about-sunshelter-vwr .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-contents.block-about-sunshelter-vwr .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-contents.block-about-sunshelter-vwr .block-about-sunshelter-contents--title {
  background-color: #555ca1;
}
.page-list .block-about-sunshelter-contents.block-about-sunshelter-tuc .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-contents.block-about-sunshelter-tuc .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-contents.block-about-sunshelter-tuc .block-about-sunshelter-contents--title {
  background-color: #e795bc;
}
.page-list .block-about-sunshelter-contents.block-about-sunshelter-comparison .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-contents.block-about-sunshelter-comparison .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-contents.block-about-sunshelter-comparison .block-about-sunshelter-contents--title {
  background-color: #f0f0f0;
  color: #000000;
}
.page-list .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-contents--title {
  background-color: #8dadda;
  color: #ffffff;
  font-size: 16px;
  padding: 0.5em 0;
  text-align: center;
}
.page-list .block-about-sunshelter-contents--title-sub-text,
.page-products .block-about-sunshelter-contents--title-sub-text,
.page-contentssecure .block-about-sunshelter-contents--title-sub-text {
  font-size: 12px;
}
.page-list .block-about-sunshelter-contents--main-container,
.page-products .block-about-sunshelter-contents--main-container,
.page-contentssecure .block-about-sunshelter-contents--main-container {
  padding: 20px 10px;
}
.page-list .block-about-sunshelter-feature,
.page-products .block-about-sunshelter-feature,
.page-contentssecure .block-about-sunshelter-feature {
  /*      &--list {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          margin-bottom: 20px;
          &-item {
            width: calc((100% - 10px) / 2);
            &:nth-child(1) {
              margin-right: 10px;
              margin-bottom: 20px;
            }
            &:nth-child(2) {
              margin-bottom: 20px;
            }
          }*/
}
.page-list .block-about-sunshelter-feature--list,
.page-products .block-about-sunshelter-feature--list,
.page-contentssecure .block-about-sunshelter-feature--list {
  margin-bottom: 20px;
}
.page-list .block-about-sunshelter-feature--list-item,
.page-products .block-about-sunshelter-feature--list-item,
.page-contentssecure .block-about-sunshelter-feature--list-item {
  align-items: center;
  display: flex;
}
.page-list .block-about-sunshelter-feature--list-item img,
.page-products .block-about-sunshelter-feature--list-item img,
.page-contentssecure .block-about-sunshelter-feature--list-item img {
  width: 30%;
}
.page-list .block-about-sunshelter-feature--list-item-text,
.page-products .block-about-sunshelter-feature--list-item-text,
.page-contentssecure .block-about-sunshelter-feature--list-item-text {
  font-size: 11px;
  line-height: 1.5;
  margin: 0 auto;
  padding: 10px;
  text-align: justify;
  width: 70%;
}
.page-list .block-about-sunshelter-feature--notes,
.page-products .block-about-sunshelter-feature--notes,
.page-contentssecure .block-about-sunshelter-feature--notes {
  font-size: 10px;
}
.page-list .block-about-sunshelter-component__comfort .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-component__comfort .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-component__comfort .block-about-sunshelter-contents--title {
  background-color: #5761cf;
}
.page-list .block-about-sunshelter-component__ec .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-component__ec .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-component__ec .block-about-sunshelter-contents--title {
  background-color: #6691dd;
}
.page-list .block-about-sunshelter-component__vwr .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-component__vwr .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-component__vwr .block-about-sunshelter-contents--title {
  background-color: #555ca1;
}
.page-list .block-about-sunshelter-component__tuc .block-about-sunshelter-contents--title,
.page-products .block-about-sunshelter-component__tuc .block-about-sunshelter-contents--title,
.page-contentssecure .block-about-sunshelter-component__tuc .block-about-sunshelter-contents--title {
  background-color: #e795bc;
}
.page-list .block-about-sunshelter-component--lead,
.page-products .block-about-sunshelter-component--lead,
.page-contentssecure .block-about-sunshelter-component--lead {
  font-size: 16px;
  text-align: center;
}
.page-list .block-about-sunshelter-component--notes,
.page-products .block-about-sunshelter-component--notes,
.page-contentssecure .block-about-sunshelter-component--notes {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
}
.page-list .block-about-sunshelter-component--list,
.page-products .block-about-sunshelter-component--list,
.page-contentssecure .block-about-sunshelter-component--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-list .block-about-sunshelter-component--list-item,
.page-products .block-about-sunshelter-component--list-item,
.page-contentssecure .block-about-sunshelter-component--list-item {
  width: calc(50% - 5px);
}
.page-list .block-about-sunshelter-component--list-item:not(:last-child),
.page-products .block-about-sunshelter-component--list-item:not(:last-child),
.page-contentssecure .block-about-sunshelter-component--list-item:not(:last-child) {
  margin-bottom: 20px;
}
.page-list .block-about-sunshelter-component--list-item-text-area,
.page-products .block-about-sunshelter-component--list-item-text-area,
.page-contentssecure .block-about-sunshelter-component--list-item-text-area {
  margin-top: 10px;
}
.page-list .block-about-sunshelter-component--list-item-title,
.page-products .block-about-sunshelter-component--list-item-title,
.page-contentssecure .block-about-sunshelter-component--list-item-title {
  font-size: 13px;
}
.page-list .block-about-sunshelter-component--list-item-title sup,
.page-products .block-about-sunshelter-component--list-item-title sup,
.page-contentssecure .block-about-sunshelter-component--list-item-title sup {
  font-size: 10px;
}
.page-list .block-about-sunshelter-component--list-item-description,
.page-products .block-about-sunshelter-component--list-item-description,
.page-contentssecure .block-about-sunshelter-component--list-item-description {
  font-size: 11px;
}
.page-list .block-about-sunshelter-component--list-item-description small,
.page-products .block-about-sunshelter-component--list-item-description small,
.page-contentssecure .block-about-sunshelter-component--list-item-description small {
  font-size: 10px;
}
.page-list .block-about-sunshelter-component--list-notes,
.page-products .block-about-sunshelter-component--list-notes,
.page-contentssecure .block-about-sunshelter-component--list-notes {
  font-size: 10px;
  text-align: right;
}
.page-list .block-about-sunshelter-comparison--scroll-container,
.page-products .block-about-sunshelter-comparison--scroll-container,
.page-contentssecure .block-about-sunshelter-comparison--scroll-container {
  overflow-x: scroll;
  white-space: nowrap;
}
.page-list .block-about-sunshelter-comparison--scroll-container img,
.page-products .block-about-sunshelter-comparison--scroll-container img,
.page-contentssecure .block-about-sunshelter-comparison--scroll-container img {
  max-width: none;
  width: 200%;
}
.page-list .block-about-sunshelter-comparison--button-list,
.page-products .block-about-sunshelter-comparison--button-list,
.page-contentssecure .block-about-sunshelter-comparison--button-list {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  width: 200%;
}
.page-list .block-about-sunshelter-comparison--button-list-item,
.page-products .block-about-sunshelter-comparison--button-list-item,
.page-contentssecure .block-about-sunshelter-comparison--button-list-item {
  width: 21.4%;
}
.page-list .block-about-sunshelter-comparison--button-list-item img,
.page-products .block-about-sunshelter-comparison--button-list-item img,
.page-contentssecure .block-about-sunshelter-comparison--button-list-item img {
  width: 100%;
}
.page-list .block-about-sunshelter-comparison--button-list-item:last-child,
.page-products .block-about-sunshelter-comparison--button-list-item:last-child,
.page-contentssecure .block-about-sunshelter-comparison--button-list-item:last-child {
  margin-left: 1%;
}
.page-list .block-about-sunshelter-back-link--anchor,
.page-products .block-about-sunshelter-back-link--anchor,
.page-contentssecure .block-about-sunshelter-back-link--anchor {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  margin: 40px auto 0;
  max-width: 300px;
  min-height: 50px;
  position: relative;
  width: calc(100% - 40px);
}
.page-list .block-about-sunshelter-back-link--anchor::before,
.page-products .block-about-sunshelter-back-link--anchor::before,
.page-contentssecure .block-about-sunshelter-back-link--anchor::before {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  left: 0;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  transform: rotate(-135deg);
  width: 8px;
}
.page-list .block-about-sunshelter-back-link--anchor:before,
.page-products .block-about-sunshelter-back-link--anchor:before,
.page-contentssecure .block-about-sunshelter-back-link--anchor:before {
  left: 20px;
}

.block-about-sunshelter-feature--title {
  background-color: #8dadda;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  padding: 8px 0;
  text-align: center;
}
.block-about-sunshelter-feature--main-container {
  padding: 10px;
}
.block-about-sunshelter-feature--product {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 45px;
}
.block-about-sunshelter-feature--product-image {
  width: 100%;
  margin-bottom: 10px;
}
.block-about-sunshelter-feature--product-list-item {
  align-items: center;
  display: flex;
}
.block-about-sunshelter-feature--product-list-item-copy {
  width: 30%;
}
.block-about-sunshelter-feature--product-list-item-text {
  font-size: 11px;
  line-height: 1.5;
  margin: 0 auto;
  padding: 10px;
  text-align: justify;
  width: 70%;
}
.block-about-sunshelter-feature--product-notes {
  right: 0;
  bottom: 5px;
  font-size: 10px;
  margin-top: 20px;
}
.block-about-sunshelter-feature--catch {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.block-about-sunshelter-feature--catch-image {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 0 20px;
}
.block-about-sunshelter-feature--catch-text {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  padding: 20px;
}
.block-about-sunshelter-feature--catch-text-main {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #8dadda;
}
.block-about-sunshelter-feature--catch-text-sub {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
}

.block-about-sunshelter-comfort .block-about-sunshelter-feature--title {
  background-color: #5761cf;
}
.block-about-sunshelter-comfort .block-about-sunshelter-feature--catch-text-main {
  color: #5663ad;
}

.block-about-sunshelter-ec .block-about-sunshelter-feature--title {
  background-color: #6691dd;
}
.block-about-sunshelter-ec .block-about-sunshelter-feature--catch-text-main {
  color: #6691dd;
}

.block-about-sunshelter-vwr .block-about-sunshelter-feature--title {
  background-color: #555ca1;
}
.block-about-sunshelter-vwr .block-about-sunshelter-feature--catch-text-main {
  color: #555ca1;
}

.block-about-sunshelter-tuc .block-about-sunshelter-feature--title {
  background-color: #e795bc;
}
.block-about-sunshelter-tuc .block-about-sunshelter-feature--catch-text-main {
  color: #e795bc;
}

.block-about-sunshelter-comparison--product {
  margin-left: 80px;
  margin-bottom: 15px;
}
.block-about-sunshelter-comparison--product-list {
  display: flex;
}
.block-about-sunshelter-comparison--product-list-item {
  width: 160px;
  min-width: 160px;
  text-align: center;
}
.block-about-sunshelter-comparison--product-list-item-lead {
  height: 60px;
  color: #8dadda;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  font-size: 14px;
}
.block-about-sunshelter-comparison--product-list-item-lead span {
  line-height: 1.4;
}
.block-about-sunshelter-comparison--product-list-item-image img {
  width: auto !important;
  margin: 0 auto;
  max-width: 160px !important;
}
.block-about-sunshelter-comparison--product-list-item-name {
  color: #8dadda;
  line-height: 1.5;
  font-weight: 500;
  font-size: 12px;
}
.block-about-sunshelter-comparison--table {
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
}
.block-about-sunshelter-comparison--table-row {
  border-top: 1px solid #010101;
}
.block-about-sunshelter-comparison--table-row:last-child {
  border-bottom: 1px solid #010101;
}
.block-about-sunshelter-comparison--table-row td {
  word-wrap: break-word;
}
.block-about-sunshelter-comparison--table-head {
  font-size: 10px;
  min-width: 80px;
  padding: 2px;
  text-align: center;
  width: 80px;
  left: 0;
  top: 0;
  position: sticky;
  z-index: 1;
}
.block-about-sunshelter-comparison--table-head::before {
  background-color: #ffffff;
  border-right: 1px solid #010101;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.block-about-sunshelter-comparison--table-data {
  width: 160px;
  min-width: 160px;
  text-align: center;
  padding: 2px;
  font-size: 10px;
}
.block-about-sunshelter-comparison--table-data:last-child {
  border-right: none;
}
.block-about-sunshelter-comparison--table-data[colspan="3"] {
  width: 480px;
}
.block-about-sunshelter-comparison--table-data-notes {
  text-align: center;
  padding: 5px;
  font-size: 10px;
}
.block-about-sunshelter-comparison--table-data-feature {
  width: 160px;
  min-width: 160px;
  text-align: center;
  padding: 5px;
  border-right: 1px solid #010101;
  vertical-align: top;
  font-size: 10px;
}
.block-about-sunshelter-comparison--table-data-feature:last-child {
  border-right: none;
}
.block-about-sunshelter-comparison--table-data-feature sup {
  font-size: 10px;
}
.block-about-sunshelter-comparison--table-data-feature-text {
  line-height: 1.1;
  margin: 15px 0;
  height: 35px;
}
.block-about-sunshelter-comparison--table-data-feature-list {
  margin-bottom: 20px;
}
.block-about-sunshelter-comparison--table-data-feature-list-item {
  position: relative;
  text-align: left;
  font-size: 10px;
  margin-left: 10px;
  white-space: normal;
}
.block-about-sunshelter-comparison--table-data-feature-list-item::before {
  content: "・";
  position: absolute;
  top: 0;
  left: -10px;
}
.block-about-sunshelter-comparison--table-data-feature-list-item-sup {
  position: relative;
  text-align: left;
  font-size: 10px;
  margin-left: 10px;
  margin-top: -6px;
  white-space: normal;
}
.block-about-sunshelter-comparison--table-data-feature-list-item-sup sup {
  font-size: 10px;
}
.block-about-sunshelter-comparison--table-data-feature-list-item-sup::before {
  content: "・";
  position: absolute;
  top: 6px;
  left: -10px;
}
.block-about-sunshelter-comparison--notes {
  font-size: 10px;
  text-align: right;
  white-space: normal;
  width: 720px;
}
.block-about-sunshelter-comparison--navigation {
  margin-left: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.block-about-sunshelter-comparison--navigation-list {
  display: flex;
}
.block-about-sunshelter-comparison--navigation-list-item {
  width: 160px;
  min-width: 160px;
  text-align: center;
}
.block-about-sunshelter-comparison--navigation-list-item-button {
  position: relative;
  background-color: #8dadda;
  width: 140px;
  height: 80px;
  line-height: 1.5;
  padding-right: 15px;
  color: #ffffff;
  font-weight: 300;
  font-size: 11px;
}
.block-about-sunshelter-comparison--navigation-list-item-button:hover {
  cursor: pointer;
}
.block-about-sunshelter-comparison--navigation-list-item-button:before {
  content: "";
  background-color: #fff;
  height: 25px;
  width: 1px;
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 12px;
  transform: rotate(-30deg);
}
.block-about-sunshelter-comparison--navigation-list-item-button:after {
  content: "";
  background-color: #fff;
  height: 25px;
  width: 1px;
  display: inline-block;
  position: absolute;
  bottom: 17px;
  right: 12px;
  transform: rotate(30deg);
}

.block-about-sunshelter-comfort .block-about-sunshelter-comparison--product-list-item-lead {
  color: #5663ad;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-about-sunshelter-comfort .block-about-sunshelter-comparison--product-list-item-name {
  color: #5663ad;
}

.block-about-sunshelter-ec .block-about-sunshelter-comparison--product-list-item-lead {
  color: #6691dd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-about-sunshelter-ec .block-about-sunshelter-comparison--product-list-item-name {
  color: #6691dd;
}

.block-about-sunshelter-vwr .block-about-sunshelter-comparison--product-list-item-lead {
  color: #555ca1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-about-sunshelter-vwr .block-about-sunshelter-comparison--product-list-item-name {
  color: #555ca1;
}

.block-about-sunshelter-tuc .block-about-sunshelter-comparison--product-list-item-lead {
  color: #e795bc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-about-sunshelter-tuc .block-about-sunshelter-comparison--product-list-item-name {
  color: #e795bc;
}
.block-about-sunshelter-tuc .block-about-sunshelter-comparison--table-data-feature-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line category */
.page-aq-concept-w h1, .page-aq-concept-w h2, .page-aq-concept-w h3, .page-aq-concept-w h4, .page-aq-concept-w dt, .page-aq-concept-w dd, .page-aq-concept-w li, .page-aq-concept-w p, .page-aq-concept-w span, .page-aq-concept-w small, .page-aq-concept-w th, .page-aq-concept-w td {
  letter-spacing: 0;
  font-feature-settings: "chws" 0;
  font-weight: 500;
}

.page-aq-concept-w .block-concept-w .block-custom-visual {
  margin-bottom: 40px;
}

.page-aq-concept-w .block-concept-w--concept-top {
  color: #000;
  background-image: url("../../images/sp/aq/concept_w_01.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-aq-concept-w .block-concept-w--concept-title {
  padding-top: 100px;
  position: relative;
}

.page-aq-concept-w .block-concept-w--concept-title-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}

.page-aq-concept-w .block-concept-w--concept-title-logo img {
  width: 100%;
}

.page-aq-concept-w .block-concept-w--concept-title-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 1.2;
  margin-top: 30px;
  text-align: center;
}

.page-aq-concept-w .block-concept-w--l-container {
  padding: 100px 0;
}

.page-aq-concept-w .block-concept-w--l-container:after {
  content: "";
  clear: both;
  display: block;
}

.page-aq-concept-w .block-concept-w--concept-message-container {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 1140px;
}

.page-aq-concept-w .block-concept-w--concept-message-wrap {
  float: right;
  text-align: left;
  width: 570px;
}

.page-aq-concept-w .block-concept-w--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 60px;
  margin-top: 30px;
}

.page-aq-concept-w .block-concept-w--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 1em;
}

.page-aq-concept-w .block-concept-w--concept-message-note {
  margin-top: 1em;
  font-size: 10px;
}

.page-aq-concept-w .block-concept-w--productLink {
  clear: both;
  margin-top: 100px;
  text-align: center;
}

.page-aq-concept-w .block-concept-w--productLink a {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  padding: 20px 30px;
}

.page-aq-concept-w .block-concept-w {
  position: relative;
}

.page-aq-concept-w .block-concept-w .sp_bg {
  height: auto;
  width: 100%;
}

.page-aq-concept-w .block-concept-w--concept-top {
  background: none;
}

.page-aq-concept-w .block-concept-w--concept-title {
  padding-top: 5%;
  position: absolute;
  top: 50px;
  width: 100%;
}

.page-aq-concept-w .block-concept-w--concept-title-logo {
  width: 62px;
}

.page-aq-concept-w .block-concept-w--concept-title-logo img {
  width: 100%;
}

.page-aq-concept-w .block-concept-w--concept-title-text {
  color: #000000;
  font-size: 18px;
  margin-top: 12px;
  text-align: center;
}

/*.concept .l-container {
	margin-left: auto;
	margin-right: auto;
	width: 1160px;
}*/
.page-aq-concept-w .block-concept-w--l-container {
  padding: 50px 0;
}

.page-aq-concept-w .block-concept-w--l-container:after {
  content: "";
  clear: both;
  display: block;
}

.page-aq-concept-w .block-concept-w--concept-message-container {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 94%;
}

.page-aq-concept-w .block-concept-w--concept-message .block-concept-w--l-container {
  color: #000000;
  padding: 0 0 50px;
}

.page-aq-concept-w .block-concept-w--concept-message-wrap {
  float: none;
  text-align: center;
  width: 100%;
}

.page-aq-concept-w .block-concept-w--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  padding: 0;
}

.page-aq-concept-w .block-concept-w--concept-message-lead {
  line-height: 1.7;
  font-size: 16px;
  margin-bottom: 30px;
  margin-top: 15px;
}

.page-aq-concept-w .block-concept-w--concept-message-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-w .block-concept-w--productLink {
  margin-top: 0;
}

.page-aq-concept-w .block-concept-w--productLink a {
  text-decoration: none;
  display: block;
  font-size: 13px;
  margin: auto;
  padding: 10px 0;
  width: 90%;
}

.page-aq-concept-w .block-page-scroll-trigger {
  align-items: center;
  border: 1px solid;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  justify-content: center;
  margin: 0 auto 30px;
  padding: 20px 0;
  position: relative;
  width: 80%;
}
.page-aq-concept-w .block-page-scroll-trigger::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.page-aq-concept-w .block-page-scroll-trigger::after {
  bottom: 8px;
  right: calc(50% - 5px);
  transform: rotate(135deg);
  top: auto;
}
.page-aq-concept-w #product-list {
  font-size: 0;
}

/* 旧サイトcss */
.page-aq-concept-basemake {
  /*選べる3タイプ*/
  /*ボックスレート*/
  /*.block-concept-basemake .block-concept-basemake--l-container {
    margin-left: auto;
    margin-right: auto;
    width: 1160px;
  }*/
  /*選べる3タイプ*/
}

.page-aq-concept-basemake h1, .page-aq-concept-basemake h2, .page-aq-concept-basemake h3, .page-aq-concept-basemake h4, .page-aq-concept-basemake dt, .page-aq-concept-basemake dd, .page-aq-concept-basemake li, .page-aq-concept-basemake p, .page-aq-concept-basemake span, .page-aq-concept-basemake small, .page-aq-concept-basemake th, .page-aq-concept-basemake td {
  letter-spacing: 0;
  font-feature-settings: "chws" 0;
  font-weight: 500;
}

.page-aq-concept-basemake .mainContainer {
  padding-top: 80px;
}

.page-aq-concept-basemake .block-concept-basemake {
  /*    padding-top: 50px;*/
}

.page-aq-concept-basemake .block-concept-basemake img {
  vertical-align: text-top;
  height: auto;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake .block-custom-visual {
  margin-bottom: 40px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-top {
  color: #000;
  background-image: url("../../images/sp/aq/concept_basemake_01.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title {
  padding-top: 100px;
  position: relative;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title-logo img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title-text {
  color: #837541;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  margin-top: 30px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake .block-concept-basemake--l-container {
  padding: 50px 0;
}

.page-aq-concept-basemake .block-concept-basemake .block-concept-basemake--l-container:after {
  content: "";
  clear: both;
  display: block;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-wrap {
  float: right;
  text-align: left;
  width: 570px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 60px;
  margin-top: 30px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-catch {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  line-height: 1.7;
  margin-top: 3em;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 1em;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-note {
  margin-top: 1em;
  font-size: 10px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point .block-concept-basemake--l-container {
  color: #000;
  background-image: url("/images/aq/bg_concept_section02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 200px 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-item {
  float: left;
  margin: 0 35px;
  width: 500px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-item-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 60px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-item-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
  line-height: 2;
  margin-top: 1em;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 60px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item {
  float: left;
  width: 333.3333333333px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item02,
.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item03 {
  margin-left: 70px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.item01 .block-concept-basemake--concept-component-item-title,
.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item02 .block-concept-basemake--concept-component-item-title {
  padding-top: 0.8em;
  height: 2.6em;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-image {
  margin: 0 auto 30px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.item01 .block-concept-basemake--concept-component-item-image,
.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item03 .block-concept-basemake--concept-component-item-image {
  width: 159px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item02 .block-concept-basemake--concept-component-item-image {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-image img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-text {
  font-size: 12px;
  line-height: 1.7;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-note {
  font-size: 10px;
  line-height: 1.7;
  margin-top: 10px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar {
  margin-top: 100px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-title__note {
  font-size: 10px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.block-concept-basemake--item04 {
  margin-left: calc(50% - 333.3333333333px - 35px);
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.block-concept-basemake--item04 .block-concept-basemake--concept-component-item-image {
  width: 214px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.block-concept-basemake--item05 {
  margin-left: 70px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.block-concept-basemake--item05 .block-concept-basemake--concept-component-item-image {
  width: 214px;
}

.page-aq-concept-basemake .block-concept-basemake--productLink {
  clear: both;
  margin-top: 100px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake--productLink a {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  padding: 20px 30px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup {
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake--lineup .block-concept-basemake--l-container {
  padding: 50px 0;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-title {
  border: 1px solid #000;
  padding: 20px 30px;
  color: #000;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 40px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item-container {
  display: flex;
  margin: 0 auto 40px;
  width: 1200px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  text-align: left;
  padding: 0 10px;
  width: 33.3333333333%;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--image {
  margin: 0 auto;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--image img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--copy {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 20px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--copy .block-concept-basemake--name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #A28A3D;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--spec {
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 20px;
}

.page-aq-concept-basemake .block-concept-basemake--rate-title {
  float: left;
  font-size: 12px;
  color: #888888;
  border-bottom: 1px solid #888888;
}

.page-aq-concept-basemake .block-concept-basemake--rate-box {
  margin-left: 90px;
  padding: 3px 0 7px;
}

.page-aq-concept-basemake .block-concept-basemake--ratelevel5 {
  background-image: url("../../images/sp/aq/concept_ratelevels_01.png");
  /*ボックス画像*/
  background-repeat: no-repeat;
  /* 繰り返しはナシ */
  width: 75px;
  /* 横幅はボックス５つ分 */
  height: 15px;
  /* 高さはボックス１つ分 */
}

.page-aq-concept-basemake .block-concept-basemake--rate50 {
  background-position: left top;
}

.page-aq-concept-basemake .block-concept-basemake--rate40 {
  background-position: -15px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate30 {
  background-position: -30px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate20 {
  background-position: -45px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate10 {
  background-position: -60px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate00 {
  background-position: -75px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate45 {
  background-position: -150px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate35 {
  background-position: -165px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate25 {
  background-position: -180px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate15 {
  background-position: -195px top;
}

.page-aq-concept-basemake .block-concept-basemake--rate05 {
  background-position: -210px top;
}

.page-aq-concept-basemake .block-concept-basemake--toneup {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #F0E9BD;
  text-align: center;
  display: block;
}

.page-aq-concept-basemake .block-concept-basemake--toneup .block-concept-basemake--toneup-copy {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  line-height: 1.7;
  display: inline-block;
  text-align: left;
}

.page-aq-concept-basemake .block-concept-basemake--toneup .block-concept-basemake--toneup-note {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 10px;
  line-height: 1.7;
  display: inline-block;
  text-align: left;
}

.page-aq-concept-basemake .mainContainer {
  padding-top: 50px;
}

.page-aq-concept-basemake .block-concept-basemake {
  position: relative;
}

.page-aq-concept-basemake .block-concept-basemake--concept-top {
  background: none;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title {
  padding-top: 5%;
  position: absolute;
  top: 50px;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title-logo {
  width: 62px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title-logo img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-title-text {
  color: #000000;
  font-size: 18px;
  margin-top: 12px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake .block-concept-basemake--l-container {
  padding: 50px 0;
}

.page-aq-concept-basemake .block-concept-basemake .block-concept-basemake--l-container:after {
  content: "";
  clear: both;
  display: block;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-container,
.page-aq-concept-basemake .block-concept-basemake--concept-effect-container,
.page-aq-concept-basemake .block-concept-basemake--concept-component-container,
.page-aq-concept-basemake .block-concept-basemake--concept-design-container {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 94%;
  padding: 50px 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message .block-concept-basemake--l-container {
  color: #000000;
  padding: 0 0 50px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-wrap {
  float: none;
  text-align: center;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  padding: 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-lead {
  line-height: 1.7;
  font-size: 16px;
  margin-bottom: 30px;
  margin-top: 15px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-catch {
  font-size: 16px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-message-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point .block-concept-basemake--l-container {
  background-image: url("/images/aq/sp/bg_concept_section02.jpg");
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 100px 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-item {
  float: none;
  margin: 0;
  margin-bottom: 60px;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-item:last-child {
  margin-bottom: 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-item-title {
  font-size: 22px;
  margin-bottom: 30px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-point-item-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-basemake .block-concept-basemake--concept-effect .block-concept-basemake--l-container {
  padding: 100px 0 100px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-effect-title {
  font-size: 22px;
  margin-bottom: 30px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-effect-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-basemake .block-concept-basemake--concept-effect-image {
  margin: 0 auto 15px;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-effect-image img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-effect-text sup {
  font-size: 10px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-effect-note {
  font-size: 10px;
  margin-top: 15px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-title {
  font-size: 22px;
  margin-bottom: 30px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item {
  float: none;
  margin-bottom: 30px;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item02,
.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item03 {
  margin-left: 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item03 {
  margin-bottom: 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-title {
  font-size: 14px;
  margin-bottom: 15px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.item01 .block-concept-basemake--concept-component-item-title,
.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item02 .block-concept-basemake--concept-component-item-title {
  padding-top: 0;
  height: auto;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-image {
  margin: 0 auto 15px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.item01 .block-concept-basemake--concept-component-item-image,
.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item03 .block-concept-basemake--concept-component-item-image {
  width: 50%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item.block-concept-basemake--item02 .block-concept-basemake--concept-component-item-image {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-image img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-text {
  font-size: 12px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-item-note {
  font-size: 10px;
  margin-top: 10px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar {
  margin-top: 50px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-title__note {
  font-size: 10px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.item04 {
  margin-left: 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.item04 .block-concept-basemake--concept-component-item-image {
  width: 64%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.item05 {
  margin-left: 0;
}

.page-aq-concept-basemake .block-concept-basemake--concept-component-container.block-concept-basemake--black-soy-nectar .block-concept-basemake--concept-component-item.item05 .block-concept-basemake--concept-component-item-image {
  width: 64%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design-image {
  float: none;
  margin: 0 auto 30px;
  width: 80%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design-image img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design-wrap {
  margin: 0 auto;
  width: auto;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design-wrap__right {
  float: none;
  margin-left: 0;
  width: auto;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design-title {
  font-size: 22px;
  margin-bottom: 30px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design-text {
  font-size: 13px;
  margin-top: 1em;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design .block-concept-basemake--marcelwanders {
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  width: calc(107% - 40px);
}

.page-aq-concept-basemake .block-concept-basemake--concept-design .block-concept-basemake--marcelwanders-image {
  float: left;
  width: 30%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design .block-concept-basemake--marcelwanders-image img {
  width: 100%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design .block-concept-basemake--marcelwanders-about {
  float: right;
  width: 65%;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design .block-concept-basemake--marcelwanders-about-name {
  font-size: 12px;
}

.page-aq-concept-basemake .block-concept-basemake--concept-design .block-concept-basemake--marcelwanders-about-name strong {
  font-size: 16px;
}

.page-aq-concept-basemake .block-concept-basemake--marcelwanders-prof {
  font-size: 12px;
  margin-top: 60px;
  text-align: right;
}

.page-aq-concept-basemake .block-concept-basemake--marcelwanders-prof a {
  color: #000;
}

.page-aq-concept-basemake .block-concept-basemake--lineup {
  padding: 0 0 50px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item-container {
  display: block;
  width: auto;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item {
  margin-bottom: 50px;
  padding: 0 3%;
  width: auto;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item:nth-child(3) {
  margin-bottom: 0;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--image {
  width: 50%;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--date {
  font-size: 12px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--copy {
  font-size: 20px;
  margin-bottom: 20px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-item .block-concept-basemake--spec {
  font-size: 12px;
}

.page-aq-concept-basemake .block-concept-basemake--lineup-note {
  line-height: 1.7;
}

.page-aq-concept-basemake .block-concept-basemake--productLink {
  margin-top: 60px;
}

.page-aq-concept-basemake .block-concept-basemake--productLink a {
  text-decoration: none;
  display: block;
  font-size: 13px;
  margin: auto;
  padding: 10px 0;
  width: 90%;
}

/* 旧サイトcss end */
.page-aq-concept-basemake .block-concept-qurareflector {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-aq-concept-basemake .block-concept-qurareflector--title {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.page-aq-concept-basemake .block-concept-qurareflector--banner {
  border: 1px solid #dbdbdb;
  margin: 0 auto;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-qurareflector--banner-thumbnail {
  margin-bottom: 20px;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-qurareflector--banner-text-area {
  padding-bottom: 20px;
  text-align: center;
  width: 100%;
}

.page-aq-concept-basemake .block-concept-qurareflector--banner-copy {
  font-size: 16px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.page-aq-concept-basemake .block-concept-qurareflector--banner-sub-copy {
  font-size: 16px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.page-aq-concept-basemake .block-concept-qurareflector--banner-more {
  border: 1px solid #666666;
  display: inline-block;
  line-height: 1;
  padding: 0.5em 1em;
}

.page-aq-concept-basemake .block-page-scroll-trigger {
  background: rgb(187, 181, 155);
  background: linear-gradient(330deg, rgb(187, 181, 155) 0%, rgb(244, 243, 238) 25%, rgb(252, 252, 252) 50%, rgb(244, 243, 238) 75%, rgb(187, 181, 155) 100%);
  align-items: center;
  border: 1px solid;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  justify-content: center;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  width: 80%;
}
.page-aq-concept-basemake .block-page-scroll-trigger::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.page-aq-concept-basemake .block-page-scroll-trigger::after {
  bottom: 8px;
  right: calc(50% - 5px);
  transform: rotate(135deg);
  top: auto;
}
.page-aq-concept-basemake #product-list {
  font-size: 0;
}

.page-aq-concept-pointmake .block-concept-pointmake {
  /*    padding-top: 50px;*/
  background-color: black;
}

.page-aq-concept-pointmake .block-concept-pointmake .blcok-custom-visual {
  margin-bottom: 40px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title {
  padding-top: 100px;
  position: relative;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title-logo img {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title-text {
  color: #ffffff;
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 32px;
  margin-top: 30px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--l-container {
  padding: 100px 0;
}

.concept .l-container:after {
  content: "";
  clear: both;
  display: block;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-point-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-design-container {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 1140px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-wrap {
  float: right;
  text-align: left;
  width: 570px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-lead {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 60px;
  margin-top: 30px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-catch {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 22px;
  line-height: 1.7;
  margin-top: 3em;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-text {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 1em;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-pickup {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 16px;
  margin-top: 3em;
  text-decoration: underline;
}

sup {
  font-size: 10px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-note {
  margin-top: 1em;
  font-size: 10px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point .block-concept-pointmake--l-container {
  color: #000;
  background-image: url("../../images/sp/aq/concept_bg_02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 200px 0;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point-item {
  float: left;
  margin: 0 35px;
  width: 500px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point-item-title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 1.7;
  margin-bottom: 60px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point-item-text {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 2;
  margin-top: 1em;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 1.7;
  margin-bottom: 60px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item {
  float: left;
  width: 333.3333333333px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item02,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item03 {
  margin-left: 70px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.7;
  margin-bottom: 30px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item01 .block-concept-pointmake--concept-component-item-title,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item02 .block-concept-pointmake--concept-component-item-title {
  padding-top: 0.8em;
  height: 2.6em;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-image {
  margin: 0 auto 30px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item01 .block-concept-pointmake--concept-component-item-image,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item03 .block-concept-pointmake--concept-component-item-image {
  width: 159px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item02 .block-concept-pointmake--concept-component-item-image {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-image img {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-text {
  font-size: 12px;
  line-height: 1.7;
  color: #FFFFFF;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-note {
  font-size: 10px;
  line-height: 1.7;
  margin-top: 10px;
}

.page-aq-concept-pointmake .block-concept-pointmake--productLink {
  clear: both;
  margin-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--productLink a {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 16px;
  padding: 20px 30px;
  text-decoration: none;
}

/*メイクアップパターン*/
.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 30px;
  text-align: center;
  color: #fff;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-theme {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 24px;
  margin-top: 80px;
  text-align: center;
  line-height: 1.2;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-text {
  margin-top: 20px;
  text-align: center;
  line-height: 1.7;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list {
  overflow: hidden;
  *zoom: 1;
  margin-top: 20px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 14px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item .block-concept-pointmake--mg img {
  width: 260px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item em {
  display: block;
  font-size: 18px;
  line-height: 30px;
  margin-top: 5px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item span {
  display: block;
  margin-top: 10px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item span img {
  vertical-align: bottom;
}

.dispModal {
  background-color: #FFF;
}

.dispModal .maketheme {
  overflow: hidden;
  *zoom: 1;
  box-sizing: border-box;
  padding: 50px;
}

.dispModal .maketheme__title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 50px;
}

.dispModal .maketheme__title em {
  font-size: 24px;
  margin-bottom: 15px;
}

.dispModal .maketheme .l-left {
  float: left;
}

.dispModal .maketheme .l-right {
  float: right;
}

.dispModal .maketheme > .l-left {
  width: 38%;
}

.dispModal .maketheme > .l-right {
  width: 56%;
}

.dispModal .maketheme .abouttheme__image {
  display: block;
}

.dispModal .maketheme .abouttheme__image img {
  vertical-align: bottom;
  width: 100%;
}

.dispModal .maketheme .abouttheme__image-sub {
  display: block;
  padding: 20px;
  text-align: center;
}

.dispModal .maketheme .abouttheme__image-sub img {
  vertical-align: bottom;
  width: 80%;
}

.dispModal .maketheme .abouttheme__text {
  font-size: 12px;
  line-height: 20px;
  margin-top: 27px;
}

.dispModal .maketheme .lead {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 10% 30px;
  text-align: center;
}

.dispModal.l--target-1 .maketheme .lead {
  background-color: #40536d;
  border-radius: 1em;
  color: #ffffff;
  line-height: 2;
}

.dispModal.l--target-2 .maketheme .lead {
  background-color: #e9dacb;
  border-radius: 1em;
  line-height: 2;
}

.dispModal.l--target-3 .maketheme .lead {
  background-color: #6d7c5c;
  border-radius: 1em;
  color: #ffffff;
  line-height: 2;
}

.dispModal.l--target-4 .maketheme .lead {
  background-color: #f8d5d3;
  border-radius: 1em;
  line-height: 2;
}

.dispModal .maketheme .abouteyecolor {
  overflow: hidden;
  *zoom: 1;
}

.dispModal .maketheme .abouteyecolor__title {
  border-bottom: 1px solid #000000;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}

.dispModal .maketheme .abouteyecolor__image {
  text-align: center;
  width: 50%;
}

.dispModal .maketheme .abouteyecolor__image img {
  width: 80%;
}

.dispModal .maketheme .abouteyecolor__image img:nth-child(2) {
  margin-top: 1em;
}

.dispModal .maketheme .abouteyecolor__text-area {
  font-size: 12px;
  line-height: 20px;
  padding-right: 20px;
  text-align: justify;
  width: calc(50% - 20px);
}

.dispModal .maketheme .abouteyecolor__text {
  margin-bottom: 1em;
}

.dispModal .maketheme .abouteyecolor__text:last-child {
  margin-bottom: 0;
}

.dispModal .maketheme .makedata {
  overflow: hidden;
  *zoom: 1;
  margin-top: 30px;
}

.dispModal .maketheme .makedata .l-left {
  width: 100%;
  float: none;
}

.dispModal .maketheme .makedata .l-right {
  width: 100%;
  float: none;
}

.dispModal .maketheme .makedata__title {
  border-bottom: 1px solid #000;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}

.dispModal .maketheme .makedata__lead {
  line-height: 1.7;
  margin: 20px 0;
  font-size: 12px;
}

.dispModal .maketheme .makedata__lead small {
  font-size: 10px;
}

.dispModal .maketheme .makedata__cat {
  font-size: 12px;
  margin-top: 20px;
  width: 100%;
}

.dispModal .maketheme .makedata__list {
  width: 100%;
}

.dispModal .maketheme .makedata__list__item {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.5em;
}

.dispModal .maketheme .makedata__list__item .limited {
  background-color: #e3e7eb;
  padding: 1px 2px;
}

.dispModal .maketheme .makedata__list__item img {
  zoom: 0.75;
  -moz-transform: scale(0.75, 0.75) translate(5px, 5px);
  padding-left: 10px;
  vertical-align: middle;
}

.dispModal .maketheme .makedata .limited_color {
  color: #b9181a;
}

.dispModal .maketheme.mc5 .abouteyecolor {
  text-align: center;
}

.dispModal .maketheme.mc5 .abouteyecolor__image {
  margin-bottom: 20px;
  width: auto;
}

.dispModal .maketheme.mc5 .abouteyecolor__text {
  width: auto;
}

.dispModal .maketheme.mc5 .makedate {
  margin-top: 50px;
}

.dispModal .eyeline-technic {
  padding: 60px;
}

.dispModal .eyeline-technic h1 {
  font-size: 16px;
  width: 200px;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 50px;
  border-bottom: 1px solid #000000;
}

.dispModal .eyeline-technic img {
  width: 100%;
}

.dispModal .eyeline-technic .technic--list {
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
}

.dispModal .eyeline-technic .technic--list .technic {
  float: left;
  width: 30%;
  margin-right: 5%;
}

.dispModal .eyeline-technic .technic--list .technic:last-child {
  margin-right: 0;
}

.dispModal .eyeline-technic .technic--list .technic__title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 20px;
  text-align: center;
  height: 40px;
}

.dispModal .eyeline-technic .technic--list .technic__title span {
  font-size: 12px;
}

.dispModal .eyeline-technic .technic--list .technic__thumb {
  width: 70%;
  margin: 0 auto 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl {
  padding: 10px;
  border: 1px solid #000000;
  width: calc(100% - 22px);
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl2 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step {
  overflow: hidden;
  padding-bottom: 30px;
  background-image: url("/images/aq_mw/2016_autumn/eyeline-technic/arrow.png");
  background-position: bottom center;
  background-size: 20px 10px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}

.dispModal .eyeline-technic .technic--list .technic .step__thumb {
  float: left;
  width: 28%;
  margin-right: 12%;
}

.dispModal .eyeline-technic .technic--list .technic .step__txt {
  width: 57%;
  float: left;
  font-size: 14px;
  text-align: 1.6;
  text-indent: -1em;
}

.page-aq-concept-pointmake .block-concept-pointmake {
  position: relative;
}

.page-aq-concept-pointmake .sp_bg {
  height: auto;
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title {
  padding-top: 5%;
  position: absolute;
  top: 50px;
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title-logo {
  width: 62px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title-logo img {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-title-text {
  color: #ffffff;
  font-size: 18px;
  margin-top: 12px;
  text-align: center;
}

/*.concept .l-container {
	margin-left: auto;
	margin-right: auto;
	width: 1160px;
}*/
.page-aq-concept-pointmake .block-concept-pointmake--l-container {
  padding: 50px 0;
}

.page-aq-concept-pointmake .block-concept-pointmake--l-container:after {
  content: "";
  clear: both;
  display: block;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-point-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-container,
.page-aq-concept-pointmake .block-concept-pointmake--concept-design-container {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 94%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message .block-concept-pointmake--l-container {
  color: #ffffff;
  padding: 0 0 100px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-wrap {
  float: none;
  text-align: center;
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-title {
  color: #ffffff;
  font-size: 22px;
  padding: 0;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-lead {
  line-height: 1.7;
  font-size: 16px;
  margin-bottom: 30px;
  margin-top: 15px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-catch {
  font-size: 16px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-message-catchup {
  font-size: 13px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point .block-concept-pointmake--l-container {
  background-image: url("/images/aq/sp/bg_concept_section02.jpg");
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 100px 0;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point-item {
  float: none;
  margin: 0;
  margin-bottom: 60px;
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point-item:last-child {
  margin-bottom: 0;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point-item-title {
  font-size: 22px;
  margin-bottom: 30px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-point-item-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-effect .block-concept-pointmake--l-container {
  padding: 100px 0 100px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-title {
  font-size: 22px;
  margin-bottom: 30px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-image {
  margin: 0 auto 15px;
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-image img {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-text sup {
  font-size: 10px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-effect-note {
  font-size: 10px;
  margin-top: 15px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-title {
  font-size: 22px;
  margin-bottom: 30px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item {
  float: none;
  margin-bottom: 30px;
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item02,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item03 {
  margin-left: 0;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item03 {
  margin-bottom: 0;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-title {
  font-size: 14px;
  margin-bottom: 15px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item01 .block-concept-pointmake--concept-component-item-title,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item02 .block-concept-pointmake--concept-component-item-title {
  padding-top: 0;
  height: auto;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-image {
  margin: 0 auto 15px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item01 .block-concept-pointmake--concept-component-item-image,
.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item03 .block-concept-pointmake--concept-component-item-image {
  width: 50%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item.block-concept-pointmake--item02 .block-concept-pointmake--concept-component-item-image {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-image img {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-text {
  font-size: 12px;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-component-item-note {
  font-size: 10px;
  margin-top: 10px;
  color: #fff;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-design-image {
  float: none;
  margin: 0 auto 30px;
  width: 80%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-design-image img {
  width: 100%;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-design-wrap {
  margin: 0 auto;
  width: auto;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-design-wrap-right {
  float: none;
  margin-left: 0;
  width: auto;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-design-title {
  font-size: 22px;
  margin-bottom: 30px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--concept-design-text {
  font-size: 13px;
  margin-top: 1em;
  text-align: center;
}

/*メイクアップパターン*/
.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-link {
  margin: 0 auto;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-link-anchor {
  font-size: 16px;
  padding: 20px 30px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern {
  margin-top: 80px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 25px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-theme {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 17px;
  margin-top: 40px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-text {
  font-size: 12px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list {
  overflow: hidden;
  *zoom: 1;
  margin-top: 35px;
  text-align: center;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item {
  display: inline-block;
  margin: 0 10px 20px;
  text-align: center;
  width: 250px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item a {
  color: #000;
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 10px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item a em {
  font-size: 15px;
  line-height: 2;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item .block-concept-pointmake--img {
  display: block;
  margin-top: 10px;
}

.page-aq-concept-pointmake .block-concept-pointmake--makeuppattern-list-item .block-concept-pointmake--img img {
  width: 80%;
}

.dispModal {
  background-color: #FFF;
}

.dispModal::-webkit-scrollbar {
  width: 3px;
}

.dispModal::-webkit-scrollbar-track {
  border-radius: 3px;
  background: #eee;
}

.dispModal::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #666;
}

.dispModal .maketheme {
  overflow: hidden;
  *zoom: 1;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  padding: 15px;
  width: auto;
}

.dispModal .maketheme__title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 25px;
}

.dispModal .maketheme__title em {
  font-size: 24px;
  margin-bottom: 15px;
}

.dispModal .maketheme .l-left {
  float: none;
}

.dispModal .maketheme .l-right {
  float: none;
}

.dispModal .maketheme > .l-left {
  width: auto;
}

.dispModal .maketheme > .l-right {
  width: auto;
}

.dispModal .maketheme .abouttheme__image {
  display: block;
  text-align: center;
}

.dispModal .maketheme .abouttheme__image img {
  vertical-align: bottom;
  width: 80%;
}

.dispModal .maketheme .abouttheme__text {
  font-size: 12px;
  line-height: 20px;
  margin-top: 27px;
}

.dispModal .maketheme .lead {
  margin-top: 30px;
}

.dispModal .maketheme .abouteyecolor {
  margin-top: 30px;
}

.dispModal .maketheme .abouteyecolor__title {
  border-bottom: 1px solid #000;
  font-size: 12px;
  line-height: 30px;
  text-align: left;
}

.dispModal .maketheme .abouteyecolor__image {
  display: block;
  width: auto;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

.dispModal .maketheme .abouteyecolor__image img {
  width: 200px;
}

.dispModal .maketheme .abouteyecolor__text-area {
  font-size: 12px;
  line-height: 20px;
  width: auto;
}

.dispModal .maketheme .makedata {
  overflow: hidden;
  *zoom: 1;
  margin-top: 50px;
}

.dispModal .maketheme .makedata .l-left {
  width: auto;
}

.dispModal .maketheme .makedata .l-right {
  width: auto;
}

.dispModal .maketheme .makedata__title {
  border-bottom: 1px solid #000;
  font-size: 12px;
  line-height: 30px;
  text-align: left;
}

.dispModal .maketheme .makedata__cat {
  font-size: 12px;
  margin-top: 20px;
  width: 100%;
}

.dispModal .maketheme .makedata__list {
  width: 100%;
}

.dispModal .maketheme .makedata__list__item {
  font-size: 10px;
  line-height: 20px;
}

.dispModal .maketheme .makedata__list__item img {
  zoom: 0.5;
  width: auto;
  display: inline-block;
}

.dispModal .maketheme .makedata .limited_color {
  color: #b9181a;
}

.dispModal .maketheme.mc5 .abouteyecolor__image {
  margin-bottom: 20px;
  width: auto;
}

.dispModal .maketheme.mc5 .abouteyecolor__image img {
  width: 70%;
  max-width: 640px;
}

.dispModal .maketheme.mc5 .abouteyecolor__text {
  text-align: left;
  width: auto;
}

.dispModal .maketheme.mc5 .makedate {
  margin-top: 50px;
}

.dispModal .maketheme .news__detail__body__close {
  background-color: #7f7f7f;
  background-image: url(../images/parts/close_white.png);
  background-position: 20% center;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #fff;
  cursor: pointer;
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 10px;
  margin: 40px auto 0;
  padding: 10px;
  text-align: center;
  width: 50%;
}

.dispModal .eyeline-technic {
  padding: 10%;
}

.dispModal .eyeline-technic h1 {
  font-size: 20px;
  width: auto;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 50px;
  border-bottom: 1px solid #000000;
}

.dispModal .eyeline-technic img {
  width: 100%;
}

.dispModal .eyeline-technic .news__detail__body__close {
  cursor: pointer;
  text-align: center;
  background-image: url(../images/news/sp/close.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 12px;
  font-size: 10px;
  margin-top: 25px;
  padding-bottom: 5px;
  padding-top: 20px;
}

.dispModal .eyeline-technic .technic--list {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.dispModal .eyeline-technic .technic--list .technic {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 50px;
}

.dispModal .eyeline-technic .technic--list .technic:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.dispModal .eyeline-technic .technic--list .technic__title {
  font-family: "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 16px;
  text-align: center;
  height: 40px;
}

.dispModal .eyeline-technic .technic--list .technic__title span {
  font-size: 12px;
}

.dispModal .eyeline-technic .technic--list .technic__thumb {
  width: 70%;
  margin: 0 auto 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl {
  padding: 10px;
  border: 1px solid #000000;
  width: calc(100% - 22px);
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl2 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step {
  overflow: hidden;
  padding-bottom: 30px;
  background-image: url("/images/aq_mw/2016_autumn/eyeline-technic/arrow.png");
  background-position: bottom center;
  background-size: 20px 10px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}

.dispModal .eyeline-technic .technic--list .technic .step__thumb {
  float: left;
  width: 28%;
  margin-right: 12%;
}

.dispModal .eyeline-technic .technic--list .technic .step__txt {
  width: 57%;
  float: left;
  font-size: 14px;
  text-align: 1.6;
  text-indent: -1em;
}

.page-aq-concept-pointmake .block-concept-pointmake--productLink {
  margin-top: 60px;
}

.page-aq-concept-pointmake .block-concept-pointmake--productLink a {
  display: block;
  font-size: 13px;
  margin: auto;
  padding: 10px 0;
  width: 90%;
}

.page-aq-concept-pointmake .block-page-scroll-trigger {
  align-items: center;
  border: 1px solid;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  justify-content: center;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  width: 80%;
}
.page-aq-concept-pointmake .block-page-scroll-trigger::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.page-aq-concept-pointmake .block-page-scroll-trigger::after {
  bottom: 8px;
  right: calc(50% - 5px);
  transform: rotate(135deg);
  top: auto;
}
.page-aq-concept-pointmake #product-list {
  font-size: 0;
}

.block-line-top-container__aq-bodycare {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-line-top-container__aq-bodycare .block-concept-intro {
  margin-bottom: 60px;
  text-align: center;
}
.block-line-top-container__aq-bodycare .block-concept-intro--copy {
  font-size: 20px;
  margin-bottom: 30px;
}
.block-line-top-container__aq-bodycare .block-concept-intro--copy-sub-text {
  display: inline-block;
  font-size: 16px;
  margin-top: 20px;
}
.block-line-top-container__aq-bodycare .block-concept-intro--lead {
  font-size: 12px;
}
.block-line-top-container__aq-bodycare .block-concept-intro--lead:not(:last-child) {
  margin-bottom: 1em;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients h3,
.block-line-top-container__aq-bodycare .block-concept-scent h3 {
  align-items: center;
  background-color: #dbafaf;
  border-radius: 25px;
  color: #ffffff;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  line-height: 1.3;
  margin: 0 auto 30px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
}
.block-line-top-container__aq-bodycare .block-concept-ingredients {
  margin-bottom: 60px;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients h3 {
  border-radius: 35px;
  font-size: 16px;
  height: 70px;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--list {
  background-color: rgba(148, 130, 80, 0.2);
  margin: 0 auto;
  padding: 20px 30px;
  position: relative;
  width: calc(100% - 40px);
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--item {
  display: flex;
  gap: 0 10px;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--item:not(:last-child) {
  margin-bottom: 20px;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--item-image {
  width: 80px;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--item-text-area {
  width: calc(100% - 90px);
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--item dt {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--item dd {
  font-size: 11px;
  font-weight: 300;
}
.block-line-top-container__aq-bodycare .block-concept-ingredients--item dd.block-concept-ingredients--common-item-notes {
  font-size: 8px;
  line-height: 1.5;
  margin-top: 4px;
}
.block-line-top-container__aq-bodycare .block-concept-scent {
  margin-bottom: 90px;
}
.block-line-top-container__aq-bodycare .block-concept-scent--lead {
  font-size: 12px;
  font-weight: 300;
  line-height: 2;
  margin-bottom: 30px;
  text-align: center;
}
.block-line-top-container__aq-bodycare .block-concept-scent--list {
  display: flex;
  gap: 0 4px;
  justify-content: center;
  margin: 0 auto 20px;
  width: calc(100% - 40px);
}
.block-line-top-container__aq-bodycare .block-concept-scent--list figure {
  width: calc((100% - 12px) / 4);
}
.block-line-top-container__aq-bodycare .block-concept-scent--list figure figcaption {
  display: block;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.block-line-top-container__aq-bodycare .block-concept-scent--note {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-line-top-container__aq-bodycare .block-concept-scent--notes {
  font-size: 9px;
  line-height: 1.3;
  margin: 10px auto 0;
  width: calc(100% - 40px);
}

.page-aq-concept-haircare h1, .page-aq-concept-haircare h2, .page-aq-concept-haircare h3, .page-aq-concept-haircare h4, .page-aq-concept-haircare dt, .page-aq-concept-haircare dd, .page-aq-concept-haircare li, .page-aq-concept-haircare p, .page-aq-concept-haircare span, .page-aq-concept-haircare small, .page-aq-concept-haircare th, .page-aq-concept-haircare td {
  letter-spacing: 0;
  font-feature-settings: "chws" 0;
  font-weight: 500;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  margin-top: 0px;
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step {
  margin: 76px auto 0;
  width: 900px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step.block-concept-haircare--next {
  background-image: url("../../images/sp/aq/concept_haircare_02.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 80px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-header {
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-header h2 {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-header p {
  border-top: 1px solid #000;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
  padding-top: 5px;
  margin-top: 5px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row {
  margin-top: 80px;
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.block-concept-haircare--next {
  background-image: url("../../images/sp/aq/arrow_system_gray.jpg?1458808592");
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 80px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  word-break: normal;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a {
  color: #000;
  display: block;
  font-size: 12px;
  position: relative;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a img {
  display: block;
  height: 150px;
  margin: 5px auto;
  width: auto;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--icon-day {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url("../../images/sp/aq/icon_system_day.png?1458808597");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 5px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--icon-night {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url("../../images/sp/aq/icon_system_night.png?1458808599");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 5px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-or {
  display: inline-block;
  line-height: 180px;
  vertical-align: top;
  width: 160px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.block-concept-haircare--personal {
  border: 1px solid #000;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  width: 800px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.personal .personal__title {
  font-size: 18px;
  margin-top: 40px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.personal .page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
}

.caresystem .category-haircare {
  margin-top: 76px;
}

.block-concept-haircare--productLink {
  clear: both;
  margin-top: 100px;
  text-align: center;
}

.block-concept-haircare--productLink a {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  padding: 20px 30px;
}

.page-aq-concept-haircare .block-concept-haircare {
  position: relative;
}

.page-aq-concept-haircare .block-concept-haircare .sp_bg {
  height: auto;
  width: 100%;
}

.page-aq-concept-haircare .block-concept-haircare--concept-top {
  background: none;
}

.page-aq-concept-haircare .block-concept-haircare--concept-title {
  padding-top: 5%;
  position: absolute;
  top: 50px;
  width: 100%;
}

.page-aq-concept-haircare .block-concept-haircare--concept-title-logo {
  width: 62px;
}

.page-aq-concept-haircare .block-concept-haircare--concept-title-logo img {
  width: 100%;
}

.page-aq-concept-haircare .block-concept-haircare--concept-title-text {
  color: #000000;
  font-size: 18px;
  margin-top: 12px;
  text-align: center;
}

/*.block-concept-haircare .l-container {
	margin-left: auto;
	margin-right: auto;
	width: 1160px;
}*/
.page-aq-concept-haircare .block-concept-haircare--l-container:after {
  content: "";
  clear: both;
  display: block;
}

.page-aq-concept-haircare .block-concept-haircare--concept-message-container {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 94%;
}

.page-aq-concept-haircare .block-concept-haircare--concept-message .l-container {
  color: #000000;
  padding: 50px 0 100px;
}

.page-aq-concept-haircare .block-concept-haircare--concept-message-wrap {
  float: none;
  text-align: center;
  width: 100%;
}

.page-aq-concept-haircare .block-concept-haircare--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  padding: 0;
}

.page-aq-concept-haircare .block-concept-haircare--concept-message-lead {
  line-height: 1.7;
  font-size: 16px;
  margin-bottom: 30px;
  margin-top: 15px;
}

.page-aq-concept-haircare .block-concept-haircare--concept-message-catch {
  font-size: 16px;
}

.page-aq-concept-haircare .block-concept-haircare--concept-message-text {
  font-size: 13px;
  margin-top: 1em;
}

.page-aq-concept-haircare .block-concept-haircare--category-haircare {
  margin-top: 76px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step {
  margin: 60px auto 0;
  width: auto;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step.block-concept-haircare--next {
  background-image: url("../../images/sp/aq/concept_haircare_02.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 10px auto;
  padding-bottom: 60px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-header {
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-header h2 {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 17px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-header p {
  border-top: 1px solid #000;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  padding-top: 5px;
  margin-top: 5px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-header p span {
  display: inline-block;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row {
  margin-top: 0;
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.block-concept-haircare--next {
  background-image: url("../../images/sp/aq/arrow_system_gray.jpg?1458808592");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 10px auto;
  padding-bottom: 60px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item {
  display: inline-block;
  width: 135px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a {
  color: #000;
  display: block;
  font-size: 10px;
  position: relative;
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a img {
  display: inline-block;
  height: auto;
  width: 70%;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--cat,
.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--name {
  display: block;
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--icon-day {
  background-image: url("../../images/sp/aq/icon_system_day.png?1458808597");
  background-repeat: no-repeat;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-position: 50% 50%;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background-size: contain;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-item a .block-concept-haircare--icon-night {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url("../../images/sp/aq/icon_system_night.png?1458808599");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background-size: contain;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-or {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-top: 110px;
  vertical-align: top;
  width: auto;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row-or.block-concept-haircare--l-vertical {
  font-size: 12px;
  display: block;
  margin-top: 50px;
  text-align: center;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.block-concept-haircare--personal {
  border: 1px solid #000;
  box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 60px;
  padding-bottom: 60px;
  width: auto;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.block-concept-haircare--personal .personal__title {
  font-size: 12px;
  margin-top: 30px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem-step-row.personal .block-concept-haircare--caresystem-step-row-item {
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.page-aq-concept-haircare .block-concept-haircare--caresystem .block-concept-haircare--l-container {
  margin: 0 auto;
  width: 95%;
}

.page-aq-concept-haircare .block-concept-haircare--productLink {
  margin-top: 60px;
}

.page-aq-concept-haircare .block-concept-haircare--productLink a {
  text-decoration: none;
  display: block;
  font-size: 13px;
  margin: auto;
  padding: 10px 0;
  width: 90%;
}

.page-aq-concept-haircare .block-product-system {
  margin: 40px auto 0;
  width: calc(100% - 30px);
}
.page-aq-concept-haircare .block-product-system--title {
  background-color: #dbdbdb;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}
.page-aq-concept-haircare .block-product-system--trigger {
  background-color: #dbdbdb;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}
.page-aq-concept-haircare .block-product-system--container {
  padding-top: 20px;
}
.page-aq-concept-haircare .block-product-system--container:not(:last-child) {
  border-bottom: 1px solid;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.page-aq-concept-haircare .block-product-system--step {
  position: relative;
  text-align: center;
}
.page-aq-concept-haircare .block-product-system--step:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 60px;
}
.page-aq-concept-haircare .block-product-system--step:not(:last-child)::after {
  border: 20px solid transparent;
  border-top: 20px solid #666666;
  box-sizing: border-box;
  bottom: -20px;
  content: "";
  display: block;
  left: calc(50% - 20px);
  position: absolute;
}
.page-aq-concept-haircare .block-product-system--step-header {
  margin-bottom: 20px;
}
.page-aq-concept-haircare .block-product-system--step-header-title {
  font-weight: 700;
  font-size: 20px;
}
.page-aq-concept-haircare .block-product-system--step-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.page-aq-concept-haircare .block-product-system--step-row:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.page-aq-concept-haircare .block-product-system--step-row:not(:last-child)::after {
  border: 10px solid transparent;
  border-top: 10px solid #dbdbdb;
  box-sizing: border-box;
  bottom: -10px;
  content: "";
  display: block;
  left: calc(50% - 10px);
  position: absolute;
}
.page-aq-concept-haircare .block-product-system--step-row__personal {
  background-color: #f0f0f0;
  margin: 0 -15px;
  padding: 20px 15px 20px;
  width: calc(100% + 30px);
}
.page-aq-concept-haircare .block-product-system--step-row__personal .block-product-system--step-row-item {
  background-color: #ffffff;
  border: none;
  margin-bottom: 20px;
}
.page-aq-concept-haircare .block-product-system--step-row__option {
  border: 1px solid #dbdbdb;
  padding: 20px 15px 20px;
  width: 100%;
}
.page-aq-concept-haircare .block-product-system--step-row__nightday {
  display: flex;
  flex-wrap: wrap;
}
.page-aq-concept-haircare .block-product-system--step-row-nightday-column {
  width: calc(50% - 20px);
}
.page-aq-concept-haircare .block-product-system--step-row-nightday-column:first-child {
  margin-right: 40px;
}
.page-aq-concept-haircare .block-product-system--step-row-nightday-column .block-product-system--step-row-item {
  margin: 0 auto;
  width: 100%;
}
.page-aq-concept-haircare .block-product-system--step-row-nightday-column .block-product-system--step-header-title {
  border-bottom: 1px solid #000000;
  line-height: 1.3;
  padding-bottom: 0.5em;
}
.page-aq-concept-haircare .block-product-system--step-row-item {
  font-size: 12px;
  padding: 20px 5px;
  width: calc((100% - 40px) / 2);
}
.page-aq-concept-haircare .block-product-system--step-row-item-anchor {
  text-decoration: none;
}
.page-aq-concept-haircare .block-product-system--step-row-item-image {
  padding: 0 10px;
}
.page-aq-concept-haircare .block-product-system--step-row-item .icon {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.page-aq-concept-haircare .block-product-system--step-row-item .icon-day {
  background-color: #dbdbdb;
  background-image: url("../../images/common_day_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
.page-aq-concept-haircare .block-product-system--step-row-item .icon-day:not(:last-child) {
  margin-right: 2px;
}
.page-aq-concept-haircare .block-product-system--step-row-item .icon-night {
  background-color: #dbdbdb;
  background-image: url("../../images/common_night_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
.page-aq-concept-haircare .block-product-system--step-row-or {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 40px;
}
.page-aq-concept-haircare .block-product-system--step-row-personal-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}
.page-aq-concept-haircare .block-product-system--step-row-option-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}

.page-aq-concept-haircare {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-aq-concept-haircare .block-concept-intro {
  margin: 30px 0 60px;
  text-align: center;
}
.page-aq-concept-haircare .block-concept-intro--catch {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.page-aq-concept-haircare .block-concept-intro--catch span {
  display: block;
  font-size: 16px;
}
.page-aq-concept-haircare .block-concept-intro--sub {
  font-size: 14px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.page-aq-concept-haircare .block-concept-intro--sub sup {
  font-size: 8px;
  vertical-align: top;
}
.page-aq-concept-haircare .block-concept-intro--sub small {
  display: block;
  font-size: 8px;
  margin-top: 10px;
}
.page-aq-concept-haircare .block-concept-intro--lead {
  font-size: 12px;
}
.page-aq-concept-haircare .block-concept-recommend {
  /*    display: flex;
      gap: 0 40px;
      justify-content: center;*/
  margin-bottom: 60px;
  padding-left: 20px;
  width: 100%;
}
.page-aq-concept-haircare .block-concept-recommend .js-slick--arrow {
  align-items: center;
  border-radius: 50%;
  display: flex;
  margin: 0;
  height: 40px;
  justify-content: center;
  top: 60px;
  width: 40px;
}
.page-aq-concept-haircare .block-concept-recommend .js-slick--arrow::after {
  margin: 0;
  height: 10px;
  width: 10px;
}
.page-aq-concept-haircare .block-concept-recommend .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.page-aq-concept-haircare .block-concept-recommend .js-slick--arrow.js-slick--next {
  background-color: #e0dcf5;
  border: 2px solid #3d385d;
  background-color: #f0f0f0;
  border: 2px solid #000000;
  right: 40px;
}
.page-aq-concept-haircare .block-concept-recommend .js-slick--arrow.js-slick--next::after {
  border-color: #3d385d;
  border-color: #000000;
  transform: translateX(-20%) rotate(45deg);
}
.page-aq-concept-haircare .block-concept-recommend .js-slick--arrow.js-slick--prev {
  background-color: #e9f0f2;
  border: 2px solid #40545a;
  background-color: #f0f0f0;
  border: 2px solid #000000;
  left: 40px;
}
.page-aq-concept-haircare .block-concept-recommend .js-slick--arrow.js-slick--prev::after {
  border-color: #40545a;
  border-color: #000000;
  transform: translateX(20%) rotate(-135deg);
}
.page-aq-concept-haircare .block-concept-recommend--item {
  background-color: #f0f0f0;
  border-radius: 8px;
  margin: 20px 5px 0;
  opacity: 0.2;
  padding: 55px 10px 30px;
  position: relative;
  width: min(69.2vw, 540px);
}
.page-aq-concept-haircare .block-concept-recommend--item.slick-active {
  opacity: 1;
}
.page-aq-concept-haircare .block-concept-recommend--item h3 {
  align-items: center;
  background-color: #333333;
  border: 2px solid #ffffff;
  border-radius: 25px;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  left: calc(50% - 125px);
  position: absolute;
  text-align: center;
  top: -20px;
  width: 250px;
}
.page-aq-concept-haircare .block-concept-recommend--item-lead {
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  min-height: 100px;
  text-align: center;
}
.page-aq-concept-haircare .block-concept-recommend--item-catch {
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  font-weight: 700;
  height: 90px;
  justify-content: center;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  width: 90px;
  z-index: 0;
}
.page-aq-concept-haircare .block-concept-recommend--item-products {
  margin-bottom: 30px;
  text-align: center;
}
.page-aq-concept-haircare .block-concept-recommend--item-products img {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.page-aq-concept-haircare .block-concept-recommend--item-products figcaption {
  font-size: 11px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail {
  display: flex;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail:nth-of-type(1) {
  height: 170px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail:nth-of-type(2) {
  min-height: 110px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail:nth-of-type(3) {
  min-height: 170px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail:not(:last-child) {
  margin-bottom: 10px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dt {
  align-items: center;
  background-color: #dbdbdb;
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  justify-content: center;
  width: 40px;
  writing-mode: vertical-rl;
  z-index: 1;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  margin-left: -10px;
  padding-left: 20px;
  padding-right: 10px;
  width: calc(100% - 30px);
  z-index: 0;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd ul li {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  padding-left: 20px;
  position: relative;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd ul li:not(:last-child) {
  margin-bottom: 10px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd ul li::before {
  background-color: #000000;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0.3em;
  width: 10px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd .block-concept-recommend--item-howto-serum {
  width: 100%;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd .block-concept-recommend--item-howto-serum p {
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd .block-concept-recommend--item-howto-serum figure {
  margin: 0 auto;
  width: 140px;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd .block-concept-recommend--item-howto-shampoo {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd .block-concept-recommend--item-howto-shampoo p {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  margin-bottom: 10px;
  text-align: center;
}
.page-aq-concept-haircare .block-concept-recommend--item-detail dd .block-concept-recommend--item-howto-shampoo figure {
  margin: 0 -22px;
  width: 90px;
}
.page-aq-concept-haircare .block-concept-recommend--item-more {
  align-items: center;
  background-color: #333333;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: flex;
  font-size: 12px;
  height: 40px;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 250px;
  width: 100%;
}
.page-aq-concept-haircare .block-concept-recommend--item__serum {
  background-color: #e9f0f2;
  background-color: #ffffff;
  border: 2px solid #000000;
}
.page-aq-concept-haircare .block-concept-recommend--item__serum h3 {
  background-color: #40545a;
  background-color: #000000;
}
.page-aq-concept-haircare .block-concept-recommend--item__serum .block-concept-recommend--item-catch {
  color: #40545a;
  color: #000000;
  font-size: 10px;
  left: 3%;
}
.page-aq-concept-haircare .block-concept-recommend--item__serum .block-concept-recommend--item-detail dt {
  background-color: #95a3a6;
  background-color: #B2B2B2;
}
.page-aq-concept-haircare .block-concept-recommend--item__serum .block-concept-recommend--item-detail dd ul li::before {
  background-color: #40545a;
  background-color: #000000;
}
.page-aq-concept-haircare .block-concept-recommend--item__serum .block-concept-recommend--item-more {
  background-color: #000000;
}
.page-aq-concept-haircare .block-concept-recommend--item__shampoo {
  background-color: #d1d0d9;
  background-color: #ffffff;
  border: 2px solid #88772E;
}
.page-aq-concept-haircare .block-concept-recommend--item__shampoo h3 {
  background-color: #3d385c;
  background-color: #88772E;
}
.page-aq-concept-haircare .block-concept-recommend--item__shampoo .block-concept-recommend--item-catch {
  color: #3d385c;
  color: #88772E;
  font-size: 14px;
  right: 3%;
}
.page-aq-concept-haircare .block-concept-recommend--item__shampoo .block-concept-recommend--item-detail dt {
  background-color: #86859b;
  background-color: #B2AA8E;
}
.page-aq-concept-haircare .block-concept-recommend--item__shampoo .block-concept-recommend--item-detail dd ul li::before {
  background-color: #3d385c;
  background-color: #88772E;
}
.page-aq-concept-haircare .block-concept-recommend--item__shampoo .block-concept-recommend--item-more {
  background-color: #88772E;
}
.page-aq-concept-haircare .block-custom-ingredients h3 {
  align-items: center;
  background-color: #88772E;
  border-radius: 35px;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 70px;
  line-height: 1.3;
  margin: 0 auto 30px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
}
.page-aq-concept-haircare .block-custom-ingredients--list {
  background-color: rgba(148, 130, 80, 0.2);
  margin: 0 auto;
  padding: 20px 30px;
  position: relative;
  width: calc(100% - 40px);
}
.page-aq-concept-haircare .block-custom-ingredients--item {
  display: flex;
  gap: 0 10px;
}
.page-aq-concept-haircare .block-custom-ingredients--item:not(:last-child) {
  margin-bottom: 20px;
}
.page-aq-concept-haircare .block-custom-ingredients--item-image {
  width: 80px;
}
.page-aq-concept-haircare .block-custom-ingredients--item-text-area {
  width: calc(100% - 90px);
}
.page-aq-concept-haircare .block-custom-ingredients--item dt {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
}
.page-aq-concept-haircare .block-custom-ingredients--item dd {
  font-size: 11px;
  font-weight: 300;
}
.page-aq-concept-haircare .block-custom-ingredients--item dd.block-custom-ingredients--common-item-notes {
  font-size: 8px;
  line-height: 1.5;
  margin-top: 4px;
}
.page-aq-concept-haircare .block-product-system--step-row__3column > .block-product-system--step-row-item {
  padding: 0;
  width: 33.3333333333%;
}
.page-aq-concept-haircare .block-product-system--step-row__3column > .block-product-system--step-row-or {
  margin: 0 -20px;
}

/*---------------------
.page-aq-concept
---------------------*/
.page-aq-concept {
  /*商品ページのtechnology*/
  /*商品ページのtechnology END*/
  /*ベストコスメ*/
  /*ABSOLUTE RADIANCE FORMULA*/
  /*ABSOLUTE RADIANCE FORMULA END*/
  /*ABOUT AQ*/
  /*ABOUT AQ END*/
  /*block-technology（タブ切り替えの中身）*/
  /*タブ切り替えのボタン部分*/
  /*AQの乳液の特長*/
  /*DESIGN*/
  /*進化を続けるAQの歩み*/
  /*slick*/
  /*アンカーリンク*/
  /*アンカーリンク END*/
  /*サンプルプレゼントキャンペーン*/
  /*サンプルプレゼントキャンペーン END*/
  /*requirements-modal*/
  /*requirements-modal END*/
  /*サンプルキャンペーンバナー*/
  /*サンプルキャンペーンバナー END*/
  /*ピックアップ商品*/
  /*ピックアップ商品 END*/
}
.page-aq-concept p {
  margin-bottom: 1em;
}
.page-aq-concept p:last-of-type {
  margin-bottom: 0;
}
.page-aq-concept.serif {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-aq-concept sub {
  font-size: 0.5em;
}
.page-aq-concept h2 {
  background: #000000;
  color: #ffffff;
  padding: 5% 3%;
  text-align: center;
  font-size: 1.3em;
}
.page-aq-concept .block-concept h3, .page-aq-concept .block-technology-body h3, .page-aq-concept .feature h3 {
  border: solid 1px #c3c3c3;
  border-radius: 50px;
  padding: 12px 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-size: 1.4em;
  color: #000000;
  margin: 0 5% 6%;
  background: #ffffff;
}
.page-aq-concept .block-concept h3::after, .page-aq-concept .block-technology-body h3::after, .page-aq-concept .feature h3::after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background: #CEC79D;
  position: absolute;
  bottom: 0;
}
.page-aq-concept .main h2 {
  display: none;
}
.page-aq-concept .main__copy {
  padding: 8% 1% 8%;
  text-align: center;
}
.page-aq-concept .main__copy p:nth-of-type(1) {
  font-size: 1.35em;
  margin-bottom: 4%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.page-aq-concept .main__copy p:nth-of-type(2) {
  font-size: 1.1em;
  font-weight: 700;
}
.page-aq-concept .main__tag {
  margin-bottom: 8%;
}
.page-aq-concept .main__concept {
  background: url("../../../img/decorte2023/sp/aq_skincare/moyabg3.jpg") center center no-repeat;
  background-size: cover;
  padding: 10% 3%;
  text-align: center;
}
.page-aq-concept .main__concept p {
  line-height: 2.2;
}
.page-aq-concept .main__box {
  padding: 8% 5%;
}
.page-aq-concept .main__about {
  background: #ffffff;
  border: solid 1px #c3c3c3;
  padding: 5% 5%;
  font-size: 0.85em;
}
.page-aq-concept .main__about .title {
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 4%;
}
.page-aq-concept .movie {
  padding: 5% 0;
}
.page-aq-concept .movie h2 {
  display: none;
}
.page-aq-concept .movie__box {
  margin: 0 auto 5%;
  padding: 3% 0;
  background: #000000;
}
.page-aq-concept .special-movie {
  background-color: #000000;
  padding: 0 0 5%;
}
.page-aq-concept .special-movie .movie__box {
  padding: 0 0 3%;
}
.page-aq-concept .special-movie p {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
}
.page-aq-concept .technology h2 {
  display: none;
}
.page-aq-concept .technology__title {
  text-align: center;
  color: #B09858;
  font-size: 1.7em;
  padding-bottom: 8%;
}
.page-aq-concept .technology__block {
  display: flex;
  flex-direction: column;
  padding: 0 0 8%;
}
.page-aq-concept .technology__copy {
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 8%;
  padding: 0 5%;
}
.page-aq-concept .technology__sub {
  border: solid 1px #c3c3c3;
  border-radius: 50px;
  padding: 12px 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-size: 1.4em;
  color: #000000;
  margin: 0 5% 6%;
}
.page-aq-concept .technology__sub::after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background: #CEC79D;
  position: absolute;
  bottom: 0;
}
.page-aq-concept .technology .kinkouboku {
  margin: 0 5% 8%;
  text-align: center;
}
.page-aq-concept .technology .kinkouboku__copy {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 3%;
}
.page-aq-concept .technology .kinkouboku__title {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 3%;
}
.page-aq-concept .technology .kinkouboku__image {
  margin-bottom: 3%;
}
.page-aq-concept .technology .pickup {
  background: url("../../../img/decorte2023/sp/aq_skincare/pickup_bg.jpg") no-repeat center center/cover;
  padding: 5% 3%;
  text-align: center;
  margin-bottom: 8%;
}
.page-aq-concept .technology .pickup__title {
  font-size: 1.5em;
  margin-bottom: 5%;
}
.page-aq-concept .technology .pickup__subtitle {
  font-size: 1.2em;
  margin-bottom: 4%;
}
.page-aq-concept .technology .pickup .quattro {
  background: rgba(237, 240, 247, 0.7);
  padding: 5%;
}
.page-aq-concept .technology .pickup .double {
  background: rgba(252, 247, 232, 0.7);
  padding: 5%;
}
.page-aq-concept .technology .pickup__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-aq-concept .technology .pickup__block {
  width: 48%;
  margin-bottom: 5%;
}
.page-aq-concept .technology .cross {
  position: relative;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -20px auto;
}
.page-aq-concept .technology .cross::before,
.page-aq-concept .technology .cross::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #999999;
  position: absolute;
}
.page-aq-concept .technology .cross::before {
  transform: rotate(-45deg);
}
.page-aq-concept .technology .cross::after {
  transform: rotate(45deg);
}
.page-aq-concept .technology .ingredient {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin: 0 5% 8%;
}
.page-aq-concept .technology .ingredient__left {
  width: 30%;
  position: relative;
}
.page-aq-concept .technology .ingredient__right {
  width: 65%;
}
.page-aq-concept .technology .ingredient__title {
  text-align: left;
  font-size: 1.5em;
  display: flex;
  align-items: center;
  margin-bottom: 5%;
}
.page-aq-concept .technology .ingredient__band {
  width: 80%;
  height: 20px;
  margin-bottom: 10%;
}
.page-aq-concept .technology .ingredient__band.band1 {
  background: #EEEDDD;
}
.page-aq-concept .technology .ingredient__band.band2 {
  background: #E6EBEC;
}
.page-aq-concept .technology .ingredient__band.band3 {
  background: #F5EAEB;
}
.page-aq-concept .technology .ingredient__band.band4 {
  background: #F0F0F0;
}
.page-aq-concept .technology .ingredient__image {
  /*
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  */
}
.page-aq-concept .technology .ingredient__image .movieicon {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
}
.page-aq-concept .technology .ingredient__movie {
  width: 100%;
}
.page-aq-concept .technology .ingredient p {
  width: 100%;
}
.page-aq-concept .technology .ffoc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 5% 8%;
}
.page-aq-concept .technology .ffoc__lead {
  text-align: center;
  font-size: 1.6em;
  margin-bottom: 5%;
  width: 100%;
}
.page-aq-concept .technology .ffoc__lead span {
  display: block;
  font-size: 0.6em;
}
.page-aq-concept .technology .ffoc__title {
  text-align: left;
  font-size: 1.3em;
  margin-bottom: 5%;
  width: 100%;
}
.page-aq-concept .technology .ffoc__title span {
  display: block;
  font-size: 0.7em;
}
.page-aq-concept .technology .ffoc__image {
  width: 30%;
}
.page-aq-concept .technology .ffoc__txt {
  width: 65%;
}
.page-aq-concept .technology .ffoc__notice {
  margin-top: 5%;
  width: 100%;
  font-size: 0.8em;
}
.page-aq-concept .technology .scent {
  padding: 0 5% 8%;
}
.page-aq-concept .technology .scent__copy {
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 5%;
  letter-spacing: 0;
}
.page-aq-concept .technology .scent__txt {
  text-align: center;
  margin-bottom: 5%;
}
.page-aq-concept .technology .scent__images {
  display: flex;
  justify-content: space-between;
}
.page-aq-concept .technology .scent__images > p {
  width: 24%;
  text-align: center;
}
.page-aq-concept .technology .scent__images > p > span {
  display: block;
  margin-top: 10px;
  font-size: 0.9em;
  line-height: 1.2;
}
.page-aq-concept .technology .scent__note {
  max-width: 480px;
  margin: auto;
}
.page-aq-concept.page-aq-item .feature {
  padding: 0;
  background: none;
}
.page-aq-concept.page-aq-item .feature__lead {
  text-align: center;
  font-size: 1.1em;
  padding: 8% 5%;
}
.page-aq-concept.page-aq-item .feature__lead .title {
  text-align: center;
  color: #B09858;
  font-size: 1.6em;
  font-weight: bold;
}
.page-aq-concept.page-aq-item .feature__block {
  background: url("../../../img/decorte2023/sp/aq_skincare/moyabg2.jpg") center center no-repeat;
  background-size: cover;
  padding: 8% 5%;
}
.page-aq-concept.page-aq-item .feature__block__lead {
  text-align: center;
  padding: 0 5%;
}
.page-aq-concept.page-aq-item .feature__block__lead .title {
  font-size: 1.5em;
}
.page-aq-concept.page-aq-item .feature__block__lead .txt {
  margin-bottom: 5%;
}
.page-aq-concept.page-aq-item .feature__block__lead .image {
  width: 80vw;
  height: 80vw;
  max-width: 360px;
  max-height: 360px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3%;
  margin: 5% auto;
}
.page-aq-concept.page-aq-item .feature__block__lead .image img {
  width: 80%;
}
.page-aq-concept.page-aq-item .feature__box {
  margin-bottom: 8%;
  padding-bottom: 8%;
  border-bottom: solid 1px #c3c3c3;
}
.page-aq-concept.page-aq-item .feature__box.end {
  border-bottom: none;
  padding-bottom: 0;
}
.page-aq-concept.page-aq-item .feature__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.page-aq-concept.page-aq-item .feature__title span:nth-of-type(1) {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 2em;
  border: solid 1px #B9AF6F;
  color: #958E5E;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
  letter-spacing: 0;
}
.page-aq-concept.page-aq-item .feature__title span:nth-of-type(2) {
  font-size: 1.45em;
  width: calc(100% - 65px);
  letter-spacing: 0;
}
.page-aq-concept.page-aq-item .feature__txt {
  font-size: 1.2em;
  letter-spacing: 0;
}
.page-aq-concept.page-aq-item .feature__list li {
  font-size: 1.05em;
  margin-bottom: 5%;
  position: relative;
  padding-left: 20px;
  letter-spacing: 0;
}
.page-aq-concept.page-aq-item .feature__list li::before {
  content: "";
  display: block;
  background: #000000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  top: 8px;
  left: 0;
}
.page-aq-concept.page-aq-item .feature__notice {
  font-size: 0.7em;
}
.page-aq-concept .step__block {
  display: flex;
  flex-direction: column;
  padding: 8% 5%;
  font-size: 0.85em;
}
.page-aq-concept .step__title {
  background: #E5DDC6;
  padding: 4%;
  margin-bottom: 10px;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
}
.page-aq-concept .step__title::before, .page-aq-concept .step__title::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}
.page-aq-concept .step__title::before {
  width: 15px;
  height: 1px;
  right: 4%;
}
.page-aq-concept .step__title::after {
  width: 1px;
  height: 15px;
  right: calc(4% + 7px);
}
.page-aq-concept .step__title.on::after {
  content: none;
}
.page-aq-concept .step__category {
  display: none;
}
.page-aq-concept .step__category.on {
  display: block;
}
.page-aq-concept .step__bundle {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 5%;
  /*padding-bottom: 45px;
  position: relative;*/
  /*&::after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #666666;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
  }
  &.end {
    &:after {
      content: none;
    }
  }*/
}
.page-aq-concept .step__bundle .or {
  font-size: 0.9em;
  display: flex;
  align-items: center;
}
.page-aq-concept .step__item {
  width: 28%;
  padding: 0 1.5%;
}
.page-aq-concept .step__item > a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-aq-concept .step__item .mark {
  display: flex;
  margin-bottom: 5%;
}
.page-aq-concept .step__item .mark::before, .page-aq-concept .step__item .mark::after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  margin: 0 3px;
}
.page-aq-concept .step__item .mark::before {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_day.png") no-repeat center center/contain;
}
.page-aq-concept .step__item .mark::after {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_night.png") no-repeat center center/contain;
}
.page-aq-concept .step__item .mark.day::before {
  display: block;
}
.page-aq-concept .step__item .mark.night::after {
  display: block;
}
.page-aq-concept .step__item .image {
  width: 100%;
  margin-bottom: 4%;
}
.page-aq-concept .step__item .category {
  font-size: 0.8em;
  background: #f0f0f0;
  padding: 1% 3%;
  margin-bottom: 5%;
  text-align: center;
  display: block;
}
.page-aq-concept .step__item .name {
  font-size: 0.9em;
  text-align: center;
  display: block;
}
.page-aq-concept .step__item .new {
  font-size: 0.8em;
  padding: 1% 3%;
  border: solid 1px #c3c3c3;
  text-align: center;
  display: block;
  margin-top: 5%;
}
.page-aq-concept .step__item.wide {
  width: 80%;
  padding: 0;
  margin: 0 auto;
}
.page-aq-concept .step__item.wide > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.page-aq-concept .step__item.wide .image {
  width: 31.5%;
}
.page-aq-concept .step__item.wide .txt {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 0 2%;
  align-items: center;
}
.page-aq-concept .step .personal {
  padding: 0 5%;
  width: 100%;
  background: #f0f0f0;
}
.page-aq-concept .step .personal__block {
  background: #ffffff;
  padding: 5% 1%;
  display: none;
  margin-bottom: 5%;
}
.page-aq-concept .step .personal__block.on {
  display: block;
}
.page-aq-concept .step .personal__btn {
  padding: 5% 0;
  background: #f0f0f0;
  position: relative;
  display: flex;
  align-items: center;
}
.page-aq-concept .step .personal__btn::before, .page-aq-concept .step .personal__btn::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}
.page-aq-concept .step .personal__btn::before {
  width: 15px;
  height: 1px;
  right: 0;
}
.page-aq-concept .step .personal__btn::after {
  width: 1px;
  height: 15px;
  right: 7px;
}
.page-aq-concept .step .personal__btn.on::after {
  content: none;
}
.page-aq-concept .step .personal__bundle {
  display: flex;
  justify-content: center;
}
.page-aq-concept .step .personal__title {
  text-align: center;
  margin-bottom: 5%;
  width: 100%;
}
.page-aq-concept .step .personal .wide {
  width: 98%;
}
.page-aq-concept .step .cream_slide {
  display: block;
  margin: 0 5%;
}
.page-aq-concept .step .cream_slide .step__item {
  width: 30%;
}
.page-aq-concept .step .cream_slide .step__bundle {
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-aq-concept .step .cream_slide .step__bundle::after {
  content: none;
}
.page-aq-concept .step .cream_slide .slick-prev:before,
.page-aq-concept .step .cream_slide .slick-next:before {
  font-size: 0;
}
.page-aq-concept .step .cream_slide .slick-dots {
  margin-top: 5%;
  position: relative;
  bottom: inherit;
}
.page-aq-concept .step .cream_slide .slick-prev,
.page-aq-concept .step .cream_slide .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}
.page-aq-concept .step .cream_slide .slick-prev::before,
.page-aq-concept .step .cream_slide .slick-next::before {
  font-family: slick;
  font-size: 0;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-aq-concept .step .cream_slide .slick-prev {
  left: -25px;
}
.page-aq-concept .step .cream_slide .slick-next {
  right: -25px;
}
.page-aq-concept .step .cream_slide .slick-next:focus, .page-aq-concept .step .cream_slide .slick-next:hover, .page-aq-concept .step .cream_slide .slick-prev:focus, .page-aq-concept .step .cream_slide .slick-prev:hover {
  background: 0 0;
  color: transparent;
  outline: 0;
}
.page-aq-concept .step .cream_slide .slick-dots {
  position: absolute;
  bottom: inherit;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 5%;
  list-style: none;
  position: relative;
  text-align: center;
}
.page-aq-concept .step .cream_slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.page-aq-concept .step .cream_slide .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: #000;
}
.page-aq-concept .step .cream_slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}
.page-aq-concept .step .cream_slide .slick-dots li button::before {
  font-family: slick;
  font-size: 24px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-aq-concept .step .downward {
  margin-bottom: 10px;
  padding-bottom: 45px;
  position: relative;
}
.page-aq-concept .step .downward::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 15px solid #666666;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
.page-aq-concept .block-bestcosme {
  background: url("../../../img/decorte2023/sp/aq_skincare/bescos_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 30px 0;
}
.page-aq-concept .block-bestcosme h2 {
  display: none;
}
.page-aq-concept .block-bestcosme--catch {
  font-size: 2em;
  line-height: 1.5;
  background: linear-gradient(0deg, rgb(137, 109, 34) 0%, rgb(203, 175, 102) 50%, rgb(137, 109, 34) 100%);
  background: -webkit-linear-gradient(0deg, rgb(137, 109, 34) 0%, rgb(203, 175, 102) 50%, rgb(137, 109, 34) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 90%;
  margin: 0 auto 20px;
  text-align: center;
}
.page-aq-concept .block-bestcosme--awards {
  max-width: 90px;
  margin: 0 auto 20px;
}
.page-aq-concept .block-bestcosme--note {
  text-align: center;
  font-size: 0.9em;
  width: 90%;
  margin: 0 auto;
}
.page-aq-concept .block-bestcosme--frame {
  background: #ffffff;
  padding: 8% 10px;
  border-radius: 10px;
  width: 90%;
  margin: 10px auto 0;
  text-align: center;
  position: relative;
  max-width: 750px;
}
.page-aq-concept .block-bestcosme--sub {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 4%;
}
.page-aq-concept .block-bestcosme--bartop {
  width: 90%;
  display: flex;
  flex-direction: column;
  margin: 8% auto 2%;
  max-width: 750px;
}
.page-aq-concept .block-bestcosme--bartop::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, rgb(137, 109, 34) 0%, rgb(203, 175, 102) 50%, rgb(137, 109, 34) 100%);
}
.page-aq-concept .block-bestcosme--bartop::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 3px;
  background: linear-gradient(90deg, rgb(137, 109, 34) 0%, rgb(203, 175, 102) 50%, rgb(137, 109, 34) 100%);
}
.page-aq-concept .block-bestcosme--barbottom {
  width: 90%;
  display: flex;
  flex-direction: column;
  margin: 2% auto 0;
  max-width: 750px;
}
.page-aq-concept .block-bestcosme--barbottom::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  margin-bottom: 3px;
  background: linear-gradient(90deg, rgb(137, 109, 34) 0%, rgb(203, 175, 102) 50%, rgb(137, 109, 34) 100%);
}
.page-aq-concept .block-bestcosme--barbottom::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, rgb(137, 109, 34) 0%, rgb(203, 175, 102) 50%, rgb(137, 109, 34) 100%);
}
.page-aq-concept .block-bestcosme .pin {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-aq-concept .block-bestcosme .pin span {
  display: block;
  background: linear-gradient(0deg, rgb(137, 109, 34) 0%, rgb(203, 175, 102) 100%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
}
.page-aq-concept .block-bestcosme .pin span:nth-of-type(1) {
  top: 10px;
  left: 10px;
}
.page-aq-concept .block-bestcosme .pin span:nth-of-type(2) {
  top: 10px;
  right: 10px;
}
.page-aq-concept .block-bestcosme .pin span:nth-of-type(3) {
  bottom: 10px;
  left: 10px;
}
.page-aq-concept .block-bestcosme .pin span:nth-of-type(4) {
  bottom: 10px;
  right: 10px;
}
.page-aq-concept .block-concept {
  margin-top: -80px;
  padding-top: 80px;
}
.page-aq-concept .block-title {
  width: 100%;
  background: #cec79d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-aq-concept .block-title h2 {
  width: 80%;
  background: linear-gradient(to left, rgba(202, 202, 200, 0) 0%, rgba(255, 255, 255, 0.47) 47.69%, rgba(202, 202, 200, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-aq-concept .block-title h2 span {
  font-family: "Times New Roman", "Noto Serif JP";
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #473e26;
  padding: 0;
}
.page-aq-concept .block-title h2 span > span {
  margin-top: 3%;
  font-size: 0.6em;
}
.page-aq-concept .block-concept-body-movie {
  margin: 0;
  background-color: #000;
}
.page-aq-concept .block-concept-body-movie > div {
  margin: 0 auto;
}
.page-aq-concept .block-concept-body-content {
  padding: 10% 0;
}
.page-aq-concept .block-concept-body-content p {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.01em;
  line-height: 2;
  text-align: center;
  color: #000;
  margin: 0 0 8%;
}
.page-aq-concept .block-concept-body-content p:last-child {
  margin: 0;
}
.page-aq-concept .block-about {
  padding: 0 5%;
  margin-bottom: 40px;
}
.page-aq-concept .block-about-box {
  background: #ffffff;
  border: solid 1px #c3c3c3;
  padding: 4%;
  max-width: 480px;
  margin: 0 auto 20px;
  font-size: 1em;
}
.page-aq-concept .block-about-box .title {
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 3%;
}
.page-aq-concept .block-about-btn {
  margin: 0 auto;
  max-width: 480px;
}
.page-aq-concept .block-about-btn a {
  padding: 5%;
  background: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.5s ease;
}
.page-aq-concept .block-about-btn a:hover {
  background: #000000;
}
.page-aq-concept .block-about-btn a::after {
  content: "";
  display: block;
  border-bottom: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  margin-top: 5px;
}
.page-aq-concept .block-technology-body {
  width: 100%;
  margin: auto;
}
.page-aq-concept .block-technology-body-copy, .page-aq-concept .block-technology-body-kv, .page-aq-concept .block-technology-body-lead, .page-aq-concept .block-technology-body-sub, .page-aq-concept .block-technology-body-ingredients, .page-aq-concept .block-technology-body-ingredients2, .page-aq-concept .block-technology-body-tech, .page-aq-concept .block-technology-body-scent {
  max-width: 750px;
  margin: 0 auto 2%;
}
.page-aq-concept .block-technology-body-copy .moisture, .page-aq-concept .block-technology-body-copy .white, .page-aq-concept .block-technology-body-kv .moisture, .page-aq-concept .block-technology-body-kv .white, .page-aq-concept .block-technology-body-lead .moisture, .page-aq-concept .block-technology-body-lead .white, .page-aq-concept .block-technology-body-sub .moisture, .page-aq-concept .block-technology-body-sub .white, .page-aq-concept .block-technology-body-ingredients .moisture, .page-aq-concept .block-technology-body-ingredients .white, .page-aq-concept .block-technology-body-ingredients2 .moisture, .page-aq-concept .block-technology-body-ingredients2 .white, .page-aq-concept .block-technology-body-tech .moisture, .page-aq-concept .block-technology-body-tech .white, .page-aq-concept .block-technology-body-scent .moisture, .page-aq-concept .block-technology-body-scent .white {
  /*margin: 0 5%;*/
}
.page-aq-concept .block-technology-body-copy .moisture, .page-aq-concept .block-technology-body-copy .white {
  padding: 5%;
  font-size: 1.5em;
  line-height: 1.8;
  text-align: center;
  position: relative;
}
.page-aq-concept .block-technology-body-copy .moisture {
  background: url("../../../img/decorte2023/sp/aq_skincare/moisture_copy_bg.jpg") center top no-repeat;
  background-size: cover;
}
.page-aq-concept .block-technology-body-copy .white {
  background: url("../../../img/decorte2023/sp/aq_skincare/white_copy_bg.jpg") center top no-repeat;
  background-size: cover;
}
.page-aq-concept .block-technology-body-kv .moisture, .page-aq-concept .block-technology-body-kv .white {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 2em;
}
.page-aq-concept .block-technology-body-kv .moisture .sub, .page-aq-concept .block-technology-body-kv .white .sub {
  font-size: 0.6em;
}
.page-aq-concept .block-technology-body-kv .moisture .notice, .page-aq-concept .block-technology-body-kv .white .notice {
  font-size: 0.4em;
  position: absolute;
  left: 2%;
  bottom: 2%;
}
.page-aq-concept .block-technology-body-kv .moisture {
  background: url("../../../img/decorte2023/sp/aq_skincare/kv_moisture.jpg") center top no-repeat;
  background-size: cover;
}
.page-aq-concept .block-technology-body-kv .white {
  background: url("../../../img/decorte2023/sp/aq_skincare/kv_white.jpg") center top no-repeat;
  background-size: cover;
}
.page-aq-concept .block-technology-body-kv .white .notice {
  left: inherit;
  right: 2%;
}
.page-aq-concept .block-technology-body-lead .moisture, .page-aq-concept .block-technology-body-lead .white {
  padding: 12% 5%;
  text-align: center;
  font-size: 1.1em;
  line-height: 2;
  position: relative;
  min-height: 540px;
}
.page-aq-concept .block-technology-body-lead .moisture .title, .page-aq-concept .block-technology-body-lead .white .title {
  font-size: 1.6em;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-lead .moisture .sub, .page-aq-concept .block-technology-body-lead .white .sub {
  font-size: 1em;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-lead .moisture .hash, .page-aq-concept .block-technology-body-lead .white .hash {
  font-size: 1em;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-lead .moisture .body p, .page-aq-concept .block-technology-body-lead .white .body p {
  font-size: 1em;
  line-height: 2;
}
.page-aq-concept .block-technology-body-lead .moisture .notice, .page-aq-concept .block-technology-body-lead .white .notice {
  font-size: 0.5em;
  position: absolute;
  left: 2%;
  bottom: 2%;
}
.page-aq-concept .block-technology-body-lead .moisture {
  background: url("../../../img/decorte2023/sp/aq_skincare/moisture_lead_bg.jpg") center center no-repeat;
  background-size: cover;
}
.page-aq-concept .block-technology-body-lead .white {
  background: url("../../../img/decorte2023/sp/aq_skincare/white_lead_bg.jpg") center center no-repeat;
  background-size: cover;
}
.page-aq-concept .block-technology-body-lead .white .notice {
  left: inherit;
  right: 2%;
}
.page-aq-concept .block-technology-body-sub .moisture, .page-aq-concept .block-technology-body-sub .white {
  font-size: 1.2em;
  text-align: center;
}
.page-aq-concept .block-technology-body-sub .moisture .title, .page-aq-concept .block-technology-body-sub .white .title {
  color: #ffffff;
  padding: 5%;
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 8%;
}
.page-aq-concept .block-technology-body-sub .moisture .copy, .page-aq-concept .block-technology-body-sub .white .copy {
  font-size: 1.5em;
  color: #88772E;
  margin-bottom: 8%;
}
.page-aq-concept .block-technology-body-sub .moisture .body, .page-aq-concept .block-technology-body-sub .white .body {
  padding-bottom: 10%;
}
.page-aq-concept .block-technology-body-sub .moisture .title {
  background: #88772E;
}
.page-aq-concept .block-technology-body-sub .white .title {
  background: #82868F;
}
.page-aq-concept .block-technology-body-ingredients .moisture .frame, .page-aq-concept .block-technology-body-ingredients .white .frame {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 10%;
}
.page-aq-concept .block-technology-body-ingredients .moisture .copy, .page-aq-concept .block-technology-body-ingredients .white .copy {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-ingredients .moisture .title, .page-aq-concept .block-technology-body-ingredients .white .title {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 3%;
}
.page-aq-concept .block-technology-body-ingredients .moisture .image, .page-aq-concept .block-technology-body-ingredients .white .image {
  max-width: 640px;
  margin: 0 auto 3%;
}
.page-aq-concept .block-technology-body-ingredients .moisture .txt, .page-aq-concept .block-technology-body-ingredients .white .txt {
  width: 100%;
  text-align: center;
}
.page-aq-concept .block-technology-body-ingredients .white .image {
  display: flex;
  justify-content: space-between;
  max-width: 300px;
}
.page-aq-concept .block-technology-body-ingredients .white .image > p {
  width: 48%;
  max-width: 140px;
}
.page-aq-concept .block-technology-body-ingredients2 {
  padding-bottom: 5%;
}
.page-aq-concept .block-technology-body-ingredients2 .moisture, .page-aq-concept .block-technology-body-ingredients2 .white {
  padding: 8% 3%;
  text-align: center;
  height: 100%;
}
.page-aq-concept .block-technology-body-ingredients2 .moisture {
  background: url("../../../img/decorte2023/sp/aq_skincare/moisture_ingredients2_bg.jpg") no-repeat center center;
  background-size: cover;
}
.page-aq-concept .block-technology-body-ingredients2 .white {
  background: url("../../../img/decorte2023/sp/aq_skincare/white_ingredients2_bg.jpg") no-repeat center center;
  background-size: cover;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup {
  margin-bottom: 10%;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup .quattro {
  background: rgba(237, 240, 247, 0.7);
  padding: 8% 3%;
  margin: auto;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup .quattro .ingredient__image {
  width: 120px;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup .double {
  background: rgba(252, 247, 232, 0.7);
  padding: 8% 3%;
  margin: 0 auto 10%;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup .double .ingredient__image {
  width: 120px;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup .one {
  background: rgba(214, 242, 245, 0.7);
  padding: 8% 3%;
  margin: auto;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup .one .ingredient__image {
  width: 120px;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup__title {
  font-size: 1.5em;
  margin-bottom: 4%;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup__subtitle {
  font-size: 1.2em;
  margin-bottom: 3%;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup__block {
  width: 44%;
  margin: 0 2% 5%;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup__image {
  max-width: 120px;
  margin: 0 auto 5%;
}
.page-aq-concept .block-technology-body-ingredients2 .cross {
  position: relative;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -20px auto;
}
.page-aq-concept .block-technology-body-ingredients2 .cross::before, .page-aq-concept .block-technology-body-ingredients2 .cross::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #999999;
  position: absolute;
}
.page-aq-concept .block-technology-body-ingredients2 .cross::before {
  transform: rotate(-45deg);
}
.page-aq-concept .block-technology-body-ingredients2 .cross::after {
  transform: rotate(45deg);
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 8%;
  max-width: 960px;
  position: relative;
  text-align: left;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient.vbox {
  flex-direction: column;
  align-items: center;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient.vbox .ingredient__left, .page-aq-concept .block-technology-body-ingredients2 .ingredient.vbox .ingredient__right {
  width: auto !important;
  text-align: center;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient.vbox .ingredient__title {
  display: block;
  text-align: center;
  margin: 15px auto;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__left {
  width: 100px;
  position: relative;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__right {
  width: calc(100% - 120px);
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__title {
  text-align: left;
  font-size: 1.5em;
  display: flex;
  align-items: center;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__band {
  width: 80%;
  height: 20px;
  margin-bottom: 15%;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__band.band1 {
  background: #EEEDDD;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__band.band2 {
  background: #E6EBEC;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__band.band3 {
  background: #F5EAEB;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__band.band4 {
  background: #F0F0F0;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__image {
  width: 100px;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient__image .movieicon {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
}
.page-aq-concept .block-technology-body-ingredients2 .ingredient p {
  width: 100%;
}
.page-aq-concept .block-technology-body-ingredients2 .pickup__wrap .ingredient {
  margin-bottom: 0;
  width: 100%;
  max-width: 860px;
}
.page-aq-concept .block-technology-body-ingredients2 .shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.page-aq-concept .block-technology-body-tech .ffoc {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto 10%;
}
.page-aq-concept .block-technology-body-tech .ffoc__txtblock {
  width: calc(100% - 115px);
}
.page-aq-concept .block-technology-body-tech .ffoc__lead {
  text-align: center;
  font-size: 1.8em;
  margin-bottom: 5%;
  width: 100%;
}
.page-aq-concept .block-technology-body-tech .ffoc__lead span {
  display: block;
  font-size: 0.6em;
}
.page-aq-concept .block-technology-body-tech .ffoc__title {
  text-align: left;
  font-size: 1.5em;
  margin-bottom: 5%;
  width: 100%;
}
.page-aq-concept .block-technology-body-tech .ffoc__title span {
  display: block;
  font-size: 0.7em;
}
.page-aq-concept .block-technology-body-tech .ffoc__image {
  width: 100px;
}
.page-aq-concept .block-technology-body-tech .ffoc__txt {
  width: 100%;
}
.page-aq-concept .block-technology-body-tech .ffoc__notice {
  margin-top: 5%;
  width: 100%;
  font-size: 0.8em;
}
.page-aq-concept .block-technology-body-scent .scent {
  width: 92%;
  margin: 0 auto 10%;
}
.page-aq-concept .block-technology-body-scent .scent__copy {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-scent .scent__txt {
  text-align: center;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-scent .scent__images {
  display: flex;
  justify-content: center;
  margin-bottom: 5%;
}
.page-aq-concept .block-technology-body-scent .scent__images > p {
  width: 20%;
  margin: 0 1%;
  text-align: center;
}
.page-aq-concept .block-technology-body-scent .scent__images > p > span {
  display: block;
  margin-top: 3%;
  font-size: 0.9em;
  line-height: 1.2;
}
.page-aq-concept .block-technology-navi {
  display: flex;
  flex-wrap: wrap;
  z-index: 10;
  width: 100%;
  height: 50px;
  margin-bottom: 5%;
  transition: all 0.5s ease;
  justify-content: center;
  background: #ffffff;
  padding-top: 5px;
}
.page-aq-concept .block-technology-navi .moisture, .page-aq-concept .block-technology-navi .white {
  width: calc(50% - 4px);
  height: 100%;
  position: relative;
  display: block;
  margin: 0 2px;
  transition: all 0.5s ease;
  z-index: 13;
}
.page-aq-concept .block-technology-navi .moisture span, .page-aq-concept .block-technology-navi .white span {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.2em;
  cursor: pointer;
  position: relative;
  z-index: 15;
}
.page-aq-concept .block-technology-navi .moisture span.curve, .page-aq-concept .block-technology-navi .white span.curve {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: none;
  z-index: 16;
}
.page-aq-concept .block-technology-navi .moisture span.curve::after, .page-aq-concept .block-technology-navi .white span.curve::after {
  content: none;
}
.page-aq-concept .block-technology-navi .moisture.on span.curve, .page-aq-concept .block-technology-navi .white.on span.curve {
  display: none;
}
.page-aq-concept .block-technology-navi .moisture::before, .page-aq-concept .block-technology-navi .white::before {
  z-index: 12;
}
.page-aq-concept .block-technology-navi .moisture::after, .page-aq-concept .block-technology-navi .white::after {
  z-index: 11;
}
.page-aq-concept .block-technology-navi .moisture::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  background: #eeeeee;
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .moisture::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  /*background: rgb(238,219,78);
  background: linear-gradient(90deg, rgba(219,199,44,1) 0%,rgba(219,199,44,1) 5%, rgba(238,219,78,1) 50%,rgba(219,199,44,1) 95%,rgba(219,199,44,1) 100%);*/
  background: #EEDB4E;
  z-index: -2;
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .moisture span::after {
  /*
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-left: solid 1px #000000;
  border-bottom: solid 1px #000000;
  transform: rotate(45deg);
  position: absolute;
  left: 8%;*/
}
.page-aq-concept .block-technology-navi .moisture span.curve {
  background: #D7D5E9;
  right: -4px;
  bottom: 0;
}
.page-aq-concept .block-technology-navi .moisture span.curve::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #eeeeee;
  border-radius: 0 0 100% 0;
  content: "";
  display: block;
  border-right: solid 4px #ffffff;
}
.page-aq-concept .block-technology-navi .moisture.on::before {
  opacity: 0;
}
.page-aq-concept .block-technology-navi .moisture.on::after {
  border: none;
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .moisture.on span::after {
  content: none;
}
.page-aq-concept .block-technology-navi .moisture.on span.curve {
  display: none;
}
.page-aq-concept .block-technology-navi .moisture.on:hover::after {
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .moisture:hover span.curve::before {
  background: #EEDB4E;
}
.page-aq-concept .block-technology-navi .moisture:hover::before {
  opacity: 0;
}
.page-aq-concept .block-technology-navi .moisture:hover::after {
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .white::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  background: #eeeeee;
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .white::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  /*background: rgb(215,213,233);
  background: linear-gradient(90deg, rgba(188,186,206,1) 0%,rgba(188,186,206,1) 5%, rgba(215,213,233,1) 50%,rgba(188,186,206,1) 95%,rgba(188,186,206,1) 100%);*/
  background: #D7D5E9;
  z-index: -2;
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .white span::after {
  /*
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: solid 1px #000000;
  border-top: solid 1px #000000;
  transform: rotate(45deg);
  position: absolute;
  right: 8%;*/
}
.page-aq-concept .block-technology-navi .white span.curve {
  background: #EEDB4E;
  left: -4px;
  bottom: 0;
}
.page-aq-concept .block-technology-navi .white span.curve::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #eeeeee;
  border-radius: 0 0 0 100%;
  content: "";
  display: block;
  border-left: solid 4px #ffffff;
}
.page-aq-concept .block-technology-navi .white.on::before {
  opacity: 0;
}
.page-aq-concept .block-technology-navi .white.on::after {
  border: none;
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .white.on span::after {
  content: none;
}
.page-aq-concept .block-technology-navi .white.on:hover::after {
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi .white:hover span.curve::before {
  background: #D7D5E9;
}
.page-aq-concept .block-technology-navi .white:hover::before {
  opacity: 0;
}
.page-aq-concept .block-technology-navi .white:hover::after {
  border-radius: 8px 8px 0 0;
}
.page-aq-concept .block-technology-navi.is-fixed {
  position: fixed;
  top: 60px;
  margin-bottom: 0;
  left: inherit;
  height: 45px;
  max-width: 750px;
}
.page-aq-concept .block-technology-navi.is-erase {
  opacity: 0;
  z-index: -10;
}
.page-aq-concept .block-technology-navi.headerHide {
  top: 0;
}
.page-aq-concept .block-technology-navi .naviline__moisture, .page-aq-concept .block-technology-navi .naviline__white {
  height: 8px;
  width: 0;
  transition: all 0.6s ease;
}
.page-aq-concept .block-technology-navi .naviline__moisture.on, .page-aq-concept .block-technology-navi .naviline__white.on {
  width: 100%;
}
.page-aq-concept .block-technology-navi .naviline__moisture {
  background: #EEDB4E;
}
.page-aq-concept .block-technology-navi .naviline__white {
  background: #D7D5E9;
}
.page-aq-concept .block-technology-navi .new_icon {
  background: #82868F;
  color: #ffffff;
  padding: 2px 4px;
  font-size: 0.6em;
  display: block;
  margin-right: 5px;
}
.page-aq-concept .feature {
  background: url("../../../img/decorte2023/sp/aq_skincare/moyabg2.jpg") center center no-repeat;
  background-size: cover;
  padding: 8% 5%;
}
.page-aq-concept .feature__block__lead {
  text-align: center;
  padding: 0 5%;
}
.page-aq-concept .feature__block__lead .title {
  font-size: 1.5em;
}
.page-aq-concept .feature__block__lead .txt {
  margin-bottom: 5%;
  font-size: 1.2em;
}
.page-aq-concept .feature__block__lead .image {
  width: 80vw;
  height: 80vw;
  max-width: 360px;
  max-height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3%;
  margin: 5% auto;
}
.page-aq-concept .feature__block__lead .image img {
  width: 100%;
}
.page-aq-concept .feature__box {
  margin-bottom: 8%;
  padding-bottom: 8%;
  border-bottom: solid 1px #c3c3c3;
}
.page-aq-concept .feature__box.end {
  border-bottom: none;
  padding-bottom: 0;
}
.page-aq-concept .feature__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.page-aq-concept .feature__title span:nth-of-type(1) {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 2em;
  border: solid 1px #B9AF6F;
  color: #958E5E;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
  letter-spacing: 0;
}
.page-aq-concept .feature__title span:nth-of-type(2) {
  font-size: 1.45em;
  width: calc(100% - 65px);
  letter-spacing: 0;
}
.page-aq-concept .feature__txt {
  font-size: 1.05em;
  letter-spacing: 0;
}
.page-aq-concept .feature__list {
  font-size: 1.05em;
  letter-spacing: 0;
}
.page-aq-concept .feature__list li {
  font-size: 1.05em;
  margin-bottom: 5%;
  position: relative;
  padding-left: 20px;
  letter-spacing: 0;
}
.page-aq-concept .feature__list li::before {
  content: "";
  display: block;
  background: #000000;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  left: 0;
  border-radius: 50%;
}
.page-aq-concept .feature__notice {
  font-size: 0.7em;
}
.page-aq-concept .design__block {
  display: flex;
  flex-direction: column;
  padding: 0;
  font-size: 1em;
}
.page-aq-concept .design__concept {
  padding: 0 5% 8%;
}
.page-aq-concept .design__concept .title {
  font-size: 1.5em;
  text-align: center;
}
.page-aq-concept .design__elements {
  padding: 8% 5%;
  background: url("../../../img/decorte2023/sp/aq_skincare/moyabg2.jpg") center center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-aq-concept .design__elements .title {
  font-size: 1.8em;
  margin-bottom: 5%;
}
.page-aq-concept .design__elements .subtitle {
  margin-bottom: 0;
}
.page-aq-concept .design .elementsBox {
  display: flex;
  width: 100%;
  margin-bottom: 5%;
  justify-content: space-between;
  align-items: center;
}
.page-aq-concept .design .elementsBox__image {
  width: 25%;
}
.page-aq-concept .design .elementsBox__txt {
  width: 70%;
}
.page-aq-concept .design .elementsBox__txt > span {
  font-size: 1.4em;
  display: block;
}
.page-aq-concept .design .marcel {
  background: url("../../../img/decorte2023/sp/aq_skincare/pattern.jpg") repeat center top;
  background-size: 80%;
  padding: 8% 5%;
}
.page-aq-concept .design .marcel .marcelBtn {
  padding: 3% 6%;
  background: #CEC79D;
}
.page-aq-concept .design .marcel .marcelBtn:hover {
  background: #6D6221;
  color: #ffffff;
}
.page-aq-concept .design .marcel__block {
  padding: 8% 5%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-aq-concept .design .marcel__image {
  width: 60%;
  max-width: 180px;
  margin: 0 auto 5%;
}
.page-aq-concept .design .marcel__title {
  font-size: 1em;
  margin-bottom: 0;
}
.page-aq-concept .design .marcel__name {
  font-size: 1.3em;
  margin-bottom: 5%;
}
.page-aq-concept .history__frame {
  padding: 8% 1%;
}
.page-aq-concept .history__block {
  display: flex;
  padding: 3% 5% 8%;
  font-size: 0.9em;
}
.page-aq-concept .history__body {
  display: block;
}
.page-aq-concept .history h3 {
  font-size: 1.4em;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  cursor: pointer;
  text-align: center;
}
.page-aq-concept .history h3::before {
  content: "";
  display: block;
  background: #9E934F;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  bottom: -20px;
}
.page-aq-concept .history .historyBtn {
  display: flex;
  margin-bottom: 5%;
  padding-bottom: 10px;
  position: relative;
  flex-direction: column;
  align-items: center;
}
.page-aq-concept .history .historyBtn > span:nth-of-type(1) {
  display: block;
}
.page-aq-concept .history .historyBtn > span:nth-of-type(2) {
  display: none;
}
.page-aq-concept .history .historyBtn::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: solid 1px #6D6221;
  border-right: solid 1px #6D6221;
  transform: rotate(45deg);
  position: absolute;
  bottom: 0;
}
.page-aq-concept .history .historyBtn.on {
  padding-bottom: 0;
  padding-top: 10px;
}
.page-aq-concept .history .historyBtn.on > span:nth-of-type(1) {
  display: none;
}
.page-aq-concept .history .historyBtn.on > span:nth-of-type(2) {
  display: block;
}
.page-aq-concept .history .historyBtn.on::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 1px #6D6221;
  border-right: solid 1px #6D6221;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
}
.page-aq-concept .history .historyBtn.on::after {
  content: none;
}
.page-aq-concept .history__left, .page-aq-concept .history__right {
  width: calc(50% - 3px);
}
.page-aq-concept .history__vline {
  width: 6px;
  background: #958942;
  position: relative;
}
.page-aq-concept .history__vline::after {
  content: "";
  display: block;
  background: #CEC79D;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  position: absolute;
  bottom: -6px;
  left: -3px;
}
.page-aq-concept .history__age {
  position: relative;
}
.page-aq-concept .history__age::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 50px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.page-aq-concept .history__age .ad {
  font-size: 2em;
  color: #6D6221;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: bold;
  justify-content: flex-start;
  margin-bottom: 3%;
}
.page-aq-concept .history__age .ad > span {
  background: #ffffff;
  display: inline-block;
}
.page-aq-concept .history__age .ad::before {
  content: "";
  background: #6D6221;
  width: calc(100% + 13px);
  height: 1px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.page-aq-concept .history__age .ad::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: #6D6221;
  border: solid 3px #CEC79D;
  transform: rotate(45deg);
  position: absolute;
  right: -21px;
  z-index: 2;
}
.page-aq-concept .history__left {
  padding-right: 10px;
}
.page-aq-concept .history__left .ad > span {
  padding-right: 5px;
}
.page-aq-concept .history__left .history__age::before {
  right: -16px;
  top: -30px;
}
.page-aq-concept .history__right {
  padding-left: 10px;
}
.page-aq-concept .history__right .ad {
  justify-content: flex-end;
}
.page-aq-concept .history__right .ad > span {
  padding-left: 5px;
}
.page-aq-concept .history__right .ad::before {
  right: 0;
  left: inherit;
}
.page-aq-concept .history__right .ad::after {
  right: inherit;
  left: -21px;
}
.page-aq-concept .history__right .history__age::before {
  left: -16px;
  top: -30px;
}
.page-aq-concept .history .age1990 {
  margin-top: -20px;
}
.page-aq-concept .history .age1996 {
  margin-top: 20px;
}
.page-aq-concept .history .age2000 {
  margin-top: 60px;
}
.page-aq-concept .history .age2001 {
  margin-top: 20px;
}
.page-aq-concept .history .age2009 {
  margin-top: 60px;
}
.page-aq-concept .history .age2010 {
  margin-top: 20px;
}
.page-aq-concept .history .age2017 {
  margin-top: 60px;
}
.page-aq-concept .history .age2019 {
  margin-top: 20px;
}
.page-aq-concept .history .age2023 {
  margin-top: 60px;
}
.page-aq-concept .history .age2024 {
  margin-top: 20px;
}
.page-aq-concept .block-line-step--flow-products-slide .slick {
  position: relative;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-arrow {
  background: none;
  border: none;
  box-sizing: border-box;
  color: #999999;
  cursor: pointer;
  font-size: 0;
  height: 30px;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
  z-index: 1;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-arrow::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-prev {
  left: 0;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-prev::after {
  margin-left: 12px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.page-aq-concept .block-line-step--flow-products-slide .slick-next {
  right: 0;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-next::after {
  margin-right: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-aq-concept .block-line-step--flow-products-slide .slick-disabled::after {
  display: none;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-dots {
  font-size: 0;
  text-align: center;
  width: 100%;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-dots li.slick-active button {
  background-color: #000000;
}
.page-aq-concept .block-line-step--flow-products-slide .slick-dots button {
  border: none;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #dbdbdb;
  margin: 0;
  outline: none;
  padding: 0;
  width: 8px;
  height: 8px;
}
.page-aq-concept .anchorLink {
  display: flex;
  justify-content: center;
  margin: 5% auto;
  max-width: 750px;
  width: 96%;
  flex-wrap: wrap;
}
.page-aq-concept .anchorLink > a {
  width: 31%;
  margin: 0 0.5% 1%;
  display: block;
  padding: 7px 3px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  font-size: 1.1m;
  text-align: center;
  line-height: 1.4;
}
.page-aq-concept .anchorLink > a.whiteBtn {
  background: #D7D5E9;
  width: 42%;
}
.page-aq-concept .anchorLink > a.moistureBtn {
  background: #EEDB4E;
  width: 42%;
}
.page-aq-concept .anchorLink > a.featureBtn {
  background: #e8e3d9;
}
.page-aq-concept .anchorLink > a::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: 11px;
  border-left: solid 1px #444444;
  border-bottom: solid 1px #444444;
  transform: rotate(-45deg);
}
.page-aq-concept .anchorLink > a .date {
  background: #82868F;
  color: #ffffff;
  padding: 2px 4px;
  font-size: 0.7em;
  display: block;
  margin-bottom: 3px;
}
.page-aq-concept .anchorLink > a .sub {
  font-size: 0.8em;
  margin-bottom: 0;
}
.page-aq-concept #aq-technology {
  margin-top: 0px;
  padding-top: 0px;
}
.page-aq-concept #aq-feature {
  margin-top: 0px;
  padding-top: 0px;
  /*height: 5px;*/
  display: block;
}
.page-aq-concept #bestcosme {
  margin-top: 0px;
  padding-top: 0px;
}
.page-aq-concept #concept {
  margin-top: 0px;
  padding-top: 0px;
}
.page-aq-concept .samplecp {
  background: url("/decorte/img/decorte2023/sp/aqui/20240216/sample_bg.jpg") no-repeat center center;
  background-size: cover;
  border-radius: 8px;
  width: 96%;
  margin: 20px auto;
  padding: 20px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.page-aq-concept .samplecp h2 {
  background: linear-gradient(90deg, rgba(255, 245, 191, 0) 0%, rgba(255, 245, 191, 0.6040791317) 30%, rgba(255, 245, 191, 0.5984768908) 70%, rgba(255, 245, 191, 0) 100%);
  font-size: 1.8em;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  margin-bottom: 20px;
  color: #000000;
}
.page-aq-concept .samplecp__info {
  width: 100%;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 20px;
}
.page-aq-concept .samplecp__info .txt {
  margin-bottom: 15px;
}
.page-aq-concept .samplecp__info .period {
  background: linear-gradient(90deg, rgba(255, 245, 191, 0) 0%, rgba(255, 245, 191, 0.6040791317) 30%, rgba(255, 245, 191, 0.5984768908) 70%, rgba(255, 245, 191, 0) 100%);
  font-size: 0.8em;
  padding: 8px;
}
.page-aq-concept .samplecp__image {
  width: 80%;
  margin: auto;
}
.page-aq-concept .samplecp__image img {
  max-width: 420px;
  margin: auto;
}
.page-aq-concept .samplecp__application {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: rgba(251, 247, 226, 0.5);
  border-radius: 8px;
  padding: 20px 10px;
}
.page-aq-concept .samplecp__application h3 {
  font-size: 1.3em;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.page-aq-concept .samplecp__btn {
  width: 90%;
  margin: 0 auto;
  border-radius: 8px;
  padding: 20px;
  font-size: 1.1em;
  text-align: center;
  height: 6em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.4s ease;
}
.page-aq-concept .samplecp__btn::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  display: block;
}
.page-aq-concept .samplecp__btn.member {
  background: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}
.page-aq-concept .samplecp__btn.member::after {
  background: url("/decorte/img/decorte2023/sp/aqui/20240216/icon_blank_white.png") no-repeat center center;
  background-size: contain;
}
.page-aq-concept .samplecp__btn.member:hover {
  color: #000000;
  background: #C4B77B;
}
.page-aq-concept .samplecp__btn.new {
  background: #ffffff;
  color: #000000;
}
.page-aq-concept .samplecp__btn.new::after {
  background: url("/decorte/img/decorte2023/sp/aqui/20240216/icon_blank_black.png") no-repeat center center;
  background-size: contain;
}
.page-aq-concept .samplecp__btn.new:hover {
  background: #C4B77B;
}
.page-aq-concept .samplecp__requirements {
  font-size: 1em;
  display: flex;
  align-items: center;
  margin-top: 15px;
  transition: all 0.4s ease;
}
.page-aq-concept .samplecp__requirements::after {
  content: "";
  background: url("/decorte/img/decorte2023/sp/aqui/20240216/icon_exlink_black.png") no-repeat center center;
  background-size: contain;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
.page-aq-concept .samplecp__requirements:hover {
  color: #C4B77B;
}
.page-aq-concept .samplecp__addtxt {
  font-size: 15px;
  margin-top: 20px;
  text-align: center;
}
.page-aq-concept .samplecp__addtxt small {
  display: block;
}
.page-aq-concept .requirements-modal__frame {
  padding: 20px 10px;
}
.page-aq-concept .requirements-modal__frame h2 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.8em;
  background: none;
  padding: 0;
  color: #000000;
}
.page-aq-concept .requirements-modal__frame h3 {
  background: #444444;
  color: #ffffff;
  padding: 7px;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 1.3em;
}
.page-aq-concept .requirements-modal__frame .envelope {
  padding: 10px 12px;
  background: #f0f0f0;
  margin: 10px 0;
}
.page-aq-concept .requirements-modal__frame .envelope ul {
  margin-bottom: 0;
}
.page-aq-concept .requirements-modal__frame ul, .page-aq-concept .requirements-modal__frame ol {
  margin-bottom: 15px;
}
.page-aq-concept .requirements-modal__frame ul li, .page-aq-concept .requirements-modal__frame ol li {
  padding-left: 1em;
}
.page-aq-concept .requirements-modal__frame ul li::before, .page-aq-concept .requirements-modal__frame ol li::before {
  margin-left: -1em;
}
.page-aq-concept .requirements-modal__frame ul.dots li::before, .page-aq-concept .requirements-modal__frame ol.dots li::before {
  content: "・";
}
.page-aq-concept .requirements-modal__frame ul.kome li::before, .page-aq-concept .requirements-modal__frame ol.kome li::before {
  content: "※";
}
.page-aq-concept .requirements-modal__frame ul.num, .page-aq-concept .requirements-modal__frame ol.num {
  counter-reset: my-counter;
}
.page-aq-concept .requirements-modal__frame ul.num li::before, .page-aq-concept .requirements-modal__frame ol.num li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1em;
  width: 1em;
  font-size: 85%;
  line-height: 1;
}
.page-aq-concept .samplecpBnr {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 200;
}
.page-aq-concept .samplecpBnr__close {
  width: 20px;
  height: 20px;
  background: #000000;
  position: absolute;
  right: 0;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-aq-concept .samplecpBnr__close::before, .page-aq-concept .samplecpBnr__close::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #ffffff;
  position: absolute;
}
.page-aq-concept .samplecpBnr__close::before {
  transform: rotate(45deg);
}
.page-aq-concept .samplecpBnr__close::after {
  transform: rotate(-45deg);
}
.page-aq-concept #samplecp_first {
  margin-top: 0px;
  padding-top: 0x;
}
.page-aq-concept .block-pickup-products--title {
  display: none;
}
.page-aq-concept .block-pickup-products--main-visual {
  margin: 0 auto 30px;
  width: 100%;
}
.page-aq-concept .block-pickup-products--main-visual-image {
  margin-bottom: 30px;
}
.page-aq-concept .block-pickup-products--main-visual-copy {
  text-align: center;
  width: 100%;
}
.page-aq-concept .block-pickup-products--main-visual-copy-1 {
  display: block;
  font-size: 14px;
}
.page-aq-concept .block-pickup-products--main-visual-copy-2 {
  display: block;
  font-size: 20px;
}
.page-aq-concept .block-pickup-products--main-visual-copy-3 {
  display: block;
  font-size: 11px;
}
.page-aq-concept .block-pickup-products--lineup {
  margin: 0 auto;
}
.page-aq-concept .block-pickup-products--lineup-item {
  align-items: center;
  display: flex;
  padding: 0 20px;
  width: 100%;
}
.page-aq-concept .block-pickup-products--lineup-item:not(:last-child) {
  margin-bottom: 30px;
}
.page-aq-concept .block-pickup-products--lineup-item-image {
  padding: 0 10px;
  width: 30%;
}
.page-aq-concept .block-pickup-products--lineup-item-text-area {
  text-align: center;
  width: 70%;
}
.page-aq-concept .block-pickup-products--lineup-item-copy {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.page-aq-concept .block-pickup-products--lineup-item-more-anchor {
  background-color: #333333;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 10em;
}

/*page-aq-concept END*/
.page-aq-concept .step__block {
  display: flex;
  flex-direction: column;
  padding: 8% 5%;
  font-size: 0.85em;
}

.page-aq-concept .step__title {
  background: #E5DDC6;
  padding: 4%;
  margin-bottom: 10px;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
}

.page-aq-concept .step__title::before, .page-aq-concept .step__title::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}

.page-aq-concept .step__title::before {
  width: 15px;
  height: 1px;
  right: 4%;
}

.page-aq-concept .step__title::after {
  width: 1px;
  height: 15px;
  right: calc(4% + 7px);
}

.page-aq-concept .step__title.on::after {
  content: none;
}

.page-aq-concept .step__category {
  display: none;
}

.page-aq-concept .step__category.on {
  display: block;
}

.page-aq-concept .step__bundle {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 5%;
}

.page-aq-concept .step__bundle .or {
  font-size: 0.9em;
  display: flex;
  align-items: center;
}

.page-aq-concept .step__item {
  width: 28%;
  padding: 0 1.5%;
}

.page-aq-concept .step__item > a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-aq-concept .step__item .mark {
  display: flex;
  margin-bottom: 5%;
}

.page-aq-concept .step__item .mark::before, .page-aq-concept .step__item .mark::after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  margin: 0 3px;
}

.page-aq-concept .step__item .mark::before {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_day.png") no-repeat center center/contain;
}

.page-aq-concept .step__item .mark::after {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_night.png") no-repeat center center/contain;
}

.page-aq-concept .step__item .mark.day::before {
  display: block;
}

.page-aq-concept .step__item .mark.night::after {
  display: block;
}

.page-aq-concept .step__item .image {
  width: 100%;
  margin-bottom: 4%;
}

.page-aq-concept .step__item .category {
  font-size: 0.8em;
  background: #f0f0f0;
  padding: 1% 3%;
  margin-bottom: 5%;
  text-align: center;
  display: block;
}

.page-aq-concept .step__item .name {
  font-size: 0.9em;
  text-align: center;
  display: block;
}

.page-aq-concept .step__item .new {
  font-size: 0.8em;
  padding: 1% 3%;
  border: solid 1px #c3c3c3;
  text-align: center;
  display: block;
  margin-top: 5%;
}

.page-aq-concept .step__item.wide {
  width: 80%;
  padding: 0;
  margin: 0 auto;
}

.page-aq-concept .step__item.wide > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.page-aq-concept .step__item.wide .image {
  width: 31.5%;
}

.page-aq-concept .step__item.wide .txt {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 0 2%;
  align-items: center;
}

.page-aq-concept .step .personal {
  padding: 0 5%;
  width: 100%;
  background: #f0f0f0;
}

.page-aq-concept .step .personal__block {
  background: #ffffff;
  padding: 5% 1%;
  display: none;
  margin-bottom: 5%;
}

.page-aq-concept .step .personal__block.on {
  display: block;
}

.page-aq-concept .step .personal__btn {
  padding: 5% 0;
  background: #f0f0f0;
  position: relative;
  display: flex;
  align-items: center;
}

.page-aq-concept .step .personal__btn::before, .page-aq-concept .step .personal__btn::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}

.page-aq-concept .step .personal__btn::before {
  width: 15px;
  height: 1px;
  right: 0;
}

.page-aq-concept .step .personal__btn::after {
  width: 1px;
  height: 15px;
  right: 7px;
}

.page-aq-concept .step .personal__btn.on::after {
  content: none;
}

.page-aq-concept .step .personal__bundle {
  display: flex;
  justify-content: center;
}

.page-aq-concept .step .personal__title {
  text-align: center;
  margin-bottom: 5%;
  width: 100%;
}

.page-aq-concept .step .personal .wide {
  width: 98%;
}

.page-aq-concept .step .cream_slide {
  display: block;
  margin: 0 5%;
}

.page-aq-concept .step .cream_slide .step__item {
  width: 30%;
}

.page-aq-concept .step .cream_slide .step__bundle {
  padding-bottom: 0;
  margin-bottom: 0;
}

.page-aq-concept .step .cream_slide .step__bundle::after {
  content: none;
}

.page-aq-concept .step .cream_slide .slick-prev:before,
.page-aq-concept .step .cream_slide .slick-next:before {
  font-size: 0;
}

.page-aq-concept .step .cream_slide .slick-dots {
  margin-top: 5%;
  position: relative;
  bottom: inherit;
}

.page-aq-concept .step .cream_slide .slick-prev,
.page-aq-concept .step .cream_slide .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}

.page-aq-concept .step .cream_slide .slick-prev::before,
.page-aq-concept .step .cream_slide .slick-next::before {
  font-family: slick;
  font-size: 0;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-aq-concept .step .cream_slide .slick-prev {
  left: -25px;
}

.page-aq-concept .step .cream_slide .slick-next {
  right: -25px;
}

.page-aq-concept .step .cream_slide .slick-next:focus, .page-aq-concept .step .cream_slide .slick-next:hover, .page-aq-concept .step .cream_slide .slick-prev:focus, .page-aq-concept .step .cream_slide .slick-prev:hover {
  background: 0 0;
  color: transparent;
  outline: 0;
}

.page-aq-concept .step .cream_slide .slick-dots {
  position: absolute;
  bottom: inherit;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 5%;
  list-style: none;
  position: relative;
  text-align: center;
}

.page-aq-concept .step .cream_slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.page-aq-concept .step .cream_slide .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: #000;
}

.page-aq-concept .step .cream_slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}

.page-aq-concept .step .cream_slide .slick-dots li button::before {
  font-family: slick;
  font-size: 24px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-aq-concept .step .downward {
  margin-bottom: 10px;
  padding-bottom: 45px;
  position: relative;
}

.page-aq-concept .step .downward::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 15px solid #666666;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}

.page-aq-concept .absolute_radiance {
  padding: 8% 5%;
  background: url("../../../img/decorte2023/sp/aq_skincare/moyabg2.jpg") center center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  text-align: center;
  height: calc(100% - 60px);
  width: 100%;
}

.page-aq-concept .absolute_radiance p {
  line-height: 2.2;
  margin-bottom: 8%;
}

.page-aq-concept .absolute_radiance p.title {
  font-size: 1.5em;
  margin-bottom: 6%;
}

.page-aq-concept .mw {
  padding: 8% 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  text-align: left;
  width: 100%;
}

.page-aq-concept .mw p {
  margin-bottom: 5%;
}

.page-aq-concept .mw__title {
  font-size: 1.5em;
}

.page-aq-concept .mw__image {
  width: 80%;
  max-width: 240px;
  margin: 0 auto 5%;
}

.page-aq-concept .mw__design {
  margin: 0 auto 5%;
}

.page-aq-item p {
  margin-bottom: 5%;
}

.page-aq-item .item h2 {
  display: none;
}

.page-aq-item .item__block {
  padding: 0 2% 8%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.page-aq-item .item__image {
  width: 80%;
  max-width: 300px;
}

.page-aq-item .item__copy {
  font-size: 1.3em;
}

.page-aq-item .item__txt {
  font-size: 0.9em;
}

.page-aq-item .item__name {
  font-size: 1em;
  font-weight: 700;
}

.page-aq-item .item__type {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 8%;
}

.page-aq-item .item .typeBlock {
  width: 32%;
}

.page-aq-item .item .typeBlock__number {
  text-align: center;
  font-size: 1.5em;
}

.page-aq-item .item .typeBlock__type {
  padding: 3% 1%;
  text-align: center;
  font-size: 0.85em;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  letter-spacing: -1px;
}

.page-aq-item .item .typeBlock__type > span {
  display: block;
  font-size: 0.7em;
}

.page-aq-item .item .typeBlock__type.type1 {
  background: #F5E6BC;
}

.page-aq-item .item .typeBlock__type.type2 {
  background: #E5DDC6;
}

.page-aq-item .item .typeBlock__type.type3 {
  background: #D1C4A0;
}

.page-aq-item .item .typeBlock__txt {
  font-size: 0.7em;
  text-align: left;
}

.page-aq-item .item .typeBlock__image {
  width: 80%;
  margin: 0 auto 5%;
}

.page-aq-item .item .typeBlock__name {
  font-size: 0.7em;
  text-align: center;
}

.page-aq-item .amount__block {
  padding: 8% 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.page-aq-item .amount__image {
  width: 80%;
  max-width: 280px;
}

.page-aq-item .amount__txt {
  font-size: 0.9em;
}

.page-aq-item .howto__box {
  margin: 5% auto 8%;
  padding: 3% 0;
  background: #000000;
}

.page-aq-concept,
.page-aq-item {
  /*モーダル*/
  /*モーダル2*/
  /*
  html {
    scroll-behavior: smooth;
  }
  */
  /*ダミー*/
}

.page-aq-concept .serif,
.page-aq-item .serif {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

.page-aq-concept .sans,
.page-aq-item .sans {
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-aq-concept .small,
.page-aq-item .small {
  font-size: 0.8em;
}

.page-aq-concept .bannerBtn,
.page-aq-item .bannerBtn {
  border: solid 1px #c3c3c3;
  background: #ffffff;
  padding: 5% 3%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-aq-concept .bannerBtn::before,
.page-aq-item .bannerBtn::before {
  content: "";
  background: #000000;
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
  right: 0;
}

.page-aq-concept .bannerBtn::after,
.page-aq-item .bannerBtn::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(-45deg);
  display: block;
  position: absolute;
  right: 10px;
}

.page-aq-concept .bannerBtn > span,
.page-aq-item .bannerBtn > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.3em;
}

.page-aq-concept .bannerBtn > span > span,
.page-aq-item .bannerBtn > span > span {
  font-size: 0.8em;
}

.page-aq-concept .exBtn,
.page-aq-item .exBtn {
  border: solid 1px #c3c3c3;
  background: #ffffff;
  padding: 15px 40px 15px 15px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
}

.page-aq-concept .exBtn::before,
.page-aq-item .exBtn::before {
  content: "";
  background: #000000;
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  right: 15px;
}

.page-aq-concept .exBtn::after,
.page-aq-item .exBtn::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background: url("../../../img/decorte2023/sp/aq_skincare/icon_ex.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 20px;
}

.page-aq-concept .modalBox,
.page-aq-item .modalBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #ffffff;
  overflow: auto;
  transition: 0.3s;
  box-sizing: border-box;
  display: none;
}

.page-aq-concept .modalBox.active,
.page-aq-item .modalBox.active {
  z-index: 2000;
  display: block;
}

.page-aq-concept .closeBtn,
.page-aq-item .closeBtn {
  position: fixed;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  bottom: 0;
  left: 0;
}

.page-aq-concept .closeBtn > span,
.page-aq-item .closeBtn > span {
  position: relative;
  margin-left: 10px;
}

.page-aq-concept .closeBtn > span > span,
.page-aq-item .closeBtn > span > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 1px;
  display: block;
  background: #000000;
}

.page-aq-concept .closeBtn > span > span:nth-of-type(1),
.page-aq-item .closeBtn > span > span:nth-of-type(1) {
  transform: rotate(45deg);
}

.page-aq-concept .closeBtn > span > span:nth-of-type(2),
.page-aq-item .closeBtn > span > span:nth-of-type(2) {
  transform: rotate(-45deg);
}

.page-aq-concept .modalBox2,
.page-aq-item .modalBox2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #f0f0f0;
  overflow: auto;
  transition: 0.3s;
  box-sizing: border-box;
  display: none;
}

.page-aq-concept .modalBox2.active,
.page-aq-item .modalBox2.active {
  z-index: 2000;
  display: block;
}

.page-aq-concept .modalBox2::before,
.page-aq-item .modalBox2::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.page-aq-concept .modalBox2__body,
.page-aq-item .modalBox2__body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}

.page-aq-concept .modalBox2__contents,
.page-aq-item .modalBox2__contents {
  background: #fff;
  text-align: left;
}

.page-aq-concept .closeBtn2,
.page-aq-item .closeBtn2 {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}

.page-aq-concept .closeBtn2 > span,
.page-aq-item .closeBtn2 > span {
  position: relative;
  margin-left: 10px;
}

.page-aq-concept .closeBtn2 > span > span,
.page-aq-item .closeBtn2 > span > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 1px;
  display: block;
  background: #000000;
}

.page-aq-concept .closeBtn2 > span > span:nth-of-type(1),
.page-aq-item .closeBtn2 > span > span:nth-of-type(1) {
  transform: rotate(45deg);
}

.page-aq-concept .closeBtn2 > span > span:nth-of-type(2),
.page-aq-item .closeBtn2 > span > span:nth-of-type(2) {
  transform: rotate(-45deg);
}

.page-aq-concept .slick-next, .page-aq-concept .slick-prev,
.page-aq-item .slick-next,
.page-aq-item .slick-prev {
  width: 10px;
  height: 10px;
}

.page-aq-concept .slick-next,
.page-aq-item .slick-next {
  right: -10px;
}

.page-aq-concept .slick-prev,
.page-aq-item .slick-prev {
  left: -10px;
}

.page-aq-concept .slick-next:before, .page-aq-concept .slick-prev:before,
.page-aq-item .slick-next:before,
.page-aq-item .slick-prev:before {
  content: "";
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  width: 10px;
  height: 10px;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
}

.page-aq-concept .slick-next:before,
.page-aq-item .slick-next:before {
  transform: rotate(-135deg);
}

.page-aq-concept .slick-prev:before,
.page-aq-item .slick-prev:before {
  transform: rotate(45deg);
}

.page-aq-concept .slick-dots,
.page-aq-item .slick-dots {
  margin-top: 5%;
  position: relative;
  bottom: inherit;
}

.page-aq-concept .slick-track,
.page-aq-item .slick-track {
  display: flex;
}

.page-aq-concept .slick-slide,
.page-aq-item .slick-slide {
  height: auto !important;
}

.page-aq-concept .header, .page-aq-concept .footer,
.page-aq-item .header,
.page-aq-item .footer {
  background: #eeeeee;
  padding: 5%;
  text-align: center;
}

.page-aq-concept .dummy,
.page-aq-item .dummy {
  padding: 5%;
  display: flex;
  width: 100%;
  height: 300px;
  justify-content: center;
  align-items: center;
}

/*movie modal*/
.movie_block {
  position: relative;
  padding: 0px;
  cursor: pointer;
  max-width: 1000px;
  margin: 0 auto 20rem;
}

.movie_modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.movie_modal__bg {
  background: #f0f0f0;
  height: 100vh;
  position: absolute;
  width: 100%;
  display: block;
}

.movie_modal__content {
  left: 50%;
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  margin: auto;
  max-width: 960px;
  overflow: hidden;
  width: 96%;
}

.movie_modal .video-js {
  width: 100%;
  padding-top: 56.25%;
  height: 0;
}

.page-aq-concept .main .block-bestcosme {
  background-color: #ffffff;
  padding: 30px 0;
}
.page-aq-concept .main .block-bestcosme--title {
  background: none;
  color: #000000;
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  margin-bottom: 30px;
  padding: 0;
  text-align: center;
}

/* 商品詳細専用旧ソース */
body.page-goods .page-aq-concept .technology__block {
  padding: 8% 0;
}
body.page-goods .page-aq-concept .technology h2 {
  display: block;
}
body.page-goods .page-aq-concept .technology .kinkouboku {
  margin-bottom: 8%;
  text-align: left;
}
body.page-goods .page-aq-concept .technology .kinkouboku__title {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 3%;
}
body.page-goods .page-aq-concept .technology .ingredient {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  margin-bottom: 8%;
}
body.page-goods .page-aq-concept .technology .ingredient:nth-child(7) .ingredient__image, body.page-goods .page-aq-concept .technology .ingredient:nth-child(8) .ingredient__image, body.page-goods .page-aq-concept .technology .ingredient:nth-child(9) .ingredient__image, body.page-goods .page-aq-concept .technology .ingredient:nth-child(10) .ingredient__image {
  display: none;
}
body.page-goods .page-aq-concept .technology .ingredient:nth-child(7) .ingredient__title, body.page-goods .page-aq-concept .technology .ingredient:nth-child(8) .ingredient__title, body.page-goods .page-aq-concept .technology .ingredient:nth-child(9) .ingredient__title, body.page-goods .page-aq-concept .technology .ingredient:nth-child(10) .ingredient__title {
  height: auto;
  margin-bottom: 10px;
  text-align: left;
  width: 100%;
}
body.page-goods .page-aq-concept .technology .ingredient:nth-child(7) .ingredient__band, body.page-goods .page-aq-concept .technology .ingredient:nth-child(8) .ingredient__band, body.page-goods .page-aq-concept .technology .ingredient:nth-child(9) .ingredient__band, body.page-goods .page-aq-concept .technology .ingredient:nth-child(10) .ingredient__band {
  margin-bottom: 10px;
  width: 100%;
}
body.page-goods .page-aq-concept .technology .ingredient__title {
  text-align: right;
  font-size: 1.5em;
  height: 80px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
body.page-goods .page-aq-concept .technology .ingredient__band {
  width: 80%;
  height: 20px;
  margin-bottom: 10%;
}
body.page-goods .page-aq-concept .technology .ingredient__band.band1 {
  background: #EEEDDD;
}
body.page-goods .page-aq-concept .technology .ingredient__band.band2 {
  background: #E6EBEC;
}
body.page-goods .page-aq-concept .technology .ingredient__band.band3 {
  background: #F5EAEB;
}
body.page-goods .page-aq-concept .technology .ingredient__band.band4 {
  background: #F0F0F0;
}
body.page-goods .page-aq-concept .technology .ingredient__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
}
body.page-goods .page-aq-concept .technology .ingredient__image .movieicon {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
}
body.page-goods .page-aq-concept .technology .ingredient__movie {
  width: 100%;
}
body.page-goods .page-aq-concept .technology .ingredient p {
  width: 100%;
}

.block-about-liposome-cream {
  background-image: linear-gradient(90deg, rgb(42, 20, 85), rgb(161, 129, 209) 85%, rgb(214, 194, 239));
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 40px !important;
  /*.block-about-liposome-cream-bestcosme {
    color: $white;
    margin-bottom: 40px!important;
    &--catch {
      font-size: 18px;
      margin-bottom: 20px;
      text-align: center;
      strong {
        font-size: 30px;
        font-weight: $weightBold;
      }
      sup {
        font-size: 12px;
      }
    }
    &--note {
      margin: 0 auto;
      font-size: 12px;
      width: calc(100% - 30px)
    }
  }*/
}
.block-about-liposome-cream .block-about-liposome-cream-main-visual {
  background-color: #000000;
  position: relative;
}
.block-about-liposome-cream .block-about-liposome-cream-main-visual--image {
  margin: 0 auto;
  width: 100%;
}
.block-about-liposome-cream .block-about-liposome-cream-main-visual--text-area {
  color: #ffffff;
  position: absolute;
  text-align: center;
  top: 40px;
  width: 100%;
}
.block-about-liposome-cream .block-about-liposome-cream-main-visual--copy {
  font-size: 16px;
  margin-bottom: 20px;
}
.block-about-liposome-cream .block-about-liposome-cream-main-visual--copy strong {
  font-size: 30px;
  font-weight: normal;
}
.block-about-liposome-cream .block-about-liposome-cream-main-visual--name {
  font-size: 14px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro {
  background-color: #000000;
  padding: 40px 15px;
  margin-bottom: 40px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--container {
  color: #ffffff;
  margin-bottom: 40px;
  text-align: center;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--copy {
  font-size: 20px;
  margin-bottom: 20px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--sub-copy {
  font-size: 16px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--text {
  font-size: 14px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--text:not(:last-child) {
  margin-bottom: 10px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--product-spec {
  color: #ffffff;
  margin-top: 40px;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--more-link-anchor {
  border: 1px solid;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
  width: 10em;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--note {
  color: #ffffff;
  font-size: 12px;
  margin: 20px auto 0;
  text-align: right;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-intro--more-trigger {
  font-size: 12px;
  padding-bottom: 10px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--more-trigger.js-accordion-trigger__active {
  display: none;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--more-trigger::before {
  display: none;
}
.block-about-liposome-cream .block-about-liposome-cream-intro--more-trigger::after {
  background: none;
  border-bottom: 1px solid;
  border-right: 1px solid;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  right: calc(50% - 6px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: auto;
  width: 10px;
}
.block-about-liposome-cream .block-about-liposome-cream-intro sup {
  font-size: 12px;
}
.block-about-liposome-cream .block-about-liposome-cream-capsule {
  background-color: #ffffff;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
  margin: 0 auto 40px;
  padding: 20px 10px;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-capsule--text-area {
  margin-bottom: 20px;
}
.block-about-liposome-cream .block-about-liposome-cream-capsule--title {
  color: #4f147b;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
.block-about-liposome-cream .block-about-liposome-cream-capsule--description {
  font-size: 14px;
}
.block-about-liposome-cream .block-about-liposome-cream-capsule--image {
  margin: 0 auto;
  width: 50%;
}
.block-about-liposome-cream .block-about-liposome-cream-capsule--image-caption {
  font-size: 12px;
  display: block;
  text-align: right;
}
.block-about-liposome-cream .block-about-liposome-cream-movie {
  margin: 0 auto 40px;
}
.block-about-liposome-cream .block-about-liposome-cream-movie--container {
  background-color: #dbdbdb;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-sleep-time {
  background-image: url("../../images/sp/liposome/about_cream/sleep_time_bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #2a1455;
  color: #ffffff;
  margin: 0 auto 40px;
  padding: 40px 10px;
  text-align: center;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-sleep-time--lead {
  font-size: 20px;
  margin-bottom: 20px;
}
.block-about-liposome-cream .block-about-liposome-cream-sleep-time--point {
  font-size: 16px;
  margin: 0 auto;
  padding-top: 20px;
  width: 100%;
}
.block-about-liposome-cream .block-about-liposome-cream-sleep-time--point:not(:last-child) {
  border-bottom: 4px dotted #666666;
  padding-bottom: 20px;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect {
  margin-bottom: 40px;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--container {
  color: #ffffff;
  margin: 0 auto 10px;
  padding: 40px 10px;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--container__a {
  border: 1px solid;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--container__b {
  background-color: rgba(61, 42, 88, 0.5333333333);
  margin-top: 30px;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--title {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--image {
  margin: 0 auto;
  width: 100%;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--effect-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--effect-list-item {
  border: 1px solid;
  border-radius: 50%/30px;
  font-size: 14px;
  line-height: 60px;
  margin: 0 5px;
  width: calc(50% - 10px);
  text-align: center;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--effect-list-item:not(:last-child) {
  margin-bottom: 20px;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--effect-list-item sup {
  font-size: 12px;
  vertical-align: baseline;
}
.block-about-liposome-cream .block-about-liposome-cream-approach-effect--note {
  color: #ffffff;
  font-size: 10px;
  line-height: 1.3;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-sample-campaign-banner {
  margin: 40px auto 0;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-campaign {
  background-color: #ffffff;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
  margin: 40px auto 0;
  padding: 40px 10px;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-campaign--date {
  border: 1px solid;
  color: #4f147b;
  display: block;
  font-size: 14px;
  margin: 0 auto 40px;
  text-align: center;
  width: 12em;
}
.block-about-liposome-cream .block-about-liposome-cream-campaign--image {
  margin: 0 auto;
  width: 50%;
}
.block-about-liposome-cream .block-about-liposome-cream-campaign--name {
  color: #4f147b;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}
.block-about-liposome-cream .block-about-liposome-cream-campaign--detail {
  font-size: 14px;
  margin-bottom: 10px;
}
.block-about-liposome-cream .block-about-liposome-cream-campaign--note {
  font-size: 12px;
}
.block-about-liposome-cream .block-about-liposome-cream-formulation {
  color: #ffffff;
  margin-top: 40px;
  text-align: center;
}
.block-about-liposome-cream .block-about-liposome-cream-formulation--title {
  font-size: 20px;
  margin-bottom: 20px;
}
.block-about-liposome-cream .block-about-liposome-cream-formulation--list {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-about-liposome-cream .block-about-liposome-cream-formulation--list-item {
  align-items: center;
  border: 1px solid;
  border-radius: 8px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 1.5;
  padding: 10px 0;
}
.block-about-liposome-cream .block-about-liposome-cream-formulation--anounce {
  font-size: 10px;
  line-height: 1.3;
  margin: 10px auto 0;
  text-align: left;
  width: calc(100% - 30px);
}
.block-about-liposome-cream-bestcosme {
  background-color: #000000;
  padding: 40px 20px;
}
.block-about-liposome-cream-bestcosme--title {
  background-image: url("../../images/sp/liposome/about_cream/bestcosme_title.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #ffffff;
  color: #4f147b;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
  padding: calc(30px - 0.5em) 0;
  text-align: center;
}
.block-about-liposome-cream-bestcosme--main-area {
  background-color: #000000;
  background-image: url("../../images/sp/liposome/about_bestcosme_decorate_top.png"), url("../../images/sp/liposome/about_bestcosme_decorate_bottom.png");
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  padding: 40px 15px;
  width: 100%;
}
.block-about-liposome-cream-bestcosme--lead {
  color: #d8ad60;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}
.block-about-liposome-cream-bestcosme--lead sup {
  font-size: 10px;
}
.block-about-liposome-cream-bestcosme--logo {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.block-about-liposome-cream-bestcosme--logo img {
  display: block;
  margin: 0 10px;
  width: calc(40% - 20px);
}
.block-about-liposome-cream-bestcosme--logo small {
  color: #d8ad60;
  margin-left: -10px;
}
.block-about-liposome-cream-bestcosme--note {
  color: #d8ad60;
  font-size: 10px;
}
.block-about-liposome-cream-bestcosme--list {
  background-color: white;
  background-position: center top 20px, center bottom 20px;
  background-repeat: no-repeat;
  background-size: calc(100% - 20px) auto;
  color: #000000;
  margin: 40px auto 20px;
  padding: 20px 10px 30px;
  position: relative;
  width: 100%;
}
.block-about-liposome-cream-bestcosme--list-title {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}
.block-about-liposome-cream-bestcosme--list .top-border {
  background: -webkit-linear-gradient(0deg, #806419, #ebdaad, #806419);
  content: "";
  display: block;
  height: 9px;
  left: 0;
  position: absolute;
  top: -20px;
  width: 100%;
}
.block-about-liposome-cream-bestcosme--list .top-border::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  top: 4px;
  width: 100%;
}
.block-about-liposome-cream-bestcosme--list .bottom-border {
  background: -webkit-linear-gradient(0deg, #806419, #ebdaad, #806419);
  content: "";
  display: block;
  height: 9px;
  left: 0;
  position: absolute;
  bottom: -20px;
  width: 100%;
}
.block-about-liposome-cream-bestcosme--list .bottom-border::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  bottom: 4px;
  width: 100%;
}

/* rich contents */
.block-custom p{
 padding-left: 0;
 text-indent: 0;
}
.page-product-adv23.block-custom {
  padding: 0 !important;
  position: relative;
}
.page-product-adv23 .block-custom-intro {
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 100%;
}
.page-product-adv23 .block-custom-intro--visual {
  padding: 0;
}
.page-product-adv23 .block-custom-intro--lead {
  background-image: url("../../../img/decorte2023/sp/custom/adv23/bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 15px;
  line-height: 2;
  padding: 20px 0 40px;
}
.page-product-adv23 .block-custom-detail {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#848ca8+0,070c47+100 */
  background: #848ca8; /* Old browsers */
  background: -moz-linear-gradient(top, #848ca8 0%, #070c47 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #848ca8 0%, #070c47 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #848ca8 0%, #070c47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#848ca8", endColorstr="#070c47",GradientType=0 ); /* IE6-9 */
  margin: 0 auto;
  padding: 20px 0 0;
  position: relative;
  width: 100%;
}
.page-product-adv23 .block-custom-detail--title {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  color: #3c4472;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  margin: 0 auto 20px;
  padding: 16px 0;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
}
.page-product-adv23 .block-custom-detail--title::after {
  border: 2px solid #3c4472;
  content: "";
  display: block;
  height: calc(100% - 10px);
  left: 5px;
  position: absolute;
  top: 5px;
  width: calc(100% - 10px);
}
.page-product-adv23 .block-custom-detail--products-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 15px;
}
.page-product-adv23 .block-custom-detail--products-list-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 10px 5px;
  text-align: center;
  width: calc((100% - 100px) / 10);
}
.page-product-adv23 .block-custom-detail--products-list-item:nth-child(2), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(3) {
  width: calc((100% - 100px) / 5);
}
.page-product-adv23 .block-custom-detail--products-list-item:nth-child(8), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(9) {
  width: calc((100% - 100px) / 17);
}
.page-product-adv23 .block-custom-detail--products-list-item:nth-child(7), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(12), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(13), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(14), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(17), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(21), .page-product-adv23 .block-custom-detail--products-list-item:nth-child(23) {
  width: calc((100% - 100px) / 7);
}
.page-product-adv23 .block-custom-detail--products-list-item:nth-child(26) {
  width: calc((100% - 100px) / 3);
}
.page-product-adv23 .block-custom-detail--products-list-item-number {
  color: #ffffff;
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}
.page-product-adv23 .block-custom-detail--products-list-item:nth-child(26) {
  justify-content: flex-end;
}
.page-product-adv23 .block-custom-detail--notes {
  color: #ffffff;
  font-size: 12px;
  padding: 0 20px;
  text-align: right;
}
.page-product-adv23 .block-custom-detail--open-image {
  margin-top: 20px;
}
.page-product-adv23 .block-custom-products--detail-area {
  padding-top: 20px;
}
.page-product-adv23 .block-custom-products--image {
  margin: 0 auto 20px;
  padding: 0 90px;
  width: 80%;
}
.page-product-adv23 .block-custom-products--image__wide {
  padding: 0 50px;
}
.page-product-adv23 .block-custom-products--image__wide2 {
  padding: 0;
}
.page-product-adv23 .block-custom-products--image__small {
  padding: 0 100px;
}
.page-product-adv23 .block-custom-products--name {
  overflow-wrap: break-word;
  word-break: keep-all;
  font-size: 16px;
  font-weight: 700;
}
.page-product-adv23 .block-custom-products--spec {
  font-size: 11px;
}
.page-product-adv23 .block-custom-products--copy {
  font-size: 14px;
  margin-top: 20px;
}
.page-product-adv23 .block-custom-products--copy small {
  display: block;
  line-height: 1.5;
  margin-top: 10px;
}
.page-product-adv23 .block-custom-products--more-link-anchor {
  align-items: center;
  color: #ffffff;
  background-color: #333333;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  text-align: center;
  margin: 10px auto 0;
  min-height: 40px;
  width: 100%;
}

.block-custom .page-products-aq-bodymilk .block-custom-ingredients,
.block-custom .page-products-aq-bodywash .block-custom-ingredients {
  margin: 30px 0;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area {
  display: flex;
  gap: 0 30px;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area::before, .block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area::after,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area::before,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area::after {
  background-color: #edd7d7;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 20px);
  position: absolute;
  top: min(25vw, 188px);
  width: 40px;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area::before,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area::before {
  transform: rotateZ(45deg);
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area::after,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area::after {
  transform: rotateZ(-45deg);
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item {
  text-align: center;
  width: calc((100% - 30px) / 2);
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(1) .block-custom-ingredients--item-effect,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(1) .block-custom-ingredients--item-effect {
  background-image: linear-gradient(90deg, transparent, #fdd084 20% 80%, transparent);
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(1) .block-custom-ingredients--item-effect-name,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(1) .block-custom-ingredients--item-effect-name {
  background-color: #ffe6ba;
  box-shadow: 0 3px 3px 0 rgba(204, 184, 149, 0.5019607843);
  color: #8b6017;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(2) .block-custom-ingredients--item-effect,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(2) .block-custom-ingredients--item-effect {
  background-image: linear-gradient(90deg, transparent, #97c3f0 20% 80%, transparent);
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(2) .block-custom-ingredients--item-effect-name,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item:nth-child(2) .block-custom-ingredients--item-effect-name {
  background-color: #cee9fd;
  box-shadow: 0 3px 3px 0 rgba(163, 186, 204, 0.5019607843);
  color: #17678b;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item figure,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item figure {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item-effect,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item-effect {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item-effect-name,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item-effect-name {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  justify-content: center;
  margin: 0 auto 4px;
  width: 140px;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--main-area .block-custom-ingredients--item-name,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--main-area .block-custom-ingredients--item-name {
  font-size: 12px;
  font-weight: 300;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--other-area,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--other-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--other-area h3,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--other-area h3 {
  align-items: center;
  background-image: linear-gradient(90deg, transparent, #edd7d7 20% 80%, transparent);
  display: flex;
  font-size: 14px;
  justify-content: center;
  height: 30px;
  width: 100%;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--other-area figure,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--other-area figure {
  width: calc((100% - 20px) / 3);
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--other-area figure img,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--other-area figure img {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--other-area figure figcaption,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--other-area figure figcaption {
  font-size: 10px;
  text-align: center;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--notes,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--notes {
  font-size: 8px;
  line-height: 1.5;
  margin-top: 30px;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--list,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--list figure,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--list figure {
  width: calc((100% - 30px) / 4);
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--list figure img,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--list figure img {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-bodymilk .block-custom-ingredients--list figure figcaption,
.block-custom .page-products-aq-bodywash .block-custom-ingredients--list figure figcaption {
  font-size: 9px;
  text-align: center;
}

.block-custom .page-products-aq-bodymilk,
.block-custom .page-products-aq-bodywash {
  font-family: "Noto Serif JP", serif;
  color: #4d4d4d;
  letter-spacing: 0.05em;
}
.block-custom .page-products-aq-bodymilk small,
.block-custom .page-products-aq-bodywash small {
  display: inline-block;
}
.block-custom .page-products-aq-bodymilk section,
.block-custom .page-products-aq-bodywash section {
  scroll-margin-top: 80px;
}
.block-custom .page-products-aq-bodymilk *,
.block-custom .page-products-aq-bodywash * {
  font-feature-settings: unset !important;
}
.block-custom .page-products-aq-bodymilk .inner,
.block-custom .page-products-aq-bodywash .inner {
  max-width: 600px;
  padding: 0 20px;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .h2-title,
.block-custom .page-products-aq-bodywash .h2-title {
  font-size: 18px;
  line-height: 1.4444444444;
  font-weight: 500;
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  border-radius: 1000px;
  background: #dbafaf;
}
.block-custom .page-products-aq-bodymilk .block-mv,
.block-custom .page-products-aq-bodywash .block-mv {
  margin-bottom: 60px;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--texts,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--texts {
  padding-top: 30px;
  background-image: url("../../../img/decorte2023/sp/custom/aq_bodycare/mv-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--texts::after,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--texts::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 121px;
  background: linear-gradient(transparent, #ffffff);
  z-index: 1;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--inner,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--inner {
  max-width: unset;
  padding: unset;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--container,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--container {
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--read,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--read {
  text-align: center;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--read small,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--read small {
  vertical-align: top;
  transform: translateY(0px);
  font-size: 8px;
  transform-origin: left top;
  display: inline-block;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--text,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--text {
  text-align: center;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--bottom,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--bottom {
  text-align: center;
  margin-bottom: 60px;
  font-size: 8px;
  font-weight: 400;
  line-height: 1.875;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--links,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 0;
  position: relative;
  z-index: 5;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--links::after,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--links::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ebdde4;
  top: 60px;
  left: 0;
  right: 0;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--link,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--link {
  text-align: center;
  position: relative;
  padding: 10px 5px 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2142857143;
  color: #4d4d4d;
  height: 50px;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--link::after,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--link::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 1;
  width: 10px;
  background: #dbafaf;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--link:last-of-type,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--link:last-of-type {
  padding-top: unset;
  padding-bottom: 13px;
}
.block-custom .page-products-aq-bodymilk .block-mv .block-mv--link:not(:last-of-type)::before,
.block-custom .page-products-aq-bodywash .block-mv .block-mv--link:not(:last-of-type)::before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ebdde4;
}
.block-custom .page-products-aq-bodymilk .block-main,
.block-custom .page-products-aq-bodywash .block-main {
  padding-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--container,
.block-custom .page-products-aq-bodywash .block-main .block-main--container {
  display: flex;
  flex-direction: column;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--img,
.block-custom .page-products-aq-bodywash .block-main .block-main--img {
  width: 154px;
  margin-inline: auto;
  aspect-ratio: 154/309;
  order: 3;
  margin-top: 10px;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--texts,
.block-custom .page-products-aq-bodywash .block-main .block-main--texts {
  display: contents;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--read,
.block-custom .page-products-aq-bodywash .block-main .block-main--read {
  text-align: center;
  font-size: 14px;
  color: #948250;
  line-height: 1.2142857143;
  order: 1;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--title,
.block-custom .page-products-aq-bodywash .block-main .block-main--title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 30px;
  color: #948250;
  line-height: 1.4666666667;
  order: 2;
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--title small,
.block-custom .page-products-aq-bodywash .block-main .block-main--title small {
  font-size: 8px;
  vertical-align: top;
  transform: translateY(2px);
  margin-right: -0.5em;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--lists,
.block-custom .page-products-aq-bodywash .block-main .block-main--lists {
  display: grid;
  margin-top: -42px;
  grid-template-columns: 1fr;
  gap: 26px;
  margin-bottom: 30px;
  counter-reset: number 0;
  order: 4;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--list,
.block-custom .page-products-aq-bodywash .block-main .block-main--list {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--number,
.block-custom .page-products-aq-bodywash .block-main .block-main--number {
  display: grid;
  place-content: center;
  aspect-ratio: 1;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #948251;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--number .point,
.block-custom .page-products-aq-bodywash .block-main .block-main--number .point {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  color: #948251;
  line-height: 1.8;
  width: fit-content;
  white-space: nowrap;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--number .number,
.block-custom .page-products-aq-bodywash .block-main .block-main--number .number {
  text-align-last: center;
  font-size: 24px;
  font-weight: 500;
  color: #948251;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--number .number::after,
.block-custom .page-products-aq-bodywash .block-main .block-main--number .number::after {
  display: inline-block;
  transform: translate(1px, -1px);
  counter-increment: number 1;
  content: counter(number);
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--list-texts,
.block-custom .page-products-aq-bodywash .block-main .block-main--list-texts {
  width: 50%;
  flex-grow: 1;
  margin-top: 13px;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--list-label,
.block-custom .page-products-aq-bodywash .block-main .block-main--list-label {
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 500;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--list-label span,
.block-custom .page-products-aq-bodywash .block-main .block-main--list-label span {
  padding: 0px 10px;
  display: block;
  background: linear-gradient(45deg, #948251, #c7b481);
  margin-bottom: 2px;
  width: fit-content;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 26px;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--list-text,
.block-custom .page-products-aq-bodywash .block-main .block-main--list-text {
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 300;
  width: 100%;
  line-height: 1.4285714286;
}
.block-custom .page-products-aq-bodymilk .block-main .block-main--bottom,
.block-custom .page-products-aq-bodywash .block-main .block-main--bottom {
  font-size: 10px;
  font-weight: 300;
  line-height: 1.5;
  text-align: right;
  text-align: center;
  order: 5;
}
.block-custom .page-products-aq-bodymilk .block-texture,
.block-custom .page-products-aq-bodywash .block-texture {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-texture .block-texture--title,
.block-custom .page-products-aq-bodywash .block-texture .block-texture--title {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-texture .block-texture--img,
.block-custom .page-products-aq-bodywash .block-texture .block-texture--img {
  aspect-ratio: 210/150;
  width: 210px;
  margin-inline: auto;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-texture .block-texture--texts,
.block-custom .page-products-aq-bodywash .block-texture .block-texture--texts {
  text-align: center;
}
.block-custom .page-products-aq-bodymilk .block-texture .block-texture--read,
.block-custom .page-products-aq-bodywash .block-texture .block-texture--read {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #dbafaf;
  line-height: 1.4444444444;
}
.block-custom .page-products-aq-bodymilk .block-texture .block-texture--text,
.block-custom .page-products-aq-bodywash .block-texture .block-texture--text {
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
}
.block-custom .page-products-aq-bodymilk .block-ingredient,
.block-custom .page-products-aq-bodywash .block-ingredient {
  overflow: hidden;
  background-image: url("../../../img/decorte2023/sp/custom/aq_bodycare/ingre-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--title,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--title {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--tops,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--tops {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 60px;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--tops::before,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--tops::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  width: 40px;
  background-image: url("../../../img/decorte2023/sp/custom/aq_bodycare/toggle.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top:first-of-type,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top:first-of-type {
  --color: #fcc364;
  --text-color: #8b6017;
  --label-color: #ffe6ba;
  --bg-color: #ceb891;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top:first-of-type::before,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top:first-of-type::before {
  content: "";
  display: block;
  position: absolute;
  width: 350px;
  aspect-ratio: 1;
  background-image: url("../../../img/decorte2023/sp/custom/aq_bodycare/circle1.png");
  background-repeat: no-repeat;
  background-size: contain;
  top: -90px;
  left: -100px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top:last-of-type,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top:last-of-type {
  --color: #94c1ef;
  --text-color: #17678b;
  --label-color: #cee9fd;
  --bg-color: #a4bacb;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top:last-of-type::before,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top:last-of-type::before {
  content: "";
  display: block;
  position: absolute;
  width: 400px;
  aspect-ratio: 1;
  background-image: url("../../../img/decorte2023/sp/custom/aq_bodycare/circle2.png");
  background-repeat: no-repeat;
  background-size: contain;
  top: -100px;
  left: -60px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top-label,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top-label {
  position: relative;
  padding: 2px 24px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4444444444;
  margin-bottom: 10px;
  background: linear-gradient(90deg, transparent, var(--color), var(--color), transparent);
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top-img,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top-img {
  position: relative;
  aspect-ratio: 1;
  width: 130px;
  margin-bottom: 10px;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top-read,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top-read {
  padding: 1px 10px;
  margin-bottom: 4px;
  text-align: center;
  border-radius: 4px;
  background: var(--label-color);
  color: var(--text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4166666667;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--top-text,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--top-text {
  text-align: center;
  font-size: 12px;
  line-height: 1.4166666667;
  font-weight: 300;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middles,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middles {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 10px;
  margin-bottom: 60px;
  justify-content: center;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middle,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middle {
  width: calc(50% - 10px);
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middle::before,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middle::before {
  content: "";
  display: block;
  position: absolute;
  aspect-ratio: 1;
  width: 140px;
  border-radius: 50%;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #edd7d7;
  background: radial-gradient(circle, #ffffff, transparent);
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middle-read,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middle-read {
  position: relative;
  margin-bottom: 13px;
  font-size: 12px;
  text-align: center;
  font-weight: 300;
  line-height: 1.4166666667;
  color: #a85454;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middle-items,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middle-items {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
  max-width: 170px;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middle-item,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middle-item {
  width: calc(50% - 5px);
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middle-item-img,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middle-item-img {
  aspect-ratio: 1;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--middle-item-text,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--middle-item-text {
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4444444444;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingredient--bottom,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingredient--bottom {
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--title,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--title {
  position: relative;
  width: calc(100% - 50px);
  margin-inline: auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4166666667;
  background: #ffffff;
  border-radius: 2000px;
  padding: 8px 20px;
  border: 1px solid #948251;
  text-align: center;
  z-index: 1;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--content,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--content {
  margin-top: -30px;
  position: relative;
  background: rgba(148, 130, 80, 0.2);
  padding: 45px 30px 24px;
  margin-bottom: 20px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--items,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--item,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--item-img,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--item-img {
  aspect-ratio: 1;
  width: 80px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--item-texts,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--item-texts {
  flex-grow: 1;
  width: 50%;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--item-title,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--item-title {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4166666667;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--item-text,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--item-text {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4545454545;
  width: calc(100% + 10px);
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--item-bottom,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--item-bottom {
  margin-top: 4px;
  font-size: 8px;
  font-weight: 400;
  line-height: 1.375;
  width: calc(100% + 10px);
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--tags,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--tag,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--tag {
  width: calc(50% - 2px);
  padding: 4px 0;
  min-height: 30px;
  display: grid;
  place-content: center;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #b9abb1;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--tag span,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--tag span {
  display: block;
  font-size: 8px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient .block-ingre-bottom--tag__large,
.block-custom .page-products-aq-bodywash .block-ingredient .block-ingre-bottom--tag__large {
  width: 100%;
}
.block-custom .page-products-aq-bodymilk .block-ingredient__wash,
.block-custom .page-products-aq-bodywash .block-ingredient__wash {
  background-image: unset;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-ingredient__wash::before,
.block-custom .page-products-aq-bodywash .block-ingredient__wash::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../../img/decorte2023/sp/custom/aq_bodycare/ingre-bg-wash.png");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
}
.block-custom .page-products-aq-bodymilk .block-ingredient__wash .block-ingredient--title,
.block-custom .page-products-aq-bodywash .block-ingredient__wash .block-ingredient--title {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient__wash .block-ingredient--inner,
.block-custom .page-products-aq-bodywash .block-ingredient__wash .block-ingredient--inner {
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-ingredient__wash .block-ingredient-wash--items,
.block-custom .page-products-aq-bodywash .block-ingredient__wash .block-ingredient-wash--items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 50px;
}
.block-custom .page-products-aq-bodymilk .block-ingredient__wash .block-ingredient-wash--item-title,
.block-custom .page-products-aq-bodywash .block-ingredient__wash .block-ingredient-wash--item-title {
  padding: 7px 12px;
  width: calc(100% - 20px);
  margin-inline: auto;
  background: rgba(247, 237, 242, 0.7);
  font-size: 12px;
  line-height: 1.4166666667;
  font-weight: 300;
  text-align: center;
  border-radius: 1000px;
  position: relative;
  z-index: 2;
}
.block-custom .page-products-aq-bodymilk .block-ingredient__wash .block-ingredient-wash--item-img,
.block-custom .page-products-aq-bodywash .block-ingredient__wash .block-ingredient-wash--item-img {
  margin-top: -15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 3px 3px 10px rgba(219, 175, 175, 0.3);
}
.block-custom .page-products-aq-bodymilk .block-silk,
.block-custom .page-products-aq-bodywash .block-silk {
  margin-bottom: 60px;
}
.block-custom .page-products-aq-bodymilk .block-silk .block-silk--title,
.block-custom .page-products-aq-bodywash .block-silk .block-silk--title {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-silk .block-silk--content,
.block-custom .page-products-aq-bodywash .block-silk .block-silk--content {
  gap: 60px;
}
.block-custom .page-products-aq-bodymilk .block-silk .block-silk--img,
.block-custom .page-products-aq-bodywash .block-silk .block-silk--img {
  aspect-ratio: 280/157;
  width: 280px;
  margin-inline: auto;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-silk .block-silk--texts,
.block-custom .page-products-aq-bodywash .block-silk .block-silk--texts {
  width: 100%;
  text-align: center;
}
.block-custom .page-products-aq-bodymilk .block-silk .block-silk--read,
.block-custom .page-products-aq-bodywash .block-silk .block-silk--read {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #dbafaf;
  line-height: 1.4444444444;
}
.block-custom .page-products-aq-bodymilk .block-silk .block-silk--text,
.block-custom .page-products-aq-bodywash .block-silk .block-silk--text {
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
}
.block-custom .page-products-aq-bodymilk .block-silk .block-silk--text small,
.block-custom .page-products-aq-bodywash .block-silk .block-silk--text small {
  display: block;
  font-size: 8px;
  text-align: right;
}
.block-custom .page-products-aq-bodymilk .block-smell,
.block-custom .page-products-aq-bodywash .block-smell {
  margin-bottom: 60px;
}
.block-custom .page-products-aq-bodymilk .block-smell .block-smell--title,
.block-custom .page-products-aq-bodywash .block-smell .block-smell--title {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-smell .block-smell--read,
.block-custom .page-products-aq-bodywash .block-smell .block-smell--read {
  text-align: center;
  margin-bottom: 26px;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
}
.block-custom .page-products-aq-bodymilk .block-smell .block-smell--items,
.block-custom .page-products-aq-bodywash .block-smell .block-smell--items {
  padding: 0 8px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4px;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-smell .block-smell--item-img,
.block-custom .page-products-aq-bodywash .block-smell .block-smell--item-img {
  aspect-ratio: 1;
}
.block-custom .page-products-aq-bodymilk .block-smell .block-smell--item-title,
.block-custom .page-products-aq-bodywash .block-smell .block-smell--item-title {
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
}
.block-custom .page-products-aq-bodymilk .block-smell .block-smell--bottom,
.block-custom .page-products-aq-bodywash .block-smell .block-smell--bottom {
  aspect-ratio: 560/393;
  max-width: 560px;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .block-gift,
.block-custom .page-products-aq-bodywash .block-gift {
  margin-bottom: 60px;
}
.block-custom .page-products-aq-bodymilk .block-gift .block-gift--title,
.block-custom .page-products-aq-bodywash .block-gift .block-gift--title {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-gift .block-gift--items,
.block-custom .page-products-aq-bodywash .block-gift .block-gift--items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 400px;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .block-gift .block-gift--item-img,
.block-custom .page-products-aq-bodywash .block-gift .block-gift--item-img {
  aspect-ratio: 1;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-bodymilk .block-gift .block-gift--item-lists,
.block-custom .page-products-aq-bodywash .block-gift .block-gift--item-lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.block-custom .page-products-aq-bodymilk .block-gift .block-gift--item-list,
.block-custom .page-products-aq-bodywash .block-gift .block-gift--item-list {
  display: block;
  padding-left: 20px;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4166666667;
  color: #4d4d4d;
}
.block-custom .page-products-aq-bodymilk .block-gift .block-gift--item-list::before,
.block-custom .page-products-aq-bodywash .block-gift .block-gift--item-list::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6lh;
  transform: translateY(-50%);
  left: 3px;
  aspect-ratio: 1;
  width: 10px;
  background: #dbafaf;
  border-radius: 50%;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--title,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--title {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--items,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--items {
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 0px;
  max-width: 400px;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--item,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--item {
  display: flex;
  flex-direction: column;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--item-img,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--item-img {
  margin-bottom: 3px;
  aspect-ratio: 240/192;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--item-img img,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--item-img img {
  aspect-ratio: 180/192;
  width: 130px;
  object-fit: contain;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--item-img__new,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--item-img__new {
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--item-img__new::after,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--item-img__new::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1;
  width: 46px;
  background-image: url("../../../img/decorte2023/sp/custom/aq_bodycare/new.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--item-title,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--item-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4166666667;
  flex-grow: 1;
  width: calc(100% + 6px);
  margin-left: -3px;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--item-link,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--item-link {
  margin-inline: auto;
  width: fit-content;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.4166666667;
  padding: 7px 22px;
  background: #656565;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom {
  position: relative;
  padding-bottom: 60px;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom::before,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: linear-gradient(#948251 0, transparent 100%);
  top: 20px;
  left: 0;
  right: 0;
  pointer-events: none;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom--inner,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom--inner {
  max-width: 600px;
  padding: 0 20px;
  margin-inline: auto;
  position: relative;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-title,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-title {
  position: relative;
  width: fit-content;
  margin-inline: auto;
  font-size: 12px;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.4166666667;
  background: #ffffff;
  border-radius: 2000px;
  padding: 12px 27px;
  border: 1px solid #948251;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-items,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 400px;
  margin-inline: auto;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-item,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-item {
  display: flex;
  align-items: center;
  gap: 26px;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-item-img,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-item-img {
  box-shadow: 6px 6px 12px rgba(148, 130, 81, 0.5);
  width: 50%;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-item-texts,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-item-texts {
  width: 50%;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-item-title,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-item-title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4285714286;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-item-link,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-item-link {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.6666666667;
  padding: 7px 14px;
  width: fit-content;
  margin-inline: auto;
  display: block;
  background: #948a6d;
}
.block-custom .page-products-aq-bodymilk .block-bodycare .block-bodycare--bottom-item-link:hover,
.block-custom .page-products-aq-bodywash .block-bodycare .block-bodycare--bottom-item-link:hover {
  opacity: 0.7;
}

/*---------------------
.page-aq-bright
---------------------*/
.page-aq-bright {
  /*
  .h2title {
    background: #000000;
    color: #ffffff;
    padding: 25px;
    text-align: center;
    font-size: 1.5em;
  }
  .h3subtitle {
    border: solid 1px #c3c3c3;
    border-radius: 50px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-size: 1.4em;
    color: #000000;
    margin: 0 auto 60px;
    width: 100%;
    background: #ffffff;
    &::after {
      content: "";
      display: block;
      width: 80px;
      height: 5px;
      background: #CEC79D;
      position: absolute;
      bottom: 0;
    }
  }
  */
  /*LEAD*/
  /*ABSOLUTE RADIANCE FORMULA*/
  /*ABSOLUTE RADIANCE FORMULA END*/
  /*ABOUT AQ*/
  /*
  .block-about {
    padding: 0;
    margin-bottom: 80px;
  }
  .block-about-box {
    background: #ffffff;
    border: solid 1px #c3c3c3;
    padding: 30px;
    max-width: 880px;
    margin: 0 auto 40px;
    font-size: 1em;
    .title {
      text-align: center;
      font-size: 1.3em;
      margin-bottom: 20px;
    }
  }

  .block-about-btn {
    margin: 0 auto;
    max-width: 480px;
    a {
      padding: 20px 10px;
      background: #333333;
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #ffffff;
      text-decoration: none;
      transition: all .5s ease;

      &:hover {
        background: #000000;
      }

      &::after {
        content: "";
        display: block;
        border-bottom: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        width: 12px;
        height: 12px;
        transform: rotate(45deg);
        margin-top: 5px;
      }
    }
  }
  */
  /*ABOUT AQ END*/
  /*movie*/
  /*AQの乳液の特長*/
  /*使用順*/
  /*使用順 END*/
}
.page-aq-bright p {
  margin-bottom: 1em;
}
.page-aq-bright p:last-of-type {
  margin-bottom: 0;
}
.page-aq-bright.serif {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-aq-bright sub {
  font-size: 0.5em;
}
.page-aq-bright .main {
  padding-top: 40px;
}
.page-aq-bright .main h2 {
  display: none;
}
.page-aq-bright .main__kv img {
  width: 100%;
}
.page-aq-bright .block-lead {
  padding: 12% 5% 15%;
  text-align: center;
  font-size: 1.1em;
  line-height: 2;
  position: relative;
  min-height: 540px;
  background: url("../../../img/decorte2023/sp/aq_skincare/white_lead_bg.jpg") center center no-repeat;
  background-size: cover;
}
.page-aq-bright .block-lead .title {
  font-size: 1.6em;
  margin-bottom: 5%;
}
.page-aq-bright .block-lead .sub {
  font-size: 1em;
  margin-bottom: 5%;
}
.page-aq-bright .block-lead .hash {
  font-size: 1em;
  margin-bottom: 5%;
}
.page-aq-bright .block-lead .body p {
  font-size: 0.9em;
  line-height: 2;
}
.page-aq-bright .block-lead .notice {
  font-size: 0.5em;
  position: absolute;
  bottom: 2%;
  right: 2%;
}
.page-aq-bright .block-lead-movie {
  margin: 30px auto 0;
  width: 100%;
}
.page-aq-bright .block-lead-movie video-js,
.page-aq-bright .block-lead-movie .video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: calc(100vw - 60px);
  margin: 0 auto;
  max-height: 690px;
  max-width: 690px;
  width: calc(100vw - 60px);
}
.page-aq-bright .block-concept {
  margin-top: -80px;
  padding-top: 80px;
}
.page-aq-bright .block-title {
  width: 100%;
  background: #CFD3D9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-aq-bright .block-title h2 {
  width: 80%;
  background: linear-gradient(to left, rgb(207, 211, 217) 0%, rgba(255, 255, 255, 0.5) 50%, rgb(207, 211, 217) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-aq-bright .block-title h2 span {
  font-family: "Times New Roman", "Noto Serif JP";
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #473e26;
  padding: 0;
}
.page-aq-bright .block-title h2 span > span {
  margin-top: 3%;
  font-size: 0.6em;
}
.page-aq-bright .block-concept-body-movie {
  margin: 0;
  background-color: #000;
}
.page-aq-bright .block-concept-body-movie > div {
  margin: 0 auto;
}
.page-aq-bright .block-concept-body-content {
  padding: 10% 0;
}
.page-aq-bright .block-concept-body-content p {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.01em;
  line-height: 2;
  text-align: center;
  color: #000;
  margin: 0 0 8%;
}
.page-aq-bright .block-concept-body-content p:last-child {
  margin: 0;
}
.page-aq-bright .movie {
  padding: 0;
}
.page-aq-bright .movie h2 {
  display: none;
}
.page-aq-bright .movie__box {
  margin: 0 auto 5%;
  padding: 3% 0;
  background: #000000;
}
.page-aq-bright .movie__box > div {
  margin: auto;
}
.page-aq-bright .feature {
  padding: 0;
}
.page-aq-bright .feature__block {
  background: url("../../images/sp/aq/moyabg2.jpg") center center no-repeat;
  background-size: cover;
  padding: 8% 5%;
}
.page-aq-bright .feature__box {
  margin-bottom: 8%;
  padding-bottom: 8%;
  border-bottom: solid 1px #c3c3c3;
}
.page-aq-bright .feature__box.end {
  border-bottom: none;
  padding-bottom: 0;
}
.page-aq-bright .feature__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.page-aq-bright .feature__title span:nth-of-type(1) {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 2em;
  border: solid 1px #B9AF6F;
  color: #958E5E;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
  letter-spacing: 0;
}
.page-aq-bright .feature__title span:nth-of-type(2) {
  font-size: 1.3em;
  width: calc(100% - 65px);
  letter-spacing: 0;
}
.page-aq-bright .feature__txt {
  font-size: 0.95em;
  letter-spacing: 0;
}
.page-aq-bright .feature__list li {
  font-size: 0.95em;
  margin-bottom: 5%;
  position: relative;
  padding-left: 20px;
  letter-spacing: 0;
}
.page-aq-bright .feature__list li::before {
  content: "";
  display: block;
  background: #B9AF6F;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 3px;
  left: 0;
}
.page-aq-bright .feature__notice {
  font-size: 0.7em;
}
.page-aq-bright .step__block {
  display: flex;
  flex-direction: column;
  padding: 8% 5%;
  font-size: 0.85em;
}
.page-aq-bright .step__title {
  background: #E5DDC6;
  padding: 4%;
  margin-bottom: 6%;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
}
.page-aq-bright .step__title::before, .page-aq-bright .step__title::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}
.page-aq-bright .step__title::before {
  width: 15px;
  height: 1px;
  right: 4%;
}
.page-aq-bright .step__title::after {
  width: 1px;
  height: 15px;
  right: calc(4% + 7px);
}
.page-aq-bright .step__title.on::after {
  content: none;
}
.page-aq-bright .step__category {
  display: none;
}
.page-aq-bright .step__category.on {
  display: block;
}
.page-aq-bright .step__bundle {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 5%;
  /*padding-bottom: 45px;
  position: relative;*/
  /*&::after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #666666;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
  }
  &.end {
    &:after {
      content: none;
    }
  }*/
}
.page-aq-bright .step__bundle .or {
  font-size: 0.9em;
  display: flex;
  align-items: center;
}
.page-aq-bright .step__item {
  width: 28%;
  padding: 0 1.5%;
}
.page-aq-bright .step__item > a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-aq-bright .step__item .mark {
  display: flex;
  margin-bottom: 5%;
}
.page-aq-bright .step__item .mark::before, .page-aq-bright .step__item .mark::after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  margin: 0 3px;
}
.page-aq-bright .step__item .mark::before {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_day.png") no-repeat center center/contain;
}
.page-aq-bright .step__item .mark::after {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_night.png") no-repeat center center/contain;
}
.page-aq-bright .step__item .mark.day::before {
  display: block;
}
.page-aq-bright .step__item .mark.night::after {
  display: block;
}
.page-aq-bright .step__item .image {
  width: 100%;
  margin-bottom: 4%;
}
.page-aq-bright .step__item .category {
  font-size: 0.8em;
  background: #f0f0f0;
  padding: 1% 3%;
  margin-bottom: 5%;
  text-align: center;
  display: block;
}
.page-aq-bright .step__item .name {
  font-size: 0.9em;
  text-align: center;
  display: block;
}
.page-aq-bright .step__item .new {
  font-size: 0.8em;
  padding: 1% 3%;
  border: solid 1px #c3c3c3;
  text-align: center;
  display: block;
  margin-top: 5%;
}
.page-aq-bright .step__item.wide {
  width: 80%;
  padding: 0;
  margin: 0 auto;
}
.page-aq-bright .step__item.wide > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.page-aq-bright .step__item.wide .image {
  width: 31.5%;
}
.page-aq-bright .step__item.wide .txt {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 0 2%;
  align-items: center;
}
.page-aq-bright .step .personal {
  padding: 0 5%;
  width: 100%;
  background: #f0f0f0;
}
.page-aq-bright .step .personal__block {
  background: #ffffff;
  padding: 5% 1%;
  display: none;
  margin-bottom: 5%;
}
.page-aq-bright .step .personal__block.on {
  display: block;
}
.page-aq-bright .step .personal__btn {
  padding: 5% 0;
  background: #f0f0f0;
  position: relative;
  display: flex;
  align-items: center;
}
.page-aq-bright .step .personal__btn::before, .page-aq-bright .step .personal__btn::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}
.page-aq-bright .step .personal__btn::before {
  width: 15px;
  height: 1px;
  right: 0;
}
.page-aq-bright .step .personal__btn::after {
  width: 1px;
  height: 15px;
  right: 7px;
}
.page-aq-bright .step .personal__btn.on::after {
  content: none;
}
.page-aq-bright .step .personal__bundle {
  display: flex;
  justify-content: center;
}
.page-aq-bright .step .personal__title {
  text-align: center;
  margin-bottom: 5%;
  width: 100%;
}
.page-aq-bright .step .personal .wide {
  width: 98%;
}
.page-aq-bright .step .cream_slide {
  display: block;
  margin: 0 5%;
}
.page-aq-bright .step .cream_slide .step__item {
  width: 30%;
}
.page-aq-bright .step .cream_slide .step__bundle {
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-aq-bright .step .cream_slide .step__bundle::after {
  content: none;
}
.page-aq-bright .step .downward {
  margin-bottom: 6%;
  padding-bottom: 45px;
  position: relative;
}
.page-aq-bright .step .downward::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 15px solid #666666;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}

/*page-aq-bright END*/
.block-custom .page-products-aq-coffret2025 {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-aq-coffret2025 h1, .block-custom .page-products-aq-coffret2025 h2, .block-custom .page-products-aq-coffret2025 h3, .block-custom .page-products-aq-coffret2025 h4, .block-custom .page-products-aq-coffret2025 dt, .block-custom .page-products-aq-coffret2025 dd, .block-custom .page-products-aq-coffret2025 li, .block-custom .page-products-aq-coffret2025 p, .block-custom .page-products-aq-coffret2025 span, .block-custom .page-products-aq-coffret2025 small, .block-custom .page-products-aq-coffret2025 th, .block-custom .page-products-aq-coffret2025 td, .block-custom .page-products-aq-coffret2025 figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-aq-coffret2025 sup {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-intro {
  background: rgb(228, 223, 230);
  background: url(/decorte/img/decorte2023/sp/custom/aq_coffret2025/bg_effect.png), linear-gradient(135deg, rgb(228, 223, 230) 0%, rgb(255, 255, 255) 100%);
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-intro--spec-detail::before, .block-custom .page-products-aq-coffret2025__01 .block-custom-intro--spec-detail::after {
  background: rgb(133, 136, 140);
  background: linear-gradient(90deg, rgba(153, 131, 77, 0) 0%, rgb(153, 131, 77) 50%, rgba(153, 131, 77, 0) 100%);
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-intro--spec-detail::before {
  height: 2px;
  top: 0;
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-intro--spec-detail::after {
  height: 1px;
  top: 4px;
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-detail {
  background: rgb(228, 223, 230);
  background: linear-gradient(90deg, rgb(228, 223, 230) 0%, rgb(255, 255, 255) 50%, rgb(228, 223, 230) 100%);
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-detail--title {
  background: rgb(156, 145, 87);
  background: linear-gradient(90deg, rgb(156, 145, 87) 0%, rgb(181, 170, 101) 50%, rgb(156, 145, 87) 100%);
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-detail--products-category {
  color: #99834d;
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-detail--products-category::after {
  background: rgb(153, 131, 77);
  background: linear-gradient(90deg, rgb(153, 131, 77) 0%, rgba(153, 131, 77, 0) 100%);
}
.block-custom .page-products-aq-coffret2025__01 .block-custom-detail--products-more-anchor {
  background-color: #cec79d;
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-intro {
  background: rgb(213, 214, 242);
  background: url(/decorte/img/decorte2023/sp/custom/aq_coffret2025/bg_effect.png), linear-gradient(135deg, rgb(213, 214, 242) 0%, rgb(255, 255, 255) 100%);
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-intro--spec-detail::before, .block-custom .page-products-aq-coffret2025__02 .block-custom-intro--spec-detail::after {
  background: rgb(133, 136, 140);
  background: linear-gradient(90deg, rgba(133, 136, 140, 0) 0%, rgb(133, 136, 140) 50%, rgba(133, 136, 140, 0) 100%);
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-intro--spec-detail::before {
  height: 2px;
  top: 0;
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-intro--spec-detail::after {
  height: 1px;
  top: 4px;
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-detail {
  background: rgb(233, 232, 248);
  background: linear-gradient(90deg, rgb(233, 232, 248) 0%, rgb(255, 255, 255) 50%, rgb(233, 232, 248) 100%);
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-detail--title {
  background: rgb(98, 105, 115);
  background: linear-gradient(90deg, rgb(98, 105, 115) 0%, rgb(163, 175, 191) 50%, rgb(98, 104, 115) 100%);
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-detail--products-category {
  color: #85888c;
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-detail--products-category::after {
  background: rgb(133, 136, 140);
  background: linear-gradient(90deg, rgb(133, 136, 140) 0%, rgba(133, 136, 140, 0) 100%);
}
.block-custom .page-products-aq-coffret2025__02 .block-custom-detail--products-more-anchor {
  background-color: #cfd3d9;
}
.block-custom .page-products-aq-coffret2025 .block-custom-intro--spec {
  padding: 30px 20px;
  text-align: center;
}
.block-custom .page-products-aq-coffret2025 .block-custom-intro--spec-date {
  font-size: 14px;
  margin-bottom: 4px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-intro--spec-name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-intro--spec-price {
  font-size: 10px;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-intro--spec-detail {
  font-size: 10px;
  line-height: 2;
  padding-top: 20px;
  position: relative;
}
.block-custom .page-products-aq-coffret2025 .block-custom-intro--lead {
  font-size: 12px;
  padding: 30px;
  text-align: center;
}
.block-custom .page-products-aq-coffret2025 .block-custom-intro--lead small {
  font-size: 8px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail {
  padding-bottom: 60px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--title {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 20px;
  height: 60px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--title span, .block-custom .page-products-aq-coffret2025 .block-custom-detail--title small {
  line-height: 1;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--title small {
  display: block;
  font-size: 9px;
  margin-top: 10px;
  width: 100%;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products {
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products:not(:last-child) {
  margin-bottom: 70px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-category {
  font-size: 14px;
  line-height: 1;
  padding-bottom: 10px;
  padding-left: 10px;
  left: 0;
  position: absolute;
  top: 0;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-category::after {
  bottom: 0;
  display: block;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 140px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-detail {
  text-align: center;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-image {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-name {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-copy {
  font-size: 14px;
  font-weight: 300;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-notes {
  font-size: 12px;
  font-weight: 300;
  margin-top: 10px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-more {
  margin-top: 20px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-detail--products-more-anchor {
  display: block;
  font-size: 10px;
  line-height: 30px;
  margin: 30px auto 0;
  text-align: center;
  width: 120px;
}
.block-custom .page-products-aq-coffret2025 .block-custom-recommend {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_purpleribbon2025/bg_purple.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}
.block-custom .page-products-aq-coffret2025 .block-custom-recommend--lead {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-aq-coffret2025 .block-custom-recommend--banner {
  margin: 0 auto;
  width: calc(100% - 20px);
}

body.-hidden {
  overflow: hidden;
}

.block-custom .page-products-aq-emulsion-tieup {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_emulsion_202409/bg_tieup.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  letter-spacing: 0.1em;
  padding: 50px 15px;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  margin: 0 auto;
  padding: 25px 0;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--catch {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--visual {
  margin: 0 -15px;
  width: calc(100% + 30px);
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--main {
  /*        &-visual {
            background-color: $dummy;
            min-height: 100px;
            min-width: 100%;
          }
          &-bottom-area {
            background-color: #383838;
            padding: 10px 30px;
            text-align: center;
          }
          &-lead {
            color: $white;
            font-family: $mincho;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.1em;
            margin-bottom: 10px
          }
          &-button {
            @include signArrow;
            align-items: center;
            background-color: $white;
            display: flex;
            font-weight: 600;
            font-size: 11px;
            height: 25px;
            justify-content: center;
            line-height: 1;
            position: relative;
            text-align: center;
            width: 100%;
            &::after {
              margin-left: 6px;
              position: relative;
              right: auto;
              top: auto;
            }
          }*/
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--add-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
  margin: 25px 0;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--special-list {
  margin: 0 auto 10px;
  width: calc(100% - 30px);
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--special-list-item {
  align-items: center;
  background-color: #faf9f5;
  border-radius: 10px;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 10px 10px 50px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--special-list-item:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--special-list-item-number {
  align-items: center;
  background-color: #cec79d;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 15px;
  height: 30px;
  justify-content: center;
  left: 10px;
  line-height: 1;
  position: absolute;
  width: 30px;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--special-list-item small {
  font-size: 11px;
  font-weight: 900;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--more-button {
  align-items: center;
  background-color: #383838;
  color: #ffffff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 25px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 30px);
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--more-button::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--more-button::after {
  margin-left: 6px;
  position: relative;
  right: auto;
  top: auto;
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--schedule {
  border-top: 1px solid #c3c3c3;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 auto;
  padding-top: 30px;
  text-align: center;
  width: calc(100% - 30px);
}
.block-custom .page-products-aq-emulsion-tieup .block-custom-tieup--schedule strong {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 1em;
}
.block-custom .page-products-aq-emulsion-202409 {
  color: #383838;
  padding: 0;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409.-view::before {
  position: fixed;
}
.block-custom .page-products-aq-emulsion-202409.-top::before {
  opacity: 1;
}
.block-custom .page-products-aq-emulsion-202409.-top::after {
  opacity: 0;
}
.block-custom .page-products-aq-emulsion-202409.-middle::before {
  opacity: 0;
}
.block-custom .page-products-aq-emulsion-202409.-middle::after {
  opacity: 1;
}
.block-custom .page-products-aq-emulsion-202409.-bottom::before {
  display: none;
}
.block-custom .page-products-aq-emulsion-202409.-bottom::after {
  display: none;
}
.block-custom .page-products-aq-emulsion-202409.-zoom::before {
  transform: scale(1.2, 1.2);
}
.block-custom .page-products-aq-emulsion-202409::before {
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  content: "";
  left: 0;
  opacity: 0;
  top: 0;
  transition: 0.8s;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-aq-emulsion-202409::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_emulsion_202409/bg_main.jpg);
  background-size: 100% auto;
  height: 100vh;
  position: absolute;
  transition: 0.8s;
}
.block-custom .page-products-aq-emulsion-202409::after {
  /*      background-image: url(/decorte/img/decorte2023/sp/custom/aq_emulsion_202409/bg_flower.jpg);
        height: 150vh;
        position: fixed;
        @media screen and (max-width: 1800px) {
          background-size: auto;
        }
        @media screen and (min-width: 1801px) {
          background-size: cover;
        }*/
}
.block-custom .page-products-aq-emulsion-202409 h1, .block-custom .page-products-aq-emulsion-202409 h2, .block-custom .page-products-aq-emulsion-202409 h3, .block-custom .page-products-aq-emulsion-202409 h4, .block-custom .page-products-aq-emulsion-202409 dt, .block-custom .page-products-aq-emulsion-202409 dd, .block-custom .page-products-aq-emulsion-202409 li, .block-custom .page-products-aq-emulsion-202409 p, .block-custom .page-products-aq-emulsion-202409 span, .block-custom .page-products-aq-emulsion-202409 small, .block-custom .page-products-aq-emulsion-202409 th, .block-custom .page-products-aq-emulsion-202409 td, .block-custom .page-products-aq-emulsion-202409 figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.2em;
}
.block-custom .page-products-aq-emulsion-202409 sup {
  font-size: 10px;
  vertical-align: top;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-nav {
  border-top: 1px solid #ffffff;
  margin: 0 auto;
  width: calc(100% - 60px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-nav--item {
  align-items: center;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 50px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-nav--item::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-nav--item::after {
  transform: rotate(135deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-contents {
  padding: 120px 30px 60px;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-contents--title {
  align-items: center;
  color: #808080;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  font-weight: 700;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 54px;
  z-index: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-contents--title::before {
  background-color: #808080;
  content: "";
  display: block;
  height: 1px;
  margin-right: 4px;
  width: 50px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-contents--catch {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro {
  height: 150vh;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--container {
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--container.-fixed {
  position: fixed;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--container.-bottom {
  top: auto;
  bottom: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--catch {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  left: 8%;
  position: absolute;
  top: 5.3%;
  width: 74.8%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--catch.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--lead {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  left: 8%;
  position: absolute;
  top: 16%;
  width: 50.5%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--lead.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--caption {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  position: absolute;
  right: 7%;
  top: calc(50% + 30px);
  width: 5.8%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-intro--caption.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-csutom-middle-area {
  background: rgb(255, 255, 255);
  background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(124, 124, 124, 0.5) 25vh, rgb(0, 0, 0) 50vh);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-movie {
  margin-bottom: 50px;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-movie video-js {
  height: calc(100vw - 60px);
  margin: 0 auto;
  max-height: 690px;
  max-width: 690px;
  width: calc(100vw - 60px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect {
  color: #ffffff;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect .block-custom-contents--catch {
  letter-spacing: 0;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect .block-custom-contents--catch:not(:first-of-type) {
  border-top: 1px solid;
  margin-top: 30px;
  padding-top: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--lead {
  font-size: 14px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--list {
  margin: 30px auto 0;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--list-item {
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--list-item:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--list-item-movie {
  margin: 0 auto 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--list-item-movie video {
  display: block;
  height: 50%;
  margin: 0 auto;
  width: 50%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--list-item-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-effect--list-item-text {
  font-size: 11px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse {
  background-color: #f5f3f9;
  padding-left: 20px;
  padding-right: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--lead {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 50px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--lead strong {
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--flow {
  display: flex;
  gap: 16px;
  margin-bottom: 30px;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step__other .block-custom-howtouse--step-label {
  opacity: 0;
  font-size: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step__other .block-custom-howtouse--step-category {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step__02 .block-custom-howtouse--step-label {
  background-color: rgb(206, 199, 157);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step__02 .block-custom-howtouse--step-label::after {
  border-left: 7px solid rgb(206, 199, 157);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step__02 .block-custom-howtouse--step-category {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step:not(:last-child) .block-custom-howtouse--step-image::after {
  border: 5px solid transparent;
  border-left: 8px solid #bebebe;
  border-right: none;
  content: "";
  display: block;
  right: -12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step-label {
  background-color: rgba(206, 199, 157, 0.5);
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 8px;
  line-height: 14px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step-label::after {
  border: 7px solid transparent;
  border-left: 7px solid rgba(206, 199, 157, 0.5);
  border-right: none;
  content: "";
  display: block;
  right: -7px;
  position: absolute;
  top: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step-category {
  font-size: 8px;
  line-height: 10px;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step-image {
  margin-bottom: 10px;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step-image img {
  margin: 0 auto;
  width: 100px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--step-caption {
  font-size: 8px;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-list {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-list-lead {
  font-size: 12px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column {
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: grid;
  padding: 15px;
  position: relative;
  width: 100%;
  transition: 0.8s;
  opacity: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column__a {
  background-color: #ffffff;
  border: 2px solid #cec79d;
  row-gap: 10px;
  grid-template-columns: 1fr;
  margin-bottom: 10px;
  transform: translateX(-50%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column__a.-show {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column__a .block-custom-howtouse--column-title {
  border-color: #bebebe;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column__b {
  background-color: #cec79d;
  gap: 10px;
  grid-template-columns: 90px auto;
  grid-template-rows: auto 1fr;
  transform: translateX(50%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column__b.-show {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column__b .block-custom-howtouse--column-title {
  grid-column: 1/3;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-title {
  border-bottom: 1px dashed;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-text {
  font-size: 10px;
  text-align: justify;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-text strong {
  font-weight: 700;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-more {
  text-align: right;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-more-anchor {
  font-size: 10px;
  padding-right: 10px;
  position: relative;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-howtouse--column-more-anchor::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup {
  height: 100vh;
  padding: 0;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--container {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  left: 0;
  padding: 90px 30px 70px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--title {
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--title span {
  letter-spacing: 0.1em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--title-01 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--title-02 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--lead {
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--item-name {
  background-color: #cec79d;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--item-name-sub-text {
  font-size: 12px;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-lineup--item-caption {
  color: #ffffff;
  font-size: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign {
  background: rgb(255, 255, 255);
  background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgb(0, 0, 0) 50%);
  padding-left: 0;
  padding-right: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign .block-custom-contents--catch {
  color: #ffffff;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--lead {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 50px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--list {
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 1;
  display: none;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--list-item {
  background-color: #ffffff;
  margin: 0 auto;
  width: calc(100% - 60px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--list-item:not(:last-child) {
  margin-bottom: 60px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season {
  background-color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto;
  padding-bottom: 30px;
  width: calc(100% - 60px);
  z-index: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-period {
  background-color: #cec79d;
  font-size: 14px;
  margin-bottom: 30px;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-image {
  margin: 0 auto 10px;
  width: 60%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-text-area {
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 20px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-lead {
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-entry-area {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-entry-area a {
  align-items: center;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.5;
  min-height: 6em;
  text-decoration: none;
  transition: 0.4s;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-entry-area a:nth-child(1) {
  color: #968b4a;
  margin-bottom: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-entry-area a:nth-child(2) {
  background-color: #968b4a;
  color: #ffffff;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-entry-lead {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--202502season-guidelines-trigger {
  cursor: pointer;
  font-size: 10px;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--period {
  background-color: #cec79d;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--title {
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  margin-left: -30px;
  width: calc(100% + 60px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  letter-spacing: 0;
  padding-left: 30px;
  text-decoration: underline;
  width: 55%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--image {
  width: 45%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail {
  padding: 20px 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail h4 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0.5em;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail h4:not(:first-child) {
  margin-top: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail p {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail p + p {
  margin-top: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail ul {
  margin-bottom: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail ul li {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0;
  padding-left: 1em;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail ul li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail p a {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.6;
  min-height: 30px;
  position: relative;
  text-decoration: none;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail p a::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail p a::after {
  right: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail p a + small {
  display: block;
  margin: 0.5em 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-announce {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-announce strong {
  background-color: #cec79d;
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0;
  padding: 0.2em 1em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-announce strong:not(:last-child) {
  margin-bottom: 4px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-alert {
  color: #c60000;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-special {
  align-items: center;
  background-color: #f5f4f5;
  display: flex;
  margin-top: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-special-thumbnail {
  margin-right: 10px;
  width: 50px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-special-text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
  margin: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-guidelines-trigger,
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-notes-trigger {
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  margin-top: 10px;
  text-align: center;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-guidelines-trigger:not(:last-child),
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-notes-trigger:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-timer-container__before a {
  background-color: #bebebe;
  color: #808080;
  pointer-events: none;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--detail .block-custom-campaign--detail-close-button {
  background-color: #bebebe;
  color: #808080;
  align-items: center;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.6;
  min-height: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign .block-custom-event {
  color: #ffffff;
  margin: 60px auto 0;
  width: calc(100% - 60px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign .block-custom-event--catch {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign .block-custom-event--list {
  display: grid;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 11px;
  font-weight: 500;
  grid-template-columns: auto 1fr;
  letter-spacing: 0;
  margin: 0 auto 20px;
  width: max-content;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign .block-custom-event--list-store {
  letter-spacing: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign .block-custom-event--list-period {
  letter-spacing: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign .block-custom-event--notes {
  font-size: 10px;
  font-weight: 300;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal {
  display: none;
  z-index: 11000;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-close-button {
  cursor: pointer;
  font-size: 0;
  height: 20px;
  position: fixed;
  right: 30px;
  top: 130px;
  width: 20px;
  z-index: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-close-button::before, .block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-close-button::after {
  background-color: #383838;
  content: "";
  display: block;
  height: 2px;
  left: -4px;
  position: absolute;
  top: calc(50% - 1px);
  width: 28px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-close-button::before {
  transform: rotate(45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-close-button::after {
  transform: rotate(-45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container {
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  height: calc(100vh - 180px);
  overflow: auto;
  padding: 30px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container h4 {
  font-weight: 500;
  margin-bottom: 0.5em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container h4:not(:first-child) {
  margin-top: 2em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container p {
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ul {
  margin-bottom: 1em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ul.block-custom-campaign--modal-notes li::before {
  content: "※";
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ul li {
  font-weight: 300;
  line-height: 1.5;
  padding-left: 1em;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ul li::before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ul li:not(:last-child) {
  margin-bottom: 0.3em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ol {
  margin-bottom: 1em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ol li {
  font-weight: 300;
  line-height: 1.5;
  padding-left: 1em;
  position: relative;
  text-indent: -1em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container ol li:not(:last-child) {
  margin-bottom: 0.3em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-campaign--modal-container a {
  font-weight: 500;
  text-decoration: underline;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept {
  overflow: hidden;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--bg {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_emulsion_202409/bg_flower.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  transition: 1s transform ease-out;
  will-change: transform;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--catch {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 60px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--catch::after {
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  opacity: 1;
  position: absolute;
  transition: 1.2s ease-in-out;
  transform: translateX(-50%);
  width: 400px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--catch-value {
  display: block;
  transition: 0.8s ease-in-out;
  transform: translateY(100%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--catch.-show::after {
  background-color: #000000;
  opacity: 0;
  width: 800px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--catch.-show .block-custom-concept--catch-value {
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--lead {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--lead.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-concept--lead:not(:last-child) {
  margin-bottom: 3em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula {
  background-color: #ffffff;
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_emulsion_202409/bg_section.jpg);
  background-position: center top;
  background-repeat: repeat;
  background-size: cover;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula--lead {
  color: #0a0808;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula--lead:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section:not(:first-of-type) {
  border-top: 1px dashed #bebebe;
  padding-top: 40px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section:not(:last-child) {
  margin-bottom: 40px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section--title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  transition: 0.8s ease-in-out;
  position: relative;
  margin: 0 auto 50px;
  width: fit-content;
  color: #ffffff;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section--title.-show {
  color: #383838;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section--title.-show .block-custom-section--title-catch {
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section--title-catch {
  color: #cec79d;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
  opacity: 0;
  transition: 0.8s ease-in-out;
  position: relative;
  transform: translateY(100%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-section--title-catch.-show {
  opacity: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary {
  display: flex;
  margin-bottom: 60px;
  gap: 30px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary::before, .block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary::after {
  background-color: #383838;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 20px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary::before {
  transform: translate(-50%) rotate(45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary::after {
  transform: translate(-50%) rotate(-45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary-item {
  align-items: center;
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 13px;
  height: 50px;
  justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1.5;
  text-align: center;
  width: calc(50% - 15px);
  opacity: 0;
  transition: 0.8s ease-in-out;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary-item.-show {
  opacity: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary-item:nth-child(1) {
  transform: translateX(-25%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary-item:nth-child(1).-show {
  transform: translateX(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary-item:nth-child(2) {
  transform: translateX(25%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--summary-item:nth-child(2).-show {
  transform: translateX(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--title {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--title.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--title-sub-text {
  display: block;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  margin-bottom: 0.5em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--section {
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 20px 25px;
  padding: 20px 0;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--section__extract {
  margin-bottom: 100px;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--section__extract::before, .block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--section__extract::after {
  background-color: #383838;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  bottom: -50px;
  width: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--section__extract::before {
  transform: translate(-50%) rotate(45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--section__extract::after {
  transform: translate(-50%) rotate(-45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  padding: 0 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item__a .block-custom-ingredients--item-thumbnail {
  margin-bottom: 10px;
  margin-right: 0;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item__a .block-custom-ingredients--item-detail {
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-name {
  margin-bottom: 10px;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-thumbnail {
  margin-right: 10px;
  width: 60px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-detail {
  font-size: 10px;
  font-weight: 300;
  width: calc(100% - 70px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-notes {
  font-size: 8px;
  font-weight: 300;
  letter-spacing: 1.3;
  margin-top: 1em;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-movie-button {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 9px;
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 80px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-movie-button::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-movie-button::after {
  right: 6px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-more .block-sdgs-anchor {
  border-color: #bebebe;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__extract .block-custom-ingredients--item-more .block-sdgs-anchor span {
  letter-spacing: 0.1em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__action .block-custom-ingredients--item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__action .block-custom-ingredients--item-name {
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__action .block-custom-ingredients--item-thumbnail {
  width: 60px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--container__action .block-custom-ingredients--item-detail {
  font-size: 14px;
  font-weight: 500;
  width: calc(100% - 80px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--item:not(:last-child) {
  border-bottom: 1px dashed #bebebe;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--item-name {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--item-more {
  margin-top: 10px;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal {
  display: none;
  z-index: 11000;
  position: relative;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal-close-button {
  cursor: pointer;
  font-size: 0;
  height: 20px;
  position: absolute;
  right: 10px;
  top: -30px;
  width: 20px;
  z-index: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal-close-button::before, .block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal-close-button::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  left: -4px;
  position: absolute;
  top: calc(50% - 1px);
  width: 28px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal-close-button::before {
  transform: rotate(45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal-close-button::after {
  transform: rotate(-45deg);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-ingredients--movie-modal-container {
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  overflow: visible;
  padding: 10px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--container {
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--image {
  margin-bottom: 10px;
  width: 100%;
  opacity: 0;
  position: relative;
  transition: 0.8s ease-in-out;
  transform: translateX(-25%);
  z-index: 1;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--image.-show {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--name {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--name.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--name rt {
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 0.5em;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--lead {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  font-size: 12px;
  font-weight: 500;
  transform: translateY(-80px);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--lead.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-technology--lead small {
  display: block;
  font-size: 8px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 0.5em;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent .block-custom-section--title {
  line-height: 1.5;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--lead {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--lead.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--list {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--list-item {
  width: 100%;
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(10%);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--list-item.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--list-item img {
  margin: 0 auto;
  width: 80px;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--list-item figcaption {
  font-size: 9px;
  display: block;
  line-height: 1;
  margin-top: 0.5em;
  text-align: center;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--note {
  opacity: 0;
  transition: 0.8s ease-in-out;
  transform: translateY(80px);
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-emulsion-202409 .block-custom-absolute-formula .block-custom-scent--note.-show {
  opacity: 1;
  transform: translateY(0);
}

.block-custom .page-products-aq-fragrance h2 {
  display: none;
}
.block-custom .page-products-aq-fragrance .block-custom-contents {
  padding-bottom: 30px;
  position: relative;
}
.block-custom .page-products-aq-fragrance .block-custom-contents--title {
  align-items: center;
  background: rgb(203, 192, 210);
  background: linear-gradient(90deg, rgb(203, 192, 210) 0%, rgb(236, 233, 244) 15%, rgb(182, 172, 186) 50%, rgb(223, 213, 229) 85%, rgb(200, 192, 210) 100%);
  color: #ffffff;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  justify-content: center;
  line-height: 1.3;
  margin-bottom: 30px;
  text-align: center;
  transition: 0.8s;
  opacity: 0;
}
.block-custom .page-products-aq-fragrance .block-custom-contents.-viewStart .block-custom-contents--title {
  opacity: 1;
}
.block-custom .page-products-aq-fragrance .block-custom-intro--inner-area {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_fragrance/bg_01.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 30px;
}
.block-custom .page-products-aq-fragrance .block-custom-intro--visual {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
}
.block-custom .page-products-aq-fragrance .block-custom-intro--visual.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-intro--lead-area p {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  line-height: 2;
  text-align: center;
}
.block-custom .page-products-aq-fragrance .block-custom-intro--lead-area p.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-intro--lead-area p:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-aq-fragrance .block-custom-contents-nav {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2px;
  justify-content: center;
  margin-top: 30px;
}
.block-custom .page-products-aq-fragrance .block-custom-contents-nav a {
  align-items: center;
  display: flex;
  color: #a28a3d;
  cursor: pointer;
  font-size: 10px;
  height: 70px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: calc((100% - 4px) / 3);
}
.block-custom .page-products-aq-fragrance .block-custom-contents-nav a:nth-child(4), .block-custom .page-products-aq-fragrance .block-custom-contents-nav a:nth-child(5) {
  border-top: 1px solid #e6e6e6;
  width: calc((100% - 2px) / 2);
}
.block-custom .page-products-aq-fragrance .block-custom-contents-nav a:not(:first-child):not(:nth-child(4))::before {
  background: rgb(195, 182, 165);
  background: linear-gradient(0deg, rgb(195, 182, 165) 0%, rgb(249, 254, 250) 100%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
}
.block-custom .page-products-aq-fragrance .block-custom-contents-nav a::after {
  border: 6px solid transparent;
  border-bottom: none;
  border-top: 8px solid #a28a3d;
  bottom: 11px;
  content: "";
  display: block;
  position: absolute;
}
.block-custom .page-products-aq-fragrance .block-custom-note {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_fragrance/bg_02.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-aq-fragrance .block-custom-note--main-points {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  margin: 0 auto 30px;
  padding: 30px 20px;
  text-align: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-note--main-points.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-note--main-points dt {
  align-items: center;
  column-gap: 10px;
  color: #a28a3d;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  font-size: 16px;
  justify-content: center;
  margin-bottom: 20px;
}
.block-custom .page-products-aq-fragrance .block-custom-note--main-points dt span {
  background: rgb(255, 255, 255);
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(237, 211, 128) 100%);
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 12px;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.block-custom .page-products-aq-fragrance .block-custom-note--main-points dd {
  font-size: 12px;
}
.block-custom .page-products-aq-fragrance .block-custom-note--illustrative {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  margin: 0 auto 10px;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-note--illustrative.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-note--illustrative figcaption {
  display: none;
}
.block-custom .page-products-aq-fragrance .block-custom-note--key-scents {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  background-color: rgba(227, 213, 191, 0.5);
  column-gap: 10px;
  display: flex;
  justify-content: center;
  margin: 0 auto 30px;
  padding: 30px 20px;
  width: 100%;
}
.block-custom .page-products-aq-fragrance .block-custom-note--key-scents.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-note--key-scents-item {
  max-width: 110px;
  width: calc((100% - 20px) / 3);
}
.block-custom .page-products-aq-fragrance .block-custom-note--key-scents-item dt {
  color: #a28a3d;
  font-size: 14px;
  margin: 10px 0;
  text-align: center;
}
.block-custom .page-products-aq-fragrance .block-custom-note--key-scents-item dd {
  font-size: 10px;
  line-height: 1.5;
  text-align: justify;
}
.block-custom .page-products-aq-fragrance .block-custom-note--perfumer {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  column-gap: 20px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-note--perfumer.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-note--perfumer-item {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: calc(50% - 10px);
}
.block-custom .page-products-aq-fragrance .block-custom-note--perfumer-item::before {
  border: 1px solid #ece8d8;
  border-radius: 4px;
  content: "";
  display: block;
  height: calc(100% - 16px);
  left: 8px;
  pointer-events: none;
  position: absolute;
  top: 8px;
  width: calc(100% - 16px);
}
.block-custom .page-products-aq-fragrance .block-custom-note--perfumer-item strong {
  color: #a28a3d;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 14px;
  position: relative;
}
.block-custom .page-products-aq-fragrance .block-custom-note--perfumer-item strong::after {
  background-color: #d1c59e;
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: calc(50% - 2px);
  position: absolute;
  width: 4px;
}
.block-custom .page-products-aq-fragrance .block-custom-note--perfumer-item span {
  font-size: 8px;
  line-height: 1;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients {
  background: rgb(221, 217, 228);
  background: linear-gradient(0deg, rgb(221, 217, 228) 0%, rgb(251, 250, 250) 100%);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category-area {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px 10px;
  width: 100%;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__mend {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__mend.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__reflect {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__reflect.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  padding-bottom: 0;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_fragrance/ingredients_moist_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: calc((100vw - 40px) * 0.78);
  height: calc(100vw - 40px);
  margin: 0 -10px;
  position: relative;
  width: calc(100% + 20px);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items.-view figure img {
  opacity: 1;
  transform: scale(1, 1);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items.-view figure:nth-child(1) img {
  rotate: 17deg;
  left: 36vw;
  top: 5vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items.-view figure:nth-child(2) img {
  rotate: -11deg;
  left: 11vw;
  top: 17vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items.-view figure:nth-child(3) img {
  rotate: 24deg;
  left: 55vw;
  top: 14vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items.-view figure:nth-child(5) img {
  rotate: -33deg;
  left: 12vw;
  top: 53vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items.-view figure:nth-child(6) img {
  rotate: 46deg;
  left: 49vw;
  top: 58vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure {
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(1) img {
  height: 18vw;
  width: 18vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(1) figcaption {
  left: 35vw;
  top: 0;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(2) img {
  height: 22vw;
  width: 22vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(2) figcaption {
  left: 4vw;
  top: 11vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(3) img {
  height: 26vw;
  width: 26vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(3) figcaption {
  right: 11vw;
  top: 10vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(4) img {
  left: 27vw;
  top: 28vw;
  height: 32vw;
  width: 32vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(4) figcaption {
  right: 13vw;
  top: 50vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(5) img {
  height: 22vw;
  width: 22vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(5) figcaption {
  left: 10vw;
  top: 77vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(6) img {
  height: 18vw;
  width: 18vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure:nth-child(6) figcaption {
  right: 22vw;
  top: 77vw;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure img {
  position: absolute;
  transition: 0.4s ease-out;
  left: 125px;
  top: 146px;
  left: 27vw;
  top: 24vw;
  opacity: 0;
  transform: scale(0, 0);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category__moist .block-custom-ingredients--items figure figcaption {
  font-size: 7px;
  line-height: 1.5;
  margin: 0;
  pointer-events: auto;
  position: absolute;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category h4 {
  align-items: center;
  border: 1px solid;
  border-radius: 20px;
  color: #a28a3d;
  font-size: 12px;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  height: 30px;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category-illustrative {
  background: rgb(230, 230, 230);
  background: linear-gradient(135deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 50%, rgb(230, 230, 230) 100%);
  border-radius: 8px;
  padding: 10px 0 20px;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category-illustrative h5 {
  background-color: #f0e9db;
  font-size: 10px;
  line-height: 20px;
  margin: 0 auto 10px;
  text-align: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--category-illustrative figure {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--items {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--items figure {
  width: 160px;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--items figure img {
  margin: 0 auto;
  width: 100px;
}
.block-custom .page-products-aq-fragrance .block-custom-ingredients--items figure figcaption {
  font-size: 10px;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-aq-fragrance .block-custom-scene {
  background-color: #ffffff;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--area {
  position: relative;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group {
  column-gap: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  padding-bottom: 38vw;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_fragrance/scene_products.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 10px;
  content: "";
  display: block;
  height: 38.4vw;
  left: calc((100% - 25vw) / 2);
  opacity: 0.7;
  position: absolute;
  width: 30vw;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance h4 {
  color: #a28a3d;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance h4 span::before {
  background: rgb(162, 138, 61);
  background: linear-gradient(90deg, rgba(162, 138, 61, 0) 0%, rgb(162, 138, 61) 40%, rgb(162, 138, 61) 60%, rgba(162, 138, 61, 0) 100%);
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance .block-custom-scene--item {
  background: rgb(250, 238, 200);
  background: radial-gradient(circle, rgb(250, 238, 200) 0%, rgb(255, 255, 255) 100%);
  -webkit-box-shadow: 0px 3px 10px 0px rgba(224, 214, 180, 0.5);
  -moz-box-shadow: 0px 3px 10px 0px rgba(224, 214, 180, 0.5);
  box-shadow: 0px 3px 10px 0px rgba(224, 214, 180, 0.5);
  color: #a28a3d;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance .block-custom-scene--item:nth-of-type(1) {
  margin-top: 30px;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__fragrance .block-custom-scene--item:nth-of-type(3) {
  margin-top: 30px;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__haircare {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__haircare.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__haircare h4 {
  color: #584c6b;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__haircare h4 span::before {
  background: rgb(88, 76, 107);
  background: linear-gradient(90deg, rgba(88, 76, 107, 0) 0%, rgb(88, 76, 107) 40%, rgb(88, 76, 107) 60%, rgba(88, 76, 107, 0) 100%);
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__haircare .block-custom-scene--item {
  background: rgb(232, 223, 245);
  background: radial-gradient(circle, rgb(232, 223, 245) 0%, rgb(255, 255, 255) 100%);
  -webkit-box-shadow: 0px 3px 10px 0px rgba(185, 169, 209, 0.5);
  -moz-box-shadow: 0px 3px 10px 0px rgba(185, 169, 209, 0.5);
  box-shadow: 0px 3px 10px 0px rgba(185, 169, 209, 0.5);
  color: #584c6b;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__haircare .block-custom-scene--item:nth-of-type(1) {
  margin-top: -30px;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group__haircare .block-custom-scene--item:nth-of-type(3) {
  margin-top: -30px;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group h4 {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group h4 span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 20px;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--type-group h4 span::before {
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 70px);
  position: absolute;
  top: 30px;
  width: 140px;
}
.block-custom .page-products-aq-fragrance .block-custom-scene--item {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 10px;
  font-weight: 500;
  height: calc((100vw - 40px - 20px) / 3);
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.5;
  max-height: 165px;
  max-width: 165px;
  text-align: center;
  width: calc((100vw - 40px - 20px) / 3);
}
.block-custom .page-products-aq-fragrance .block-custom-scene--item.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-design.-delay::before {
  opacity: 0.3;
}
.block-custom .page-products-aq-fragrance .block-custom-design.-view::before {
  position: fixed;
}
.block-custom .page-products-aq-fragrance .block-custom-design.-viewBgEnd::before {
  opacity: 0;
}
.block-custom .page-products-aq-fragrance .block-custom-design::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_fragrance/bg_03.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: 0.8s;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-aq-fragrance .block-custom-design--lead {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  font-size: 12px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-aq-fragrance .block-custom-design--lead.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-design--image-area {
  transition: 0.4s ease-out;
  opacity: 0;
  transform: translateY(30px);
  display: flex;
}
.block-custom .page-products-aq-fragrance .block-custom-design--image-area.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-fragrance .block-custom-design--image-area figure:nth-child(1) {
  width: 60%;
}
.block-custom .page-products-aq-fragrance .block-custom-design--image-area figure:nth-child(2) {
  width: 30%;
}
.block-custom .page-products-aq-fragrance .block-custom-design--image-area figure:nth-child(2) figcaption {
  margin: 0 -20px;
  width: calc(100% + 40px);
}
.block-custom .page-products-aq-fragrance .block-custom-design--image-area figure figcaption {
  display: block;
  font-size: 10px;
  text-align: center;
}
.block-custom .page-products-aq-fragrance .block-custom-series {
  background-color: #ffffff;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item {
  text-align: center;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-copy {
  font-size: 12px;
  margin-bottom: 30px;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-new {
  align-items: center;
  color: #a28a3d;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
  height: 60px;
  justify-content: center;
  left: calc(30% - 60px);
  line-height: 1;
  position: absolute;
  text-align: center;
  top: -20px;
  width: 60px;
  z-index: 0;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-new::before {
  background: rgb(162, 138, 61);
  background: linear-gradient(135deg, rgb(162, 138, 61) 0%, rgb(255, 255, 255) 100%);
  border-radius: 50%;
  border-radius: 50%;
  content: "";
  display: block;
  height: 60px;
  position: absolute;
  width: 60px;
  z-index: -2;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-new::after {
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 56px;
  position: absolute;
  width: 56px;
  z-index: -1;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-image {
  margin: 0 auto 10px;
  position: relative;
  width: 50%;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-date {
  font-size: 10px;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-name {
  font-size: 14px;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-size {
  font-size: 10px;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-more {
  margin-top: 20px;
}
.block-custom .page-products-aq-fragrance .block-custom-series--item-more a {
  align-items: center;
  background-color: #4d4d4d;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  justify-content: center;
  height: 40px;
  margin: 0 auto;
  max-width: 300px;
  text-align: center;
  text-decoration: none;
  width: 50%;
}

.page-product-aq-hairserum + .page-product-aq-haircare {
  padding-top: 40px !important;
}

.page-product-aq-haircare {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-product-aq-haircare.block-custom {
  background-color: #f0f0f0;
  padding-bottom: 40px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-product-aq-haircare .block-custom-intro {
  margin: 0 auto;
  width: 100%;
}
.page-product-aq-haircare .block-custom-intro--text-area {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84959c+0,4e5b61+99 */
  background: #84959c; /* Old browsers */
  background: -moz-linear-gradient(top, #84959c 0%, #4e5b61 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #84959c 0%, #4e5b61 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #84959c 0%, #4e5b61 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#84959c", endColorstr="#4e5b61",GradientType=0 ); /* IE6-9 */
  color: #ffffff;
  padding: 40px 15px;
  text-align: center;
}
.page-product-aq-haircare .block-custom-intro--copy {
  font-size: 28px;
  margin-bottom: 10px;
}
.page-product-aq-haircare .block-custom-intro--sub-copy {
  font-size: 16px;
  margin-bottom: 40px;
}
.page-product-aq-haircare .block-custom-intro--lead {
  font-size: 16px;
  line-height: 2;
}
.page-product-aq-haircare .block-custom-intro--lead:not(:last-child) {
  margin-bottom: 40px;
}
.page-product-aq-haircare .block-custom-component {
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 40px 15px;
  width: 100%;
}
.page-product-aq-haircare .block-custom-component--title {
  font-size: 22px;
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
}
.page-product-aq-haircare .block-custom-component--item {
  width: 100%;
}
.page-product-aq-haircare .block-custom-component--item__01 {
  margin-bottom: 40px;
}
.page-product-aq-haircare .block-custom-component--item__01 .block-custom-component--item-image {
  width: 50%;
}
.page-product-aq-haircare .block-custom-component--item__02 {
  margin-bottom: 40px;
}
.page-product-aq-haircare .block-custom-component--item__02 .block-custom-component--item-image {
  width: 100%;
}
.page-product-aq-haircare .block-custom-component--item__03 .block-custom-component--item-image {
  width: 50%;
}
.page-product-aq-haircare .block-custom-component--item-title {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.page-product-aq-haircare .block-custom-component--item-image {
  margin: 0 auto 20px;
}
.page-product-aq-haircare .block-custom-component--item-text {
  font-size: 14px;
}
.page-product-aq-haircare .block-custom-component--item-notes {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 10px;
}
.page-product-aq-haircare .block-custom-component--notes {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 40px;
  width: 100%;
}

.block-custom .page-products-repairessenceshampoo {
  color: #4d4d4d;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-repairessenceshampoo h2 {
  display: none;
}
.block-custom .page-products-repairessenceshampoo h3 {
  align-items: center;
  background-color: #88772E;
  border-radius: 25px;
  color: #ffffff;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 auto 30px;
  min-height: 50px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-intro {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/bg_twinkle.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}
.block-custom .page-products-repairessenceshampoo .block-custom-intro--visual {
  margin: 0 auto 30px;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-intro--copy-area {
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-intro--catch {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-intro--lead {
  font-size: 12px;
  line-height: 2;
}
.block-custom .page-products-repairessenceshampoo .block-custom-intro--lead:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-repairessenceshampoo .block-custom-intro--notes {
  font-size: 8px;
  margin-top: 30px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-nav {
  background-color: rgba(61, 56, 92, 0.5);
  margin-top: 90px;
  padding: 10px 0;
}
.block-custom .page-products-repairessenceshampoo .block-custom-nav--row {
  align-items: center;
  border-bottom: 1px solid #cccccc;
  display: flex;
  flex-wrap: wrap;
  gap: 21px 1px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-nav a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  height: 50px;
  padding-top: 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: calc((100% - 2px) / 3);
}
.block-custom .page-products-repairessenceshampoo .block-custom-nav a::after {
  border: 5px solid transparent;
  border-bottom: none;
  border-top: 10px solid #ffffff;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  left: calc(50% - 5px);
  position: absolute;
  width: 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-nav a:nth-child(2)::before, .block-custom .page-products-repairessenceshampoo .block-custom-nav a:nth-child(3)::before {
  background-color: #cccccc;
  content: "";
  display: block;
  height: 100%;
  left: -1px;
  position: absolute;
  top: 0;
  width: 1px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-nav > a {
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature {
  background-color: #babecd;
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/feature_visual.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 30px;
  position: relative;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature h3 {
  display: none;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--copy-area {
  aspect-ratio: 1/1.15;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--copy {
  color: #948250;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--copy span {
  color: #4d4d4d;
  display: block;
  font-size: 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list {
  margin: -20px auto 0;
  padding-bottom: 30px;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 60px 0 30px;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item:not(:last-child) {
  margin-bottom: 60px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item::before {
  background-image: linear-gradient(135deg, #948251, #c7b481);
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item-marker {
  background-color: #ffffff;
  border: 1px solid #948251;
  border-radius: 50%;
  color: #948250;
  font-size: 12px;
  font-weight: 300;
  height: 80px;
  left: calc(50% - 40px);
  line-height: 1.5;
  padding-top: 13px;
  position: absolute;
  text-align: center;
  top: -40px;
  width: 80px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item-marker strong {
  display: block;
  font-size: 24px;
  font-weight: 500;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item dt {
  margin-bottom: 20px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item dt span {
  background-image: linear-gradient(135deg, #948251, #c7b481);
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  padding: 0 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item dt sup {
  font-size: 8px;
  margin-left: -0.5em;
  vertical-align: top;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item dd {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item dd + dd {
  margin-top: 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-feature--list-item dd small {
  display: block;
  font-size: 8px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished {
  padding: 30px 0;
  position: relative;
  z-index: 0;
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/bg_water.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished::after {
  background-image: linear-gradient(0deg, rgba(163, 163, 204, 0.3019607843), transparent);
  bottom: 0;
  content: "";
  display: block;
  height: 270px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects li {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #5a6da1;
  font-size: min(4.6vw, 36px);
  font-weight: 500;
  height: min(30.7vw, 240px);
  line-height: 1.4;
  padding-top: min(11.5vw, 90px);
  text-align: center;
  width: calc((100% - 40px) / 3);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects li:nth-child(1) {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/finished_effects_droplet_01.png?20250807);
  margin-bottom: max(-7.6vw, -60px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects li:nth-child(2) {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/finished_effects_droplet_02.png?20250807);
  margin-bottom: max(-7.6vw, -60px);
  margin-top: min(18vw, 140px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects li:nth-child(3) {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/finished_effects_droplet_03.png?20250807);
  margin-bottom: max(-7.6vw, -60px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects li:nth-child(4) {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/finished_effects_droplet_04.png?20250807);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects li:nth-child(5) {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/finished_effects_droplet_05.png?20250807);
  margin-top: min(18vw, 140px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--effects li:nth-child(6) {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/finished_effects_droplet_06.png?20250807);
  padding-top: min(9.2vw, 72px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--before-after {
  align-items: center;
  display: flex;
  gap: 0 50px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--before-after::before {
  border: 15px solid transparent;
  border-left: 30px solid #9d9aad;
  border-right: none;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  left: calc(50% - 15px);
  width: 30px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--before-after figure {
  width: calc(50% - 25px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-finished--before-after figure figcaption {
  background-color: #3d385c;
  color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  margin-top: 1px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/bg_twinkle.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 90px;
  padding: 30px 0;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--catch {
  color: #948250;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--catch::before {
  background-image: linear-gradient(90deg, transparent, rgba(193, 174, 123, 0.3019607843) 25% 75%, transparent);
  bottom: 4px;
  content: "";
  display: block;
  height: 20px;
  left: calc(50% - 150px);
  position: absolute;
  width: 300px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--catch strong {
  display: inline-block;
  font-size: 70px;
  font-weight: 500;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--catch span {
  display: inline-block;
  font-size: 30px;
  margin-right: 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--lead {
  font-size: 14px;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--notes {
  font-size: 10px;
  font-weight: 300;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal {
  display: none;
  position: relative;
  z-index: 11000;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-sheet {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-container {
  background-color: #ffffff;
  border-radius: 20px;
  left: 50%;
  max-height: calc(100vh - 40px);
  padding: 20px 15px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-container figure img {
  margin: 0 auto 10px;
  width: 60%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-container figure figcaption {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-close {
  cursor: pointer;
  font-size: 0;
  height: 20px;
  right: 0;
  opacity: 0.5;
  overflow: hidden;
  position: absolute;
  top: -34px;
  width: 20px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-close::before, .block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 1px);
  width: 50px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-close::before {
  transform: rotate(45deg);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--detail-modal-close::after {
  transform: rotate(135deg);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list {
  aspect-ratio: 1/0.937;
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/products_ref_shampoo.png);
  background-position: center top 60%;
  background-repeat: no-repeat;
  background-size: 28.6% auto;
  margin: 30px auto 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title {
  border-radius: 20px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title__01 {
  background-image: linear-gradient(90deg, #6cb5e6, #a1c6de 75%, #c0c9e3);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title__02 {
  background-image: linear-gradient(90deg, #ddae29, #eadc72 75%, #dce3f8);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title__03 {
  background-image: linear-gradient(90deg, #9189cc, #bdbbe2 60%, #a3adcc);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title__04 {
  background-image: linear-gradient(90deg, #b78264, #dbb7a1 60%, #ccc4a3);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title__05 {
  background-image: linear-gradient(90deg, #64b38a, #97c4ad 70%, #d9e3ff);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title__06 {
  background-image: linear-gradient(90deg, #cfd6ef, #e0c8e2 20%, #edadc1 70%, #e683a2);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-group-title__07 {
  background-image: linear-gradient(90deg, #a3adcc, #b2c9ed 60%, #83a9e6);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure {
  position: absolute;
  text-align: center;
  width: 15%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure::before {
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 90%;
  left: 5%;
  opacity: 0.7;
  position: absolute;
  top: 5%;
  width: 90%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure.block-custom-ingredients--list-group__01::before {
  background-color: rgba(109, 181, 230, 0.4588235294);
  box-shadow: 0px 0px 30px 0px #6db5e6;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure.block-custom-ingredients--list-group__02::before {
  background-color: rgba(247, 224, 47, 0.4588235294);
  box-shadow: 0px 0px 30px 0px #f7e02f;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure.block-custom-ingredients--list-group__03::before {
  background-color: rgba(144, 137, 204, 0.4588235294);
  box-shadow: 0px 0px 30px 0px #9089cc;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure.block-custom-ingredients--list-group__04::before {
  background-color: rgba(255, 211, 140, 0.4588235294);
  box-shadow: 0px 0px 30px 0px #ffd38c;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure.block-custom-ingredients--list-group__05::before {
  background-color: rgba(100, 178, 138, 0.4588235294);
  box-shadow: 0px 0px 30px 0px #64b28a;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure.block-custom-ingredients--list-group__06::before {
  background-color: rgba(230, 131, 161, 0.4588235294);
  box-shadow: 0px 0px 30px 0px #e683a1;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure.block-custom-ingredients--list-group__07::before {
  background-color: rgba(110, 152, 219, 0.4588235294);
  box-shadow: 0px 0px 30px 0px #6e98db;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(1) {
  top: 0;
  left: 42.5%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(2) {
  top: 5%;
  right: 19.1%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(3) {
  top: 22.7%;
  right: 3.5%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(4) {
  top: 45.8%;
  right: 0;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(5) {
  top: 68.6%;
  right: 10.2%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(6) {
  bottom: 0;
  right: 30.8%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(7) {
  bottom: 0;
  left: 30.8%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(8) {
  top: 68.6%;
  left: 10.2%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(9) {
  top: 45.8%;
  left: 0;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(10) {
  top: 22.7%;
  left: 3.5%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure:nth-of-type(11) {
  top: 5%;
  left: 19.1%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure img {
  position: relative;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list figure figcaption {
  color: #5a6da1;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  margin: 0 -10px;
  position: relative;
  width: 140px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-notes {
  font-size: 8px;
  margin: 10px auto 0;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-guide {
  align-items: center;
  background-image: linear-gradient(90deg, rgba(90, 109, 161, 0.1490196078), rgba(90, 109, 161, 0.5019607843) 30% 70%, rgba(90, 109, 161, 0.1490196078));
  color: #ffffff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 0 10px;
  height: 40px;
  justify-content: center;
  text-align: center;
  position: relative;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--list-guide::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/icon_tap.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common {
  background-color: rgba(148, 130, 80, 0.2);
  margin: 60px auto 0;
  padding: 45px 30px 20px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common h4 {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #948251;
  border-radius: 25px;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  left: calc(50% - 150px);
  position: absolute;
  text-align: center;
  top: -25px;
  width: 300px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common-item {
  display: flex;
  gap: 0 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common-item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common-item-image {
  width: 80px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common-item-text-area {
  width: calc(100% - 90px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common-item dt {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common-item dd {
  font-size: 11px;
  font-weight: 300;
}
.block-custom .page-products-repairessenceshampoo .block-custom-ingredients--common-item dd.block-custom-ingredients--common-item-notes {
  font-size: 8px;
  line-height: 1.5;
  margin-top: 4px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base {
  margin-bottom: 60px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base h3 {
  border-radius: 35px;
  height: 70px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--main-area {
  margin-bottom: 60px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--main-area figure {
  margin: 0 auto;
  width: 50%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--lead-area p {
  font-size: 12px;
  line-height: 2;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--lead-area p:not(:last-child) {
  margin-bottom: 2em;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--free {
  border: 3px solid #e0ddd5;
  border-radius: 20px;
  margin: 0 auto;
  padding: 50px 20px 20px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--free h4 {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #948251;
  border-radius: 20px;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  left: calc(50% - 90px);
  position: absolute;
  top: -20px;
  width: 180px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--free ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-base--free ul li {
  align-items: center;
  background-color: #faf6eb;
  display: flex;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  justify-content: center;
  text-align: center;
  width: calc(50% - 5px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto {
  margin-bottom: 60px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--list {
  margin: 0 auto 45px;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--list li {
  font-size: 12px;
  font-weight: 300;
  padding-left: 16px;
  position: relative;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--list li:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--list li::before {
  background-color: #5a6da1;
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 0.5em;
  width: 7px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount {
  padding-left: 20px;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-container {
  background-color: #e3e7f0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 35px 0 90px 10px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-container h4 {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid;
  border-radius: 20px;
  color: #3d385c;
  display: flex;
  font-size: 14px;
  height: 30px;
  justify-content: center;
  left: calc(50% - 110px);
  position: absolute;
  text-align: center;
  top: -15px;
  width: 200px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount figure {
  border-radius: 8px;
  margin: -60px auto 0;
  overflow: hidden;
  position: relative;
  width: 80%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-notes {
  font-size: 10px;
  font-weight: 300;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-summary {
  color: #5a6da1;
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-item {
  align-items: center;
  display: flex;
  gap: 0 10px;
  padding: 0 0 0 5px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-item dt {
  background-color: #f5f7ff;
  border-radius: 8px;
  color: #3d385c;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  width: 110px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--amount-item dd {
  font-size: 11px;
  flex-grow: 1;
  letter-spacing: 0;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select {
  margin-top: 60px;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern {
  padding: 30px 20px 20px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern__a {
  background-color: #9a96b3;
  margin-bottom: 30px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern__a h4 {
  background-color: #3d385c;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern__a figure {
  margin: 0 auto;
  width: 100px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern__a figure figcaption {
  font-size: 9px;
  font-weight: 600;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern__b {
  background-color: #95abb2;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern__b h4 {
  background-color: #40545a;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern h4 {
  align-items: center;
  border-radius: 20px;
  color: #ffffff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 30px;
  justify-content: center;
  left: 10px;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  top: -15px;
  width: calc(100% - 20px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-lead {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-main-container {
  align-items: center;
  background-image: linear-gradient(0deg, #ffffff, #cbd3e0);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-flow {
  gap: 0 20px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-flow > figure {
  position: relative;
  width: 100px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-flow > figure::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/arrow_step.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: -20px;
  top: calc(50% - 20px);
  width: 31px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-flow > figure figcaption {
  font-size: 8px;
  font-weight: 600;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-after-flow {
  display: flex;
  padding-bottom: 36px;
  position: relative;
  width: 200px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-after-flow-step {
  position: relative;
  width: 100px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-after-flow-step:first-child::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_repairessenceshampoo/arrow_step.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: -15px;
  top: calc(50% - 20px);
  width: 31px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-after-flow-step:first-child figcaption {
  padding-top: 1em;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-after-flow-step figcaption {
  font-size: 8px;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-howto--select-pattern-after-flow-detail-anchor {
  align-items: center;
  background-color: #656565;
  bottom: 0;
  color: #ffffff;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: center;
  position: absolute;
  text-decoration: none;
  width: 100px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-scent {
  margin-bottom: 60px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-scent--lead {
  font-size: 12px;
  font-weight: 300;
  line-height: 2;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-repairessenceshampoo .block-custom-scent--list {
  display: flex;
  gap: 0 4px;
  justify-content: center;
  margin: 0 auto 20px;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-scent--list figure {
  width: calc((100% - 12px) / 4);
}
.block-custom .page-products-repairessenceshampoo .block-custom-scent--list figure figcaption {
  display: block;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-scent--note {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-series h3 {
  border-radius: 35px;
  height: 70px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-series--list-item {
  align-items: center;
  display: flex;
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-repairessenceshampoo .block-custom-series--list-item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-series--list-item figure {
  box-shadow: 6px 6px 12px 0px rgba(148, 130, 81, 0.5);
  width: 50%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-series--list-item-text-area {
  width: 50%;
}
.block-custom .page-products-repairessenceshampoo .block-custom-series--list-item-text-area p {
  font-size: 14px;
  margin-bottom: 10px;
}
.block-custom .page-products-repairessenceshampoo .block-custom-series--list-item-text-area a {
  align-items: center;
  background-color: #948a6d;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  line-height: 1;
  margin: 0 auto;
  text-decoration: none;
  width: 100px;
}

/*---------------------
.page-aq-hairserum
---------------------*/
.page-aq-hairserum {
  background: #f0f0f0;
  /*KV*/
  /*導入*/
  /*髪への効果*/
  /*仕上がり*/
  /*美容成分・処方*/
  /*使い方*/
  /*User's voice*/
}
.page-aq-hairserum p {
  margin-bottom: 1em;
}
.page-aq-hairserum p:last-of-type {
  margin-bottom: 0;
}
.page-aq-hairserum.serif {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-aq-hairserum sub {
  font-size: 0.5em;
}
.page-aq-hairserum .block-inner {
  width: 96%;
  margin: auto;
}
.page-aq-hairserum h2 {
  width: 100%;
  background: linear-gradient(90deg, rgb(149, 171, 178) 0%, rgb(201, 212, 215) 50%, rgb(149, 171, 178) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  color: #000000;
  font-size: 20px;
}
.page-aq-hairserum .kv {
  /*width: 100%;
  margin: 0 auto 30px;
  background: #83969C;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 40px;*/
  margin-bottom: 30px;
}
.page-aq-hairserum .kv h2, .page-aq-hairserum .kv .txt {
  color: #000000;
  text-align: center;
  display: none;
}
.page-aq-hairserum .kv h2 {
  font-size: 30px;
  background: none;
  padding: 30px 10px 20px;
  margin-bottom: 0;
}
.page-aq-hairserum .kv .txt {
  font-size: 18px;
}
.page-aq-hairserum .intro {
  margin-bottom: 30px;
}
.page-aq-hairserum .intro h2 {
  display: none;
}
.page-aq-hairserum .intro .block-inner {
  background: #ffffff;
  padding-top: 40px;
  text-align: center;
}
.page-aq-hairserum .intro .lead {
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 2;
}
.page-aq-hairserum .intro .txt {
  font-size: 14px;
  margin-bottom: 40px;
  line-height: 2;
}
.page-aq-hairserum .effect {
  background: linear-gradient(180deg, rgb(180, 200, 207) 0%, rgb(255, 255, 255) 100%);
}
.page-aq-hairserum .effect .lead {
  font-size: 18px;
  text-align: center;
  padding: 30px 0 0;
}
.page-aq-hairserum .effect .box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}
.page-aq-hairserum .effect .box .image {
  padding: 0 5px;
}
.page-aq-hairserum .finish {
  background: linear-gradient(180deg, rgb(180, 200, 207) 0%, rgb(255, 255, 255) 100%);
  padding-bottom: 30px;
}
.page-aq-hairserum .finish .box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}
.page-aq-hairserum .finish .box .image {
  padding: 0 5px;
}
.page-aq-hairserum .finish .bf-af {
  margin: 0 auto 15px;
  text-align: center;
  max-width: 335px;
}
.page-aq-hairserum .finish .caption {
  font-size: 14px;
  text-align: center;
}
.page-aq-hairserum .ingredients {
  background: #ffffff;
}
.page-aq-hairserum .ingredients .block-inner {
  padding: 40px 0 20px;
  width: 100%;
}
.page-aq-hairserum .ingredients .lead {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 10px;
  text-align: center;
}
.page-aq-hairserum .ingredients .box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.page-aq-hairserum .ingredients .itemUnit {
  width: 170px;
  text-align: center;
  padding: 0 5px;
}
.page-aq-hairserum .ingredients .itemUnit__title {
  font-size: 15px;
  margin-bottom: 15px;
  min-height: 4em;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
  line-height: 1.6;
}
.page-aq-hairserum .ingredients .itemUnit__image {
  margin: 0 auto 15px;
  max-width: 140px;
}
.page-aq-hairserum .ingredients .itemUnit__txt {
  font-size: 12px;
  margin-bottom: 10px;
  text-align: left;
}
.page-aq-hairserum .ingredients .itemUnit__notice {
  font-size: 9px;
  margin-bottom: 15px;
}
.page-aq-hairserum .ingredients .itemUnit__more .block-sdgs-anchor {
  padding: 4px 20px 4px 5px;
  text-align: left;
}
.page-aq-hairserum .ingredients .itemUnit__more .block-sdgs-anchor::after {
  right: 10px;
}
.page-aq-hairserum .ingredients .itemUnit__more .block-sdgs-anchor span {
  font-size: 10px;
  letter-spacing: 0.02em;
  line-height: 1.5;
  position: relative;
}
.page-aq-hairserum .ingredients .itemUnit__more .block-sdgs-anchor small {
  font-size: 8px;
  letter-spacing: 0.01em;
}
.page-aq-hairserum .ingredients .itemUnit.gekka {
  width: 100%;
  margin-bottom: 30px;
}
.page-aq-hairserum .ingredients .itemUnit.gekka .itemUnit__image {
  max-width: 170px;
}
.page-aq-hairserum .ingredients .science {
  background: url("../../../img/decorte2023/sp/aq_hairserum/tech_bg.jpg");
  background-size: cover;
  padding: 30px 10px 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-aq-hairserum .ingredients .science h3 {
  border-radius: 50px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-size: 1.4em;
  color: #ffffff;
  margin: 0 auto 8%;
  width: 100%;
  background: #40545A;
  max-width: 94%;
}
.page-aq-hairserum .ingredients .science h3::after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background: #B4CFD8;
  position: absolute;
  bottom: 0;
}
.page-aq-hairserum .ingredients .science .scienceArea {
  padding: 30px 5px;
  background: rgba(237, 243, 245, 0.7);
  text-align: center;
  border-radius: 8px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-aq-hairserum .ingredients .science .scienceArea__title {
  font-size: 18px;
  margin-bottom: 20px;
  padding-left: 60px;
  position: relative;
  display: inline-block;
  text-align: left;
  display: flex;
  align-items: center;
}
.page-aq-hairserum .ingredients .science .scienceArea__title::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
}
.page-aq-hairserum .ingredients .science .scienceArea__txt {
  font-size: 12px;
}
.page-aq-hairserum .ingredients .science .scienceArea__notice {
  font-size: 9px;
  margin-top: 10px;
}
.page-aq-hairserum .ingredients .science .scienceArea__box {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.page-aq-hairserum .ingredients .science .scienceArea .scienceUnit {
  background: #ffffff;
  width: 80%;
  padding: 10px 10px 15px;
  border-radius: 8px;
  margin: 0 10px 10px;
  text-align: center;
}
.page-aq-hairserum .ingredients .science .scienceArea .scienceUnit__image {
  max-width: 205px;
  margin: auto;
}
.page-aq-hairserum .ingredients .science .scienceArea .scienceUnit__txt {
  padding: 0 10px;
  font-size: 12px;
}
.page-aq-hairserum .ingredients .science .scienceArea .scienceUnit__txt .red {
  color: #D42424;
}
.page-aq-hairserum .ingredients .science .scienceArea .scienceUnit__txt .green {
  color: #3B9B04;
}
.page-aq-hairserum .ingredients .science .scienceArea.point1 {
  width: 100%;
}
.page-aq-hairserum .ingredients .science .scienceArea.point1 .scienceArea__title::before {
  background: url("../../../img/decorte2023/sp/aq_hairserum/no1.png");
  background-size: contain;
}
.page-aq-hairserum .ingredients .science .scienceArea.point2 {
  width: 100%;
}
.page-aq-hairserum .ingredients .science .scienceArea.point2 .scienceArea__title::before {
  background: url("../../../img/decorte2023/sp/aq_hairserum/no2.png");
  background-size: contain;
}
.page-aq-hairserum .ingredients .science .scienceArea.point3 {
  width: 100%;
}
.page-aq-hairserum .ingredients .science .scienceArea.point3 .scienceArea__title::before {
  background: url("../../../img/decorte2023/sp/aq_hairserum/no3.png");
  background-size: contain;
}
.page-aq-hairserum .step h2 {
  margin-bottom: 20px;
}
.page-aq-hairserum .step .block-inner {
  width: 100%;
}
.page-aq-hairserum .step .stepLead {
  background: linear-gradient(180deg, rgb(180, 200, 207) 0%, rgb(212, 220, 225) 100%);
  padding: 30px 10px 20px;
}
.page-aq-hairserum .step .stepLead .txt {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}
.page-aq-hairserum .step .stepLead .image {
  max-width: 330px;
  margin: 0 auto;
}
.page-aq-hairserum .step .stepFlow {
  background: #D4DCE1;
  padding: 0 10px 30px;
}
.page-aq-hairserum .step .stepUnit {
  color: #40545A;
  background: #A8C0C7;
  border-radius: 8px;
  padding: 20px 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  margin: 0 auto 20px;
  position: relative;
}
.page-aq-hairserum .step .stepUnit::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  position: absolute;
  bottom: -9px;
  left: calc(50% - 10px);
  background: #A8C0C7;
}
.page-aq-hairserum .step .stepUnit__title {
  font-size: 18px;
  position: relative;
  padding-left: 70px;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
}
.page-aq-hairserum .step .stepUnit__title::before {
  content: "";
  display: block;
  width: 60px;
  height: 30px;
  position: absolute;
  left: 0;
}
.page-aq-hairserum .step .stepUnit__txt {
  display: flex;
  padding-left: 1.5em;
  position: relative;
}
.page-aq-hairserum .step .stepUnit__txt::before {
  position: absolute;
  content: "●";
  top: 0;
  left: 0;
}
.page-aq-hairserum .step .stepUnit__frame {
  background: #ffffff;
  padding: 15px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-aq-hairserum .step .stepUnit__frame .txt {
  width: 100%;
}
.page-aq-hairserum .step .stepUnit__frame .image {
  width: 80%;
}
.page-aq-hairserum .step .stepUnit__subject {
  margin: 25px auto 2px;
  background: #f2f2f2;
  padding: 10px 15px;
}
.page-aq-hairserum .step .stepUnit__table {
  width: 100%;
  margin-bottom: 20px;
}
.page-aq-hairserum .step .stepUnit__table th, .page-aq-hairserum .step .stepUnit__table td {
  width: 50%;
  text-align: center;
  padding: 7px 10px;
}
.page-aq-hairserum .step .stepUnit__table th {
  background: #D3DFE5;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
}
.page-aq-hairserum .step .stepUnit__table td {
  background: #EBEFF1;
  border-bottom: solid 2px #ffffff;
}
.page-aq-hairserum .step .stepUnit.step1 .stepUnit__title::before {
  background: url("../../../img/decorte2023/sp/aq_hairserum/step1.png");
  background-size: contain;
}
.page-aq-hairserum .step .stepUnit.step2 {
  background: #40545A;
}
.page-aq-hairserum .step .stepUnit.step2::after {
  background: #40545A;
}
.page-aq-hairserum .step .stepUnit.step2 .stepUnit__title {
  color: #ffffff;
  margin-bottom: 15px;
}
.page-aq-hairserum .step .stepUnit.step2 .stepUnit__title::before {
  background: url("../../../img/decorte2023/sp/aq_hairserum/step2.png");
  background-size: contain;
}
.page-aq-hairserum .step .stepUnit.step3 .stepUnit__title::before {
  background: url("../../../img/decorte2023/sp/aq_hairserum/step3.png");
  background-size: contain;
}
.page-aq-hairserum .step .stepUnit.step4::after {
  content: none;
}
.page-aq-hairserum .step .stepUnit.step4 .stepUnit__title::before {
  background: url("../../../img/decorte2023/sp/aq_hairserum/step4.png");
  background-size: contain;
}
.page-aq-hairserum .voice {
  background: #C8D8DE;
  padding: 10px;
}
.page-aq-hairserum .voice__wrap {
  background: #ffffff;
  max-width: 540px;
  width: 100%;
  padding: 25px 15px;
  margin: auto;
  border-radius: 8px;
}
.page-aq-hairserum .voice h3 {
  border-radius: 50px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-size: 1.4em;
  color: #ffffff;
  margin: 0 auto 6%;
  width: 100%;
  background: #40545A;
  max-width: 94%;
}
.page-aq-hairserum .voice h3::after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background: #B4CFD8;
  position: absolute;
  bottom: 0;
}
.page-aq-hairserum .voice__area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.page-aq-hairserum .voice__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.page-aq-hairserum .voice__image {
  width: 26%;
  max-width: 150px;
}
.page-aq-hairserum .voice__text {
  width: 70%;
  max-width: 380px;
  padding: 5px;
  border-radius: 8px;
  height: 7em;
  text-align: center;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-aq-hairserum .voice__text::before {
  content: "";
  display: block;
  position: absolute;
}
.page-aq-hairserum .voice__text.type1 {
  background: linear-gradient(90deg, rgb(255, 204, 192) 0%, rgb(255, 225, 225) 100%);
  color: #845555;
}
.page-aq-hairserum .voice__text.type1::before {
  width: 10px;
  height: 15px;
  background-color: #ffcccc;
  clip-path: polygon(0% 50%, 10px 0%, 10px 15px);
  left: -9px;
}
.page-aq-hairserum .voice__text.type1.reverse {
  background: linear-gradient(-90deg, rgb(255, 204, 192) 0%, rgb(255, 225, 225) 100%);
}
.page-aq-hairserum .voice__text.type1.reverse::before {
  clip-path: polygon(10px 50%, 0% 0%, 0% 15px);
  left: inherit;
  right: -9px;
}
.page-aq-hairserum .voice__text.type2 {
  background: linear-gradient(90deg, rgb(198, 223, 252) 0%, rgb(229, 243, 255) 100%);
  color: #314C5B;
}
.page-aq-hairserum .voice__text.type2::before {
  width: 10px;
  height: 15px;
  background-color: #C6DFFC;
  clip-path: polygon(0% 50%, 10px 0%, 10px 15px);
  left: -9px;
}
.page-aq-hairserum .voice__text.type2.reverse {
  background: linear-gradient(-90deg, rgb(198, 223, 252) 0%, rgb(229, 243, 255) 100%);
}
.page-aq-hairserum .voice__text.type2.reverse::before {
  clip-path: polygon(10px 50%, 0% 0%, 0% 15px);
  left: inherit;
  right: -9px;
}
.page-aq-hairserum .voice p {
  margin: 0;
}
.page-aq-hairserum .page-products-repairessenceshampoo {
  padding-bottom: 10px;
}
.page-aq-hairserum .page-products-repairessenceshampoo h2 {
  width: 100%;
  background: linear-gradient(90deg, rgb(149, 171, 178) 0%, rgb(201, 212, 215) 50%, rgb(149, 171, 178) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  color: #000000;
  font-size: 18px;
}
.page-aq-hairserum .page-products-repairessenceshampoo .block-custom-more {
  align-items: center;
  background-image: linear-gradient(135deg, #948251, #c7b481);
  border-radius: 8px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  justify-content: center;
  margin: 10px auto 0;
  padding: 20px;
  position: relative;
  text-align: center;
  width: calc(100% - 20px);
}

/*page-aq-hairserum END*/
.block-custom .page-products-aq-lipstick-202408 {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-aq-lipstick-202408 h1, .block-custom .page-products-aq-lipstick-202408 h2, .block-custom .page-products-aq-lipstick-202408 h3, .block-custom .page-products-aq-lipstick-202408 h4, .block-custom .page-products-aq-lipstick-202408 dt, .block-custom .page-products-aq-lipstick-202408 dd, .block-custom .page-products-aq-lipstick-202408 li, .block-custom .page-products-aq-lipstick-202408 p, .block-custom .page-products-aq-lipstick-202408 span, .block-custom .page-products-aq-lipstick-202408 small, .block-custom .page-products-aq-lipstick-202408 th, .block-custom .page-products-aq-lipstick-202408 td, .block-custom .page-products-aq-lipstick-202408 figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-aq-lipstick-202408 sup {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-intro {
  background-color: #121212;
  background: linear-gradient(180deg, rgb(60, 60, 60) 0%, rgb(0, 0, 0) 100%);
  color: #ffffff;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-intro--lead {
  font-size: 14px;
  padding: 30px 0;
  text-align: center;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-other-area {
  background-color: #faf9f5;
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_lipstick_202408/bg_other.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 38% 0 60px;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-products {
  display: flex;
  justify-content: space-between;
  margin: 0 auto -38%;
  width: 90%;
  z-index: 1;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-products--item {
  width: 45.7%;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-products--item-number {
  display: block;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-products--item-name {
  color: #695a41;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-products--item img {
  margin: 0 auto;
  width: 75%;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-message {
  margin-top: 60px;
  text-align: center;
  /*background-color: rgba(255,255,255,0.5);
  margin: 0 auto;
  padding: 30px 15px;
  position: relative;
  width: calc(100% - 40px);
  &::before {
    border: 1px solid $white;
    content: "";
    display: block;
    height: calc(100% - 20px);
    left: 10px;
    position: absolute;
    top: 10px;
    width: calc(100% - 20px);
  }*/
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-message--products {
  margin: 60px auto 0;
  width: 50%;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-message--catch {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-message--text {
  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile {
  align-items: center;
  display: flex;
  margin: 60px auto 0;
  width: 80%;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile--image {
  width: 50%;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile--text-area {
  width: 50%;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile--post {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile--name {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile--more-trigger {
  background-color: #e1d8dd;
  display: block;
  font-size: 13px;
  line-height: 1;
  margin: 0 auto;
  padding: 1em 0;
  width: 8em;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile--modal .block-custom-mw-profile--image {
  margin: 0 auto 10px;
  width: 80%;
}
.block-custom .page-products-aq-lipstick-202408 .block-custom-mw-profile--modal .block-custom-mw-profile--text {
  margin-bottom: 10px;
}
.page-products-aq-parfum.block-custom {
  padding: 0 !important;
  position: relative;
}
.page-products-aq-parfum strong {
  font-weight: 300;
}
.page-products-aq-parfum .block-custom-intro {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eee8eb+0,afa5bf+99 */
  background: linear-gradient(to bottom, #eee8eb 0%, #afa5bf 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.page-products-aq-parfum .block-custom-intro--visual {
  margin: 0 auto 40px;
  padding: 0;
  width: 100%;
}
.page-products-aq-parfum .block-custom-intro--lead {
  font-size: 12px;
  line-height: 2;
  padding: 0 20px;
  text-align: center;
}
.page-products-aq-parfum .block-custom-intro--lead:not(:last-child) {
  margin-bottom: 20px;
}
.page-products-aq-parfum .block-custom-intro--lead-en {
  font-size: 20px;
}
.page-products-aq-parfum .block-custom-contents {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.page-products-aq-parfum .block-custom-contents:not(:last-child) {
  margin-bottom: 40px;
}
.page-products-aq-parfum .block-custom-contents--title {
  color: #9f873d;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-aq-parfum .block-custom-contents--title-sub-text {
  font-size: 16px;
}
.page-products-aq-parfum .block-custom-contents--text {
  font-size: 12px;
  line-height: 2;
  text-align: center;
}
.page-products-aq-parfum .block-custom-contents--text:not(:last-child) {
  margin-bottom: 20px;
}
.page-products-aq-parfum .block-custom-notes--image {
  margin: 0 auto;
}
.page-products-aq-parfum .block-custom-notes--image:nth-child(1) {
  margin-bottom: 20px;
  width: 100%;
}
.page-products-aq-parfum .block-custom-notes--image:nth-child(2) {
  width: 100%;
}
.page-products-aq-parfum .block-custom-design .block-custom-contents--text {
  margin-bottom: 0;
}
.page-products-aq-parfum .block-custom-design--products-spec {
  display: flex;
  margin-top: -6%;
  padding: 0 6%;
}
.page-products-aq-parfum .block-custom-design--products-spec-item {
  display: block;
  font-size: 10px;
  text-align: center;
}
.page-products-aq-parfum .block-custom-design--products-spec-item:nth-child(1) {
  width: 65%;
}
.page-products-aq-parfum .block-custom-design--products-spec-item:nth-child(2) {
  width: 35%;
}
.page-products-aq-parfum .block-custom-perfumer--list {
  display: flex;
  justify-content: center;
}
.page-products-aq-parfum .block-custom-perfumer--list-item {
  margin: 0 10px;
  width: 40%;
}
.page-products-aq-parfum .block-custom-perfumer--list-item img {
  margin: 0 auto 10px;
  width: 100%;
}
.page-products-aq-parfum .block-custom-perfumer--list-item-name {
  font-size: 10px;
  text-align: center;
}
.page-products-aq-parfum .block-custom-perfumer--list-item-name-en {
  color: #9f873d;
  font-size: 14px;
}
.page-products-aq-parfum .block-custom-perfumer--message-title {
  color: #9f873d;
  font-size: 16px;
  margin: 20px 0 10px;
  position: relative;
  text-align: center;
}
.page-products-aq-parfum .block-custom-perfumer--message-text {
  text-align: center;
}

.block-custom .page-products-aq-serumoil {
  background-color: #000000;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-contents-nav {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 30%, rgb(0, 0, 0) 100%);
  padding: 100px 30px 0;
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-contents-nav a {
  align-items: center;
  border-bottom: 1px solid;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 50px;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1;
  position: relative;
  text-decoration: none;
}
.block-custom .page-products-aq-serumoil .block-custom-contents-nav a:first-child {
  border-top: 1px solid;
}
.block-custom .page-products-aq-serumoil .block-custom-contents-nav a::after {
  border-right: 1px solid;
  border-bottom: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 4px;
  transform: rotateZ(45deg);
  width: 8px;
}
.block-custom .page-products-aq-serumoil .block-custom-contents {
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-contents--label {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #cec79d;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px;
}
.block-custom .page-products-aq-serumoil .block-custom-contents--label span {
  display: none;
}
.block-custom .page-products-aq-serumoil .block-custom-intro {
  height: calc(141vw + 60px);
  max-height: 1058px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/bg_intro.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 60px;
  transition: 0.8s;
  width: 100%;
  z-index: 0;
}
@media (min-width: 751px) {
  .block-custom .page-products-aq-serumoil .block-custom-intro::before {
    left: calc(50% - 375px);
    width: 750px;
  }
}
.block-custom .page-products-aq-serumoil .block-custom-intro.-fixed::before {
  position: fixed;
}
.block-custom .page-products-aq-serumoil .block-custom-intro.-fixed .block-custom-intro--main-copy {
  position: fixed;
}
.block-custom .page-products-aq-serumoil .block-custom-intro.-fixed .block-custom-intro--sub-copy {
  position: fixed;
}
.block-custom .page-products-aq-serumoil .block-custom-intro.-fixed .block-custom-intro--notes {
  position: fixed;
}
.block-custom .page-products-aq-serumoil .block-custom-intro.-viewActive::before {
  opacity: 1;
}
.block-custom .page-products-aq-serumoil .block-custom-intro.-viewTop::before {
  opacity: 1;
}
.block-custom .page-products-aq-serumoil .block-custom-intro--main-copy {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/intro_main_copy.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  font-size: 0;
  height: 16.2vw;
  left: 8%;
  max-height: 123px;
  max-width: 634px;
  opacity: 0;
  position: absolute;
  top: calc(60px + 7vw);
  transform: translateY(30px);
  transition: 0.8s;
  width: 84%;
}
@media (min-width: 751px) {
  .block-custom .page-products-aq-serumoil .block-custom-intro--main-copy {
    left: calc(50% - 315px);
    top: 132px;
  }
}
.block-custom .page-products-aq-serumoil .block-custom-intro--main-copy.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-intro--sub-copy {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/intro_sub_copy.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  font-size: 0;
  height: 14.6vw;
  left: 8%;
  max-height: 110px;
  max-width: 210px;
  opacity: 0;
  position: absolute;
  top: calc(60px + 54vw);
  transform: translateY(30px);
  transition: 0.8s;
  width: 29%;
}
@media (min-width: 751px) {
  .block-custom .page-products-aq-serumoil .block-custom-intro--sub-copy {
    left: calc(50% - 315px);
    top: 465px;
  }
}
.block-custom .page-products-aq-serumoil .block-custom-intro--sub-copy.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-intro--notes {
  color: #ffffff;
  display: block;
  font-size: 8px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: calc(60px + 141vw - 50px);
  text-align: center;
  transition: 0.4s;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-intro--notes.-delay {
  opacity: 1;
}
.block-custom .page-products-aq-serumoil .block-custom-concept {
  background-color: #000000;
  padding-top: 70px;
}
.block-custom .page-products-aq-serumoil .block-custom-concept--catch {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
  text-align: center;
  color: #cec79d;
}
.block-custom .page-products-aq-serumoil .block-custom-concept--lead {
  color: #ffffff;
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  line-height: 2;
  padding: 0 30px;
}
.block-custom .page-products-aq-serumoil .block-custom-concept--lead:not(:last-child) {
  margin-bottom: 2em;
}
.block-custom .page-products-aq-serumoil .block-custom-concept--lead sup {
  font-size: 8px;
  font-weight: 300;
  vertical-align: super;
}
.block-custom .page-products-aq-serumoil .block-custom-concept--notes {
  color: #ffffff;
  font-size: 8px;
  padding: 0 30px;
  text-align: right;
}
.block-custom .page-products-aq-serumoil .block-custom-concept--movie {
  margin: 60px auto 0;
  height: calc(100vw - 60px);
  max-height: 690px;
  width: calc(100% - 60px);
}
.block-custom .page-products-aq-serumoil .block-custom-concept--movie video-js {
  height: 100%;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign {
  background: #000000;
  padding-top: 60px;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign h3 {
  display: none;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--container {
  background-color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 30px;
  width: calc(100% - 40px);
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--period {
  background-color: #cec79d;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--sample-image {
  box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.3);
  margin: 0 auto 20px;
  width: 50%;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--text-area {
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--lead {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--apply-area {
  margin-bottom: 20px;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--apply-button {
  align-items: center;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 5em;
  line-height: 1.3;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--apply-button__member {
  background-color: #333333;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--apply-button__join {
  background-color: #b2a559;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--close-message {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: calc(100% + 20px);
  justify-content: center;
  left: -10px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: calc(100% + 20px);
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--more-guideline {
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin: 30px auto 0;
  text-align: center;
  text-decoration: underline;
  width: fit-content;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-modal-container {
  background-color: #ffffff;
  padding: 30px 10px;
  position: relative;
  height: calc(100vh - 200px);
  width: calc(100% - 20px);
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-modal-close {
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 60px;
  position: absolute;
  right: 0;
  top: -70px;
  width: 60px;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-modal-close::before, .block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 60px;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-modal-close::before {
  transform: rotateZ(45deg);
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-modal-close::after {
  transform: rotateZ(-45deg);
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area {
  overflow-y: scroll;
  height: calc(100vh - 260px);
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area h4 {
  font-size: 14px;
  font-weight: 500;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area h4:not(:first-child) {
  margin-top: 2em;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area p {
  font-size: 12px;
  margin: 1em;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area p small {
  display: inline-block;
  font-size: 11px;
  line-height: 1.3;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ul {
  margin: 1em 0;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ul li {
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1.5em;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ul li::before {
  background-color: #333333;
  border-radius: 50%;
  display: block;
  content: "";
  height: 0.5em;
  left: 0.5em;
  position: absolute;
  top: 0.5em;
  width: 0.5em;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ol {
  counter-reset: item-counter;
  margin: 1em 0;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ol li {
  counter-increment: item-counter;
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1.5em;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ol li:not(:last-child) {
  margin-bottom: 0.5em;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area ol li::before {
  display: inline-block;
  content: counter(item-counter) ". ";
  margin-left: -1.2em;
  width: 1.2em;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area dl {
  font-size: 12px;
  margin: 1em;
}
.block-custom .page-products-aq-serumoil .block-custom-campaign--guideline-area dl dt {
  font-size: 13px;
  font-weight: 500;
}
.block-custom .page-products-aq-serumoil .block-custom-feature {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(34, 34, 34) 100%);
  padding: 70px 0;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--text-area {
  padding-left: 50%;
  padding-right: 30px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--text-area::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/feature_products.png?2025032402);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  left: 8%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.8s;
  width: 34%;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--text-area.-delay::before {
  opacity: 1;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--sub-catch {
  border-bottom: 1px solid;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  font-feature-settings: normal;
  letter-spacing: 0.17em;
  line-height: 1;
  margin: 0 auto 10px;
  padding-bottom: 10px;
  text-align: center;
  width: calc(100% - 60px);
}
.block-custom .page-products-aq-serumoil .block-custom-feature--catch {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
  text-align: center;
  color: #cec79d;
  letter-spacing: 0.13em;
  line-height: 1.5;
  margin-bottom: 40px;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--points {
  opacity: 0;
  transform: translateX(60px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--points.-delay {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-products-aq-serumoil .block-custom-feature--points-item:not(:last-child) {
  margin-bottom: 25px;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--points-item-index {
  color: #cec79d;
  display: block;
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--points-item p {
  color: #ffffff;
  font-feature-settings: normal;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--points-item p small {
  display: block;
  font-size: 8px;
  font-weight: 300;
}
.block-custom .page-products-aq-serumoil .block-custom-feature--points-item p sup {
  font-size: 8px;
  font-weight: 300;
}
.block-custom .page-products-aq-serumoil .block-custom-technology {
  background: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/bg_technology_top.jpg) #000000;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #ffffff;
  padding: 100px 15px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--intro-area {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--intro-area.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--catch {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.08em;
  margin-bottom: 50px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--catch small {
  font-size: 13px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--lead {
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 2;
  padding: 0 15px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--explanation-area {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/bg_technology_merge.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 375px auto;
  padding-top: 45px;
  opacity: 0;
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--explanation-area.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--merge {
  align-items: center;
  display: flex;
  gap: 38px;
  justify-content: center;
  margin-bottom: 50px;
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--merge::before, .block-custom .page-products-aq-serumoil .block-custom-technology--merge::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 14px);
  position: absolute;
  width: 28px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--merge::before {
  transform: rotate(45deg);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--merge::after {
  transform: rotate(-45deg);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--merge-item {
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  height: 138px;
  justify-content: center;
  letter-spacing: 0.08em;
  text-align: center;
  width: 138px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--merge.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail-area {
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail-area.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail {
  border: 1px solid;
  padding: 15px;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail:nth-child(2) {
  margin-top: 80px;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail:nth-child(2)::before, .block-custom .page-products-aq-serumoil .block-custom-technology--detail:nth-child(2)::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 17px);
  position: absolute;
  top: -40px;
  width: 34px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail:nth-child(2)::before {
  transform: rotate(45deg);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail:nth-child(2)::after {
  transform: rotate(-45deg);
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail-sub-lead {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail-main-term {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 19px;
  font-weight: 500;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail dt {
  align-items: center;
  border-bottom: 1px solid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0.15em;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail dd {
  font-feature-settings: normal;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 2;
  text-align: justify;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail dd sup {
  font-size: 8px;
  font-weight: 300;
}
.block-custom .page-products-aq-serumoil .block-custom-technology--detail dd small {
  display: block;
  font-size: 8px;
  line-height: 1.3;
  margin-top: 20px;
  text-align: right;
}
.block-custom .page-products-aq-serumoil .block-custom-bg-area {
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-bg-area::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/bg_approach_impresssion.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-30px);
  transition: 0.4s;
  opacity: 0;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-bg-area.-view::before {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-products-aq-serumoil .block-custom-approach {
  padding-top: 75px;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--catch {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--catch.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-approach--container {
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  padding: 35px 18px;
  width: 100%;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--container.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-approach--sub-catch {
  color: #ffffff;
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.15em;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--sub-catch strong {
  color: #cec79d;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--lead {
  color: #ffffff;
  font-feature-settings: normal;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 2;
  margin-bottom: 25px;
  padding: 0 15px;
  text-align: justify;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--lead strong {
  color: #cec79d;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example {
  background-color: rgba(255, 255, 255, 0.65);
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px;
  justify-content: center;
  margin: 0 auto;
  padding: 25px 15px;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-notes {
  font-size: 10px;
  font-weight: 300;
  margin-top: 10px;
  text-align: right;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-lead {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.17em;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item {
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: calc(24vw + 20px);
  position: relative;
  width: calc((100% - 28px) / 3);
}
@media (min-width: 751px) {
  .block-custom .page-products-aq-serumoil .block-custom-approach--example-item {
    padding-top: 200px;
  }
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item__01 {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/approach_example_01.png);
  background-size: 80% auto;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item__01 .block-custom-approach--example-item-dueto {
  line-height: 1.2;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item__02 {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/approach_example_02.png);
  background-size: 80% auto;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item__03 {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/approach_example_03.png);
  background-size: 80% auto;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item__04 {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/approach_example_04.png);
  background-size: 43% auto;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item dt, .block-custom .page-products-aq-serumoil .block-custom-approach--example-item dd {
  font-feature-settings: normal;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item dt {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item dt::before {
  border: 4px solid transparent;
  border-right: none;
  border-left: 8px solid #000000;
  content: "";
  display: inline-block;
  margin-right: 0.1em;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item-dueto {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  color: #ffffff;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 30px;
  justify-content: center;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--example-item-advice {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: justify;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--result-area {
  margin-top: 40px;
  padding-top: 60px;
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--result-area::before {
  border: 16px solid transparent;
  border-bottom: none;
  border-top: 27px solid #cec79d;
  content: "";
  display: block;
  left: calc(50% - 16px);
  position: absolute;
  top: 0;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--result-area.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-approach--result-area .block-custom-approach--example-item {
  padding-top: calc(46.6vw + 25px);
  text-align: center;
  width: 100%;
}
@media (min-width: 751px) {
  .block-custom .page-products-aq-serumoil .block-custom-approach--result-area .block-custom-approach--example-item {
    padding-top: 200px;
  }
}
.block-custom .page-products-aq-serumoil .block-custom-approach--result-area .block-custom-approach--example-item dt {
  font-size: 12px;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--result-area .block-custom-approach--example-item-comment {
  font-size: 10px;
  letter-spacing: 0.1em;
}
.block-custom .page-products-aq-serumoil .block-custom-approach--result-area .block-custom-approach--example-item-comment strong {
  background-color: rgba(0, 0, 0, 0.4);
  color: #cec79d;
  display: block;
  font-weight: 500;
  margin-top: 0.4em;
  padding-left: 0.5em;
}
.block-custom .page-products-aq-serumoil .block-custom-impression {
  padding-top: 0;
}
.block-custom .page-products-aq-serumoil .block-custom-impression.-view .block-custom-impression--container {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-impression .block-custom-contents--label {
  color: #ffffff;
}
.block-custom .page-products-aq-serumoil .block-custom-impression .block-custom-contents--label::before {
  background-color: #ffffff;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--container {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.26) 100%);
  padding: 50px 30px;
  width: 100%;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--catch {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
  text-align: center;
  color: #ffffff;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--lead {
  color: #ffffff;
  font-feature-settings: normal;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 25px;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--comparison {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  padding-top: 47px;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--comparison-item {
  position: relative;
  width: 115px;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--comparison-item img {
  border-radius: 50%;
  height: 115px;
  width: 115px;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--comparison-item figcaption {
  color: #ffffff;
  display: block;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--comparison-item-comment {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  align-items: center;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  font-size: 10px;
  height: 25px;
  justify-content: center;
  left: -30px;
  position: absolute;
  text-align: center;
  top: -47px;
  width: 225px;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--comparison-item-comment::after {
  border: 7px solid transparent;
  border-bottom: none;
  border-top: 12px solid #ffffff;
  content: "";
  display: block;
  position: absolute;
  left: 80px;
  bottom: -12px;
}
.block-custom .page-products-aq-serumoil .block-custom-impression--comparison-notes {
  color: #ffffff;
  display: block;
  font-size: 10px;
  font-weight: 300;
  margin-top: 10px;
  text-align: right;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-howto {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/bg_howto.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 30px;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--catch {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
  text-align: center;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 50px;
  margin-right: -15px;
  padding-top: 32px;
  position: relative;
  row-gap: 20px;
  width: calc(100% + 15px);
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step {
  position: relative;
  text-align: center;
  width: 33.3333333333%;
  transition: 0.4s;
  transform: translateX(30px);
  opacity: 0;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step:not(:last-child) .block-custom-howto--step-index::after {
  content: "";
  display: block;
  border: 7px solid transparent;
  border-right: none;
  border-left: 7px solid #e4e0cb;
  position: absolute;
  right: -7px;
  top: 0;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step:not(:nth-child(3n)) .block-custom-howto--step-products-image::after {
  border: 5px solid transparent;
  border-right: none;
  border-left: 8px solid #bebebe;
  content: "";
  display: block;
  right: -4px;
  position: absolute;
  top: calc(50% - 5px);
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step:nth-child(4) .block-custom-howto--step-products-image::before {
  border: 5px solid transparent;
  border-right: none;
  border-left: 8px solid #bebebe;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: calc(50% - 5px);
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step.-delay {
  transform: translateX(0);
  opacity: 1;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step dt {
  font-size: 8px;
  letter-spacing: 0.1em;
  line-height: 1;
  min-height: 32px;
  padding-top: 18px;
  position: relative;
  vertical-align: bottom;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step-index {
  background-color: #e4e0cb;
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 8px;
  left: calc(50% - 32px);
  line-height: 14px;
  position: absolute;
  top: 0;
  width: 64px;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step-products-image {
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step-products-image figure {
  -webkit-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.16);
  box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  margin: 0 auto;
  height: 72px;
  width: 72px;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step-products-name {
  font-size: 8px;
  line-height: 1.5;
  margin-top: 6px;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal dt {
  color: #cec79d;
  font-size: 8px;
  font-weight: 700;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal .block-custom-howto--step-products-image figure {
  background-color: #cec79d;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal:not(:last-child) .block-custom-howto--step-products-image::after {
  border-left-color: #cec79d;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal .block-custom-howto--step-products-name {
  color: #cec79d;
  font-feature-settings: normal;
  font-weight: 700;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal .block-custom-howto--step-products-comment {
  top: -32px;
  height: 38px;
  left: 0;
  padding-bottom: 13px;
  position: absolute;
  width: 267px;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal .block-custom-howto--step-products-comment span {
  font-size: 10px;
  line-height: 25px;
  position: relative;
  z-index: 1;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal .block-custom-howto--step-products-comment svg {
  height: 100%;
  left: 0;
  letter-spacing: 0.1em;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--step__personal .block-custom-howto--step-products-comment.-view {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-howto--guide-area {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--guide-area.-view {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-aq-serumoil .block-custom-howto--guideline {
  font-size: 12px;
  margin: 0 auto 2em;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--guideline li {
  letter-spacing: 0.14em;
  font-feature-settings: normal;
  padding-left: 1em;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--guideline li::before {
  background-color: #383838;
  border-radius: 50%;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  left: 0.4em;
  top: 0.9em;
  width: 3px;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--guideline li strong {
  font-weight: 500;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--more-guideline-title {
  font-feature-settings: normal;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--more-guideline {
  font-size: 12px;
  margin: 0 auto 0.5em;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--more-guideline li {
  letter-spacing: 0.14em;
  font-feature-settings: normal;
  padding-left: 1em;
  position: relative;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--more-guideline li::before {
  background-color: #383838;
  border-radius: 50%;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  left: 0.4em;
  top: 0.9em;
  width: 3px;
}
.block-custom .page-products-aq-serumoil .block-custom-howto--notes {
  font-feature-settings: normal;
  font-size: 10px;
  font-weight: 300;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-series {
  position: relative;
  padding: 25px 12px;
}
.block-custom .page-products-aq-serumoil .block-custom-series--anchor {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_serumoil/bg_series.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  display: block;
  max-height: 579px;
  height: 77.2vw;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.block-custom .page-products-aq-serumoil .block-custom-series--anchor span {
  display: block;
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 12px;
  font-size: 3.4vw;
  left: calc(50% - 6.5em);
  letter-spacing: 0.15em;
  line-height: 2;
  position: absolute;
  text-align: center;
  top: 6%;
  width: fit-content;
}
@media (min-width: 751px) {
  .block-custom .page-products-aq-serumoil .block-custom-series--anchor span {
    font-size: 24px;
    top: 52px;
  }
}

/*---------------------
.page-aq-uv
---------------------*/
.page-aq-uv {
  /*LEAD*/
  /*ABSOLUTE RADIANCE FORMULA*/
  /*ABSOLUTE RADIANCE FORMULA END*/
  /*movie*/
  /*商品情報*/
  /*h3*/
  /*テクノロジー*/
  /*商品特長*/
  /*パワーアップポイント*/
  /*配合成分*/
  /*cross*/
  /*shadow*/
  /*使用順*/
  /*使用順 END*/
  /*AQスキンケアTOPのUV追加用*/
  /*AQスキンケアTOPのUV追加用 END*/
}
.page-aq-uv p {
  margin-bottom: 1em;
}
.page-aq-uv p:last-of-type {
  margin-bottom: 0;
}
.page-aq-uv.serif {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-aq-uv sub {
  font-size: 0.5em;
}
.page-aq-uv .main {
  padding-top: 40px;
}
.page-aq-uv .main h2 {
  display: none;
}
.page-aq-uv .main__kv {
  margin-bottom: 20px;
}
.page-aq-uv .main__kv img {
  width: 100%;
}
.page-aq-uv .block-inner {
  width: 96%;
  margin: auto;
}
.page-aq-uv .block-lead {
  padding: 12% 5%;
  text-align: center;
  font-size: 1.1em;
  line-height: 2;
  position: relative;
  background: url("../../../img/decorte2023/sp/uv_protection/uv_bg.jpg") center center no-repeat;
  background-size: cover;
}
.page-aq-uv .block-lead .title {
  font-size: 1.3em;
  margin-bottom: 8%;
  color: #88772E;
}
.page-aq-uv .block-lead .sub {
  font-size: 1em;
  margin-bottom: 5%;
}
.page-aq-uv .block-lead .hash {
  font-size: 1em;
  margin-bottom: 5%;
}
.page-aq-uv .block-lead .body p {
  font-size: 1.1em;
  line-height: 2;
}
.page-aq-uv .block-lead .notice {
  margin-top: 5%;
  font-size: 0.7em;
  margin-bottom: 0;
}
.page-aq-uv .block-title {
  width: 100%;
  background: #cec79d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-aq-uv .block-title h2 {
  width: 80%;
  background: linear-gradient(to left, rgba(202, 202, 200, 0) 0%, rgba(255, 255, 255, 0.47) 47.69%, rgba(202, 202, 200, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-aq-uv .block-title h2 span {
  font-family: "Times New Roman", "Noto Serif JP";
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #473e26;
  padding: 0;
}
.page-aq-uv .block-title h2 span > span {
  margin-top: 3%;
  font-size: 0.6em;
}
.page-aq-uv .block-concept-body-movie {
  margin: 0;
  background-color: #000;
}
.page-aq-uv .block-concept-body-movie > div {
  margin: 0 auto;
}
.page-aq-uv .block-concept-body-content {
  padding: 10% 0;
}
.page-aq-uv .block-concept-body-content p {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.01em;
  line-height: 2;
  text-align: center;
  color: #000;
  margin: 0 0 8%;
}
.page-aq-uv .block-concept-body-content p:last-child {
  margin: 0;
}
.page-aq-uv .movie {
  padding: 0;
}
.page-aq-uv .movie h2 {
  display: none;
}
.page-aq-uv .movie__box {
  margin: 0 auto 5%;
  padding: 3% 0;
  background: #000000;
}
.page-aq-uv .movie__box > div {
  margin: auto;
}
.page-aq-uv .item__block {
  padding: 10% 0;
}
.page-aq-uv .item__copy {
  font-size: 1.5em;
  margin-bottom: 8%;
}
.page-aq-uv .item__name {
  font-weight: normal;
}
.page-aq-uv .uv_technology h3, .page-aq-uv .uv_feature h3, .page-aq-uv .uv_point h3, .page-aq-uv .uv_ingredients h3 {
  border: solid 1px #c3c3c3;
  border-radius: 50px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-size: 1.4em;
  color: #000000;
  margin: 0 auto 8%;
  width: 100%;
  background: #ffffff;
  max-width: 94%;
}
.page-aq-uv .uv_technology h3::after, .page-aq-uv .uv_feature h3::after, .page-aq-uv .uv_point h3::after, .page-aq-uv .uv_ingredients h3::after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background: #CEC79D;
  position: absolute;
  bottom: 0;
}
.page-aq-uv .uv_technology {
  background: rgb(246, 241, 234);
  background: linear-gradient(180deg, rgb(246, 241, 234) 0%, rgb(233, 230, 227) 100%);
  text-align: center;
  padding: 12% 0;
  letter-spacing: 1px;
}
.page-aq-uv .uv_technology__title {
  color: #88772E;
  font-size: 1.8em;
  margin-bottom: 8%;
}
.page-aq-uv .uv_technology__lead {
  font-size: 1.2em;
  margin-bottom: 8%;
  line-height: 1.8;
}
.page-aq-uv .uv_technology__illust {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  padding: 5%;
  margin-bottom: 12%;
}
.page-aq-uv .uv_technology__illust > P {
  margin: 2% 0;
}
.page-aq-uv .uv_technology__illust > P:nth-of-type(1) {
  margin-bottom: 5%;
}
.page-aq-uv .uv_feature__block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  line-height: 1.8;
}
.page-aq-uv .uv_feature__block .box1, .page-aq-uv .uv_feature__block .box2 {
  width: 100%;
  border-radius: 8px;
  text-align: center;
}
.page-aq-uv .uv_feature__block .box1 > p, .page-aq-uv .uv_feature__block .box2 > p {
  padding: 6% 4%;
}
.page-aq-uv .uv_feature__block .box1 > p.title, .page-aq-uv .uv_feature__block .box2 > p.title {
  border-radius: 8px 8px 0 0;
  font-size: 1.6em;
  margin-bottom: 0;
}
.page-aq-uv .uv_feature__block .box1 {
  background: #E8DDD4;
}
.page-aq-uv .uv_feature__block .box1 > p.title {
  background: #FBF4EE;
  color: #886D2E;
}
.page-aq-uv .uv_feature__block .box2 {
  background: #EBE0C3;
}
.page-aq-uv .uv_feature__block .box2 > p.title {
  background: #FBF4E4;
  color: #88772E;
}
.page-aq-uv .uv_feature__block .cross {
  margin: -15px 0;
}
.page-aq-uv .uv_point {
  background: #F5F3F1;
  padding: 12% 0;
}
.page-aq-uv .uv_point__block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-aq-uv .uv_point__block > P {
  width: 50%;
  max-width: 280px;
  margin-bottom: 0;
}
.page-aq-uv .uv_ingredients {
  background: url("../../../img/decorte2023/pc/uv_protection/uv_bg2.jpg") no-repeat;
  background-size: cover;
  padding: 12% 0;
}
.page-aq-uv .uv_ingredients .pickup {
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-aq-uv .uv_ingredients .pickup .cross {
  margin: -15px 0;
}
.page-aq-uv .uv_ingredients .pickup__title {
  font-size: 1.6em;
  margin-bottom: 6%;
}
.page-aq-uv .uv_ingredients .pickup__ingredients1 {
  background: rgba(237, 240, 247, 0.7);
  padding: 6% 4%;
  max-width: 960px;
  width: 100%;
  margin: auto;
}
.page-aq-uv .uv_ingredients .pickup__ingredients2 {
  background: rgba(252, 247, 232, 0.7);
  padding: 6% 4%;
  max-width: 960px;
  width: 100%;
  margin: auto;
}
.page-aq-uv .uv_ingredients .pickup__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
}
.page-aq-uv .uv_ingredients .pickup__wrap .block-sdgs-anchor {
  margin-top: 20px;
  width: 260px;
}
.page-aq-uv .uv_ingredients .pickup__block {
  width: 40%;
  margin: 0 2%;
}
.page-aq-uv .uv_ingredients .pickup__image {
  margin-bottom: 15px;
}
.page-aq-uv .uv_ingredients .pickup__txt {
  width: 100%;
  margin-top: 6%;
  margin-bottom: 3%;
}
.page-aq-uv .cross {
  position: relative;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-aq-uv .cross::before, .page-aq-uv .cross::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #999999;
  position: absolute;
}
.page-aq-uv .cross::before {
  transform: rotate(-45deg);
}
.page-aq-uv .cross::after {
  transform: rotate(45deg);
}
.page-aq-uv .shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.page-aq-uv .step__block {
  display: flex;
  flex-direction: column;
  padding: 8% 5%;
  font-size: 0.85em;
}
.page-aq-uv .step__title {
  background: #E5DDC6;
  padding: 4%;
  margin-bottom: 6%;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
}
.page-aq-uv .step__title::before, .page-aq-uv .step__title::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}
.page-aq-uv .step__title::before {
  width: 15px;
  height: 1px;
  right: 4%;
}
.page-aq-uv .step__title::after {
  width: 1px;
  height: 15px;
  right: calc(4% + 7px);
}
.page-aq-uv .step__title.on::after {
  content: none;
}
.page-aq-uv .step__category {
  display: none;
}
.page-aq-uv .step__category.on {
  display: block;
}
.page-aq-uv .step__bundle {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 5%;
  /*padding-bottom: 45px;
  position: relative;*/
  /*&::after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #666666;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
  }
  &.end {
    &:after {
      content: none;
    }
  }*/
}
.page-aq-uv .step__bundle .or {
  font-size: 0.9em;
  display: flex;
  align-items: center;
}
.page-aq-uv .step__item {
  width: 28%;
  padding: 0 1.5%;
}
.page-aq-uv .step__item > a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-aq-uv .step__item .mark {
  display: flex;
  margin-bottom: 5%;
}
.page-aq-uv .step__item .mark::before, .page-aq-uv .step__item .mark::after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  margin: 0 3px;
}
.page-aq-uv .step__item .mark::before {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_day.png") no-repeat center center/contain;
}
.page-aq-uv .step__item .mark::after {
  background: url("../../../img/decorte2023/sp/aq_skincare/mark_night.png") no-repeat center center/contain;
}
.page-aq-uv .step__item .mark.day::before {
  display: block;
}
.page-aq-uv .step__item .mark.night::after {
  display: block;
}
.page-aq-uv .step__item .image {
  width: 100%;
  margin-bottom: 4%;
}
.page-aq-uv .step__item .category {
  font-size: 0.8em;
  background: #f0f0f0;
  padding: 1% 3%;
  margin-bottom: 5%;
  text-align: center;
  display: block;
}
.page-aq-uv .step__item .name {
  font-size: 0.9em;
  text-align: center;
  display: block;
}
.page-aq-uv .step__item .new {
  font-size: 0.8em;
  padding: 1% 3%;
  border: solid 1px #c3c3c3;
  text-align: center;
  display: block;
  margin-top: 5%;
}
.page-aq-uv .step__item.wide {
  width: 80%;
  padding: 0;
  margin: 0 auto;
}
.page-aq-uv .step__item.wide > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.page-aq-uv .step__item.wide .image {
  width: 31.5%;
}
.page-aq-uv .step__item.wide .txt {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 0 2%;
  align-items: center;
}
.page-aq-uv .step .personal {
  padding: 0 5%;
  width: 100%;
  background: #f0f0f0;
}
.page-aq-uv .step .personal__block {
  background: #ffffff;
  padding: 5% 1%;
  display: none;
  margin-bottom: 5%;
}
.page-aq-uv .step .personal__block.on {
  display: block;
}
.page-aq-uv .step .personal__btn {
  padding: 5% 0;
  background: #f0f0f0;
  position: relative;
  display: flex;
  align-items: center;
}
.page-aq-uv .step .personal__btn::before, .page-aq-uv .step .personal__btn::after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
}
.page-aq-uv .step .personal__btn::before {
  width: 15px;
  height: 1px;
  right: 0;
}
.page-aq-uv .step .personal__btn::after {
  width: 1px;
  height: 15px;
  right: 7px;
}
.page-aq-uv .step .personal__btn.on::after {
  content: none;
}
.page-aq-uv .step .personal__bundle {
  display: flex;
  justify-content: center;
}
.page-aq-uv .step .personal__title {
  text-align: center;
  margin-bottom: 5%;
  width: 100%;
}
.page-aq-uv .step .personal .wide {
  width: 98%;
}
.page-aq-uv .step .cream_slide {
  display: block;
  margin: 0 5%;
}
.page-aq-uv .step .cream_slide .step__item {
  width: 30%;
}
.page-aq-uv .step .cream_slide .step__bundle {
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-aq-uv .step .cream_slide .step__bundle::after {
  content: none;
}
.page-aq-uv .step .downward {
  margin-bottom: 6%;
  padding-bottom: 45px;
  position: relative;
}
.page-aq-uv .step .downward::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 15px solid #666666;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
.page-aq-uv .step__notice {
  text-align: center;
  padding: 6% 4% 0;
}
.page-aq-uv .uv_kv {
  text-align: center;
}
.page-aq-uv .uv_kv h2 {
  display: none;
}
.page-aq-uv .uv_kv__image {
  margin-bottom: 8%;
}
.page-aq-uv .uv_kv__copy {
  font-size: 1.5em;
  margin-bottom: 8%;
  padding: 0 5%;
}
.page-aq-uv .uv_kv__name {
  font-weight: normal;
  font-size: 1.1em;
  padding: 0 5% 8%;
}
.page-aq-uv .uv_feature.forAqtop {
  background: url("../../../img/decorte2023/sp/uv_protection/uv_bg.jpg");
  background-size: cover;
  padding: 8% 2%;
  margin-bottom: 8%;
}
.page-aq-uv .uv_feature.forAqtop .uv_feature__block {
  flex-direction: column;
  margin: auto;
}
.page-aq-uv .uv_feature.forAqtop .uv_feature__block .box1, .page-aq-uv .uv_feature.forAqtop .uv_feature__block .box2 {
  width: 100%;
  max-width: inherit;
}
.page-aq-uv .uv_feature.forAqtop .uv_feature__block .cross {
  margin: -15px 0;
}

/*page-aq-uv END*/
.block-custom .page-products-aq-washing-cleansing {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-contents {
  padding: 0 20px 30px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-contents--title {
  background-color: #000000;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 -20px 30px;
  padding: 1.2em 0;
  text-align: center;
  width: calc(100% + 40px);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-absoluteradiance {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aba2ae+0,524759+100 */
  background: linear-gradient(150deg, rgb(171, 162, 174) 0%, rgb(82, 71, 89) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #ffffff;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-absoluteradiance--text {
  font-size: 11px;
  text-align: center;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-absoluteradiance--text:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-absoluteradiance--notes {
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0;
  margin-top: 20px;
  text-align: justify;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__washing {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_washing_cleansing/washing_bg.jpg);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__washing .block-custom-feature--list-item {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_washing_cleansing/washing_feature_marker.png);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__washing .block-custom-feature--list-item:nth-child(3) {
  margin-left: 20%;
  margin-top: -10vw;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__washing .block-custom-feature--list-item:nth-child(4) {
  margin-top: -10vw;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__washing .block-custom-feature--about {
  display: flex;
  flex-wrap: wrap;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__washing .block-custom-feature--about-image {
  margin-right: 10px;
  width: 40%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__washing .block-custom-feature--about-text {
  width: calc(60% - 10px);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_washing_cleansing/cleansing_bg.jpg);
  /*.block-custom-feature--about {
    &-image {
      background-color: $white;
      margin: 0 auto 10px;
      padding: 10px;
      width: 70%;
    }
    &-text {
      width: 100%;
    }
  }*/
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing .block-custom-feature--list-item {
  background-image: url(/decorte/img/decorte2023/sp/custom/aq_washing_cleansing/cleansing_feature_marker.png);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing .block-custom-feature--list-item:nth-child(1) {
  margin-right: 7%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing .block-custom-feature--list-item:nth-child(3) {
  margin-left: 13%;
  margin-right: 7%;
  margin-top: -17vw;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing .block-custom-feature--list-item:nth-child(4) {
  margin-top: -17vw;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing .block-custom-feature--about {
  display: flex;
  flex-wrap: wrap;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing .block-custom-feature--about-image {
  margin-right: 10px;
  width: 40%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature__cleansing .block-custom-feature--about-text {
  width: calc(60% - 10px);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--image {
  margin: 0 auto 10px;
  width: 60%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--catch {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--lead {
  font-size: 11px;
  text-align: center;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--lead small {
  display: block;
  line-height: 1.3;
  letter-spacing: 0;
  margin-top: 10px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--list-lead {
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 30px;
  width: calc(100% + 40px);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--list-item {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #948250;
  display: flex;
  font-size: 11px;
  font-size: 3.5vw;
  font-weight: 700;
  height: calc(40% - 20px);
  height: calc(40vw - 20px);
  justify-content: center;
  line-height: 1.3;
  text-align: center;
  width: 40%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--about {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px 15px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--about-title {
  color: #948250;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-feature--about-text {
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: justify;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faf4e3+0,faf9f5+100 */
  background: linear-gradient(to bottom, rgb(250, 244, 227) 0%, rgb(250, 249, 245) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-elements {
  width: 100%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-elements-group {
  margin-left: 40px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-item {
  width: calc(50% - 5px);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-item__basic .block-custom-technology--explanation-item-title {
  background-color: #626063;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-item__special .block-custom-technology--explanation-item-title {
  background-color: #948250;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-item-title {
  align-items: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 10px;
  height: 50px;
  line-height: 1.3;
  margin-bottom: 10px;
  justify-content: center;
  text-align: center;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-item-title-main-text {
  font-size: 12px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__washing .block-custom-technology--explanation-item-title small {
  letter-spacing: 0;
  line-height: 1;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__cleansing .block-custom-technology--explanation-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__cleansing .block-custom-technology--explanation-item:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 30px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__cleansing .block-custom-technology--explanation-item:not(:last-child)::after {
  border: 15px solid transparent;
  border-top: 20px solid #dcdfe2;
  border-bottom: 0;
  bottom: 0;
  content: "";
  display: block;
  left: calc(50% - 15px);
  position: absolute;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__cleansing .block-custom-technology--explanation-item-lead {
  color: #945050;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__cleansing .block-custom-technology--explanation-item-image {
  width: calc(60% - 5px);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology__cleansing .block-custom-technology--explanation-item-text {
  width: calc(40% - 5px);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--container {
  background-color: #ffffff;
  padding: 30px 10px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--name {
  border-bottom: 1px solid;
  border-top: 1px solid;
  color: #948250;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-bottom: 30px;
  padding: 20px 0;
  text-align: center;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--name-sub-text {
  display: block;
  font-size: 11px;
  line-height: 1.3;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--lead {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--lead small {
  display: block;
  line-height: 1.3;
  letter-spacing: 0;
  margin-top: 10px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-elements {
  align-items: center;
  display: flex;
  font-size: 10px;
  justify-content: center;
  margin-bottom: 10px;
  padding-top: 1.5em;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-elements-icon {
  display: inline-block;
  margin-right: 4px;
  width: 14px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-elements-name {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-elements-name:not(:last-child) {
  margin-right: 10px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-elements-group {
  align-items: center;
  background-color: #f0f0f0;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px;
  position: relative;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-elements-group-notes {
  letter-spacing: 0;
  line-height: 1.3;
  position: absolute;
  text-align: center;
  top: -1.5em;
  width: 13em;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-item-image {
  margin-bottom: 4px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-technology--explanation-item-text {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: justify;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--sub-title {
  /*        align-items: center;
          background-color: #8b858f;
          border-radius: 30px;
          color: $white;
          display: flex;
          font-size: 14px;
          height: 60px;
          justify-content: center;*/
  color: #948250;
  font-size: 15px;
  margin: 30px 0 10px;
  padding: 0;
  position: relative;
  text-align: center;
  /*        &::before {
            border: 1px solid #cec79d;
            border-radius: 25px;
            content: "";
            display: block;
            height: 50px;
            left: 5px;
            position: absolute;
            top: 5px;
            width: calc(100% - 10px);
          }*/
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list {
  display: flex;
  justify-content: space-between;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__serum .block-custom-component--item {
  width: calc((100% - 30px) / 2);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__serum .block-custom-component--item-image {
  margin: 0 auto 10px;
  width: 70%;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__serum .block-custom-component--item-name {
  font-size: 14px;
  margin-bottom: 10px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__serum .block-custom-component--item-text {
  font-size: 11px;
  line-height: 1.5;
  text-align: justify;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__common {
  flex-wrap: wrap;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__common .block-custom-component--item {
  width: calc((100% - 20px) / 3);
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__common .block-custom-component--item-image {
  border-radius: 50%;
  overflow: hidden;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__common .block-custom-component--item-name {
  font-size: 11px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--list__common .block-sdgs-anchor {
  margin-top: 20px;
  width: 260px;
}
.block-custom .page-products-aq-washing-cleansing .block-custom-component--item-name {
  text-align: center;
}

body {
  margin: 0;
}

img {
  vertical-align: bottom;
}

.page-products-comfort-makeupfix {
  /*font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;*/
  font-weight: 400;
  font-size: 12px;
  line-height: 1.6;
  /*開閉用*/
}
.page-products-comfort-makeupfix * {
  box-sizing: border-box;
}
.page-products-comfort-makeupfix .detailbtn {
  background: #000000;
  padding: 12px 20px;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-comfort-makeupfix .detailbtn:hover {
  background: #D2B4A7;
}
.page-products-comfort-makeupfix sup {
  font-size: 0.6em;
}
.page-products-comfort-makeupfix .block-section1, .page-products-comfort-makeupfix .block-section2, .page-products-comfort-makeupfix .block-section3 {
  padding-top: 60px;
  margin-top: -60px;
}
.page-products-comfort-makeupfix .block-section1-title, .page-products-comfort-makeupfix .block-section2-title, .page-products-comfort-makeupfix .block-section3-title {
  font-size: 17px;
  width: 100%;
  padding: 20px 10px;
  text-align: center;
  background: linear-gradient(90deg, transparent, rgba(255, 253, 232, 0.5019607843) 11%, rgba(253, 243, 234, 0.5019607843) 27%, rgba(251, 230, 239, 0.5019607843) 40%, rgba(224, 220, 238, 0.5019607843) 71%, rgba(222, 225, 241, 0.5019607843) 85%, rgba(218, 240, 252, 0.5019607843) 93%, transparent);
  font-weight: 400;
}
.page-products-comfort-makeupfix .block-kv {
  max-width: 1280px;
  margin: 0 auto;
}
.page-products-comfort-makeupfix .block-lead {
  background: #fcfcfc;
  padding: 40px 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.page-products-comfort-makeupfix .block-lead-copy {
  width: 280px;
  margin: 0 auto 30px;
}
.page-products-comfort-makeupfix .block-lead-txt p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}
.page-products-comfort-makeupfix .block-lead-notice {
  font-size: 8.5px;
}
.page-products-comfort-makeupfix .block-navi {
  padding: 20px 0;
}
.page-products-comfort-makeupfix .block-navi-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 96%;
  margin: 0 auto;
}
.page-products-comfort-makeupfix .block-navi-list-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fffaee, #ffedf4 30%, #ece8f8 70%, #ebf2f6);
  transition: all 0.5s ease;
}
.page-products-comfort-makeupfix .block-navi-list > li {
  margin: 4px;
  list-style: none;
  border: solid 2px #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background: linear-gradient(90deg, #f6d4d3, #f4cdde 30%, #dbd5f0 70%, #d0d7db);
  position: relative;
  height: 60px;
}
.page-products-comfort-makeupfix .block-navi-list > li:nth-of-type(1) {
  width: 100%;
}
.page-products-comfort-makeupfix .block-navi-list > li:nth-of-type(2), .page-products-comfort-makeupfix .block-navi-list > li:nth-of-type(3) {
  width: calc(50% - 8px);
}
.page-products-comfort-makeupfix .block-navi-list > li a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  font-size: 16px;
  transition: all 0.5s ease;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
}
.page-products-comfort-makeupfix .block-navi-list > li a::after {
  content: "";
  width: 14px;
  height: 11px;
  display: block;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin-left: 8px;
  background: #000000;
}
.page-products-comfort-makeupfix .block-navi-list > li:hover .block-navi-list-bg {
  opacity: 0;
}
.page-products-comfort-makeupfix .block-section1-box, .page-products-comfort-makeupfix .block-section2-box, .page-products-comfort-makeupfix .block-section3-box {
  background: linear-gradient(120deg, #f6ede1, #ffeef6 30%, #eee9f7 70%, #e1eaf8);
  padding: 30px 10px 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 480px;
  width: 96%;
  margin: 0 auto 30px;
  position: relative;
  z-index: -1;
}
.page-products-comfort-makeupfix .block-section1-box::before, .page-products-comfort-makeupfix .block-section2-box::before, .page-products-comfort-makeupfix .block-section3-box::before {
  background: #ffffff;
  border-radius: 6px;
  position: absolute;
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  z-index: -1;
}
.page-products-comfort-makeupfix .block-section1-box-title, .page-products-comfort-makeupfix .block-section2-box-title, .page-products-comfort-makeupfix .block-section3-box-title {
  color: #645C7E;
  background: #ffffff;
  padding: 6px 12px;
  display: block;
  height: 40px;
  font-size: 16px;
  margin-bottom: 15px;
  position: absolute;
  top: -18px;
  font-weight: 400;
}
.page-products-comfort-makeupfix .block-section1-notice, .page-products-comfort-makeupfix .block-section2-notice, .page-products-comfort-makeupfix .block-section3-notice {
  font-size: 8.5px;
  text-align: center;
}
.page-products-comfort-makeupfix .block-section1 {
  padding-bottom: 10px;
}
.page-products-comfort-makeupfix .block-section1-title {
  margin-bottom: 30px;
}
.page-products-comfort-makeupfix .block-section1-content1 {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: -20px;
  width: 100%;
}
.page-products-comfort-makeupfix .block-section1-content1-item {
  width: 49%;
}
.page-products-comfort-makeupfix .block-section1-content1-item img {
  width: 140px;
  margin: 0 auto 10px;
}
.page-products-comfort-makeupfix .block-section1-content1-item span {
  display: block;
  text-align: center;
  font-size: 10px;
}
.page-products-comfort-makeupfix .block-section1-content2 {
  width: 350px;
  margin: 0 auto 20px;
}
.page-products-comfort-makeupfix .block-section1-content3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-products-comfort-makeupfix .block-section1-content3-lead {
  font-size: 12px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
.page-products-comfort-makeupfix .block-section1-content3-item {
  width: calc(48% - 4px);
  padding: 10px;
  border-radius: 8px;
  margin: 0 4px;
  background: #f4f4f4;
}
.page-products-comfort-makeupfix .block-section1-content3-item:last-of-type {
  background: linear-gradient(135deg, #fff8f0, #ffeef7 30%, #f5f4ff 70%, #dfebf8);
}
.page-products-comfort-makeupfix .block-section1-content3-item img {
  margin-bottom: 10px;
  border-radius: 4px;
}
.page-products-comfort-makeupfix .block-section1-content3-item span {
  display: block;
  text-align: center;
}
.page-products-comfort-makeupfix .block-section1-content4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.page-products-comfort-makeupfix .block-section1-content4-image {
  width: 240px;
  margin: 0 auto 20px;
}
.page-products-comfort-makeupfix .block-section1-content4-image img {
  border-radius: 8px;
}
.page-products-comfort-makeupfix .block-section1-content4-image span {
  display: block;
  font-size: 10px;
  text-align: right;
  margin-top: 3px;
}
.page-products-comfort-makeupfix .block-section1-content5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.page-products-comfort-makeupfix .block-section1-content5-image {
  width: 260px;
  margin: 0 auto 20px;
}
.page-products-comfort-makeupfix .block-section2 {
  padding-bottom: 30px;
  width: 94%;
  margin: 0 auto;
}
.page-products-comfort-makeupfix .block-section2-title {
  margin-bottom: 25px;
}
.page-products-comfort-makeupfix .block-section2-lead {
  text-align: center;
  margin-bottom: 35px;
}
.page-products-comfort-makeupfix .block-section2-box {
  margin-bottom: 10px;
  padding-bottom: 0;
  width: 100%;
}
.page-products-comfort-makeupfix .block-section2-content1 {
  margin-bottom: 10px;
}
.page-products-comfort-makeupfix .block-section2-content1-image {
  width: 340px;
  margin: 0 auto 10px;
}
.page-products-comfort-makeupfix .block-section2-content1-txt {
  text-align: center;
  margin-bottom: 20px;
}
.page-products-comfort-makeupfix .block-section2-notice {
  text-align: left;
}
.page-products-comfort-makeupfix .block-section3 {
  padding-bottom: 30px;
}
.page-products-comfort-makeupfix .block-section3-title {
  margin-bottom: 30px;
}
.page-products-comfort-makeupfix .block-section3-content1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
.page-products-comfort-makeupfix .block-section3-content1-item {
  width: 94%;
  margin: 0 auto 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-comfort-makeupfix .block-section3-content1-item img {
  width: 240px;
  border-radius: 8px;
  margin: 0 auto 10px;
}
.page-products-comfort-makeupfix .block-section3-content1-item span {
  display: block;
  text-align: center;
}
.page-products-comfort-makeupfix .block-section3-notice {
  font-size: 11px;
  margin-bottom: 30px;
}
.page-products-comfort-makeupfix .block-section3-content2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  width: 90%;
}
.page-products-comfort-makeupfix .block-section3-content2-title {
  display: flex;
  width: 100%;
  margin: 0 auto 30px;
  border: solid 1px #d4d4d4;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  height: 50px;
  font-size: 16px;
}
.page-products-comfort-makeupfix .block-section3-content2-image {
  width: 240px;
  margin: 0 auto 20px;
}
.page-products-comfort-makeupfix .block-section3-content2-image img {
  border-radius: 8px;
}
.page-products-comfort-makeupfix .block-section3 ul li {
  padding-left: 15px;
  position: relative;
  font-size: 12px;
}
.page-products-comfort-makeupfix .block-section3 ul li span {
  position: absolute;
  top: 0;
  left: 0;
}
.page-products-comfort-makeupfix .togglebtn {
  cursor: pointer;
}
.page-products-comfort-makeupfix .togglebtn.open {
  display: none;
}
.page-products-comfort-makeupfix .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
.page-products-comfort-makeupfix .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.page-products-comfort-makeupfix .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.page-products-comfort-makeupfix .downarrow {
  width: 24px;
  height: 24px;
  background: #C9D4EF;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.page-products-comfort-makeupfix .downarrow::after {
  content: "";
  width: 8px;
  height: 6px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  background: #ffffff;
}
.page-products-comfort-makeupfix .color-red {
  color: #990000;
}

.block-custom .page-products-eternalelegancebox {
  background-color: #000000;
  color: #ffffff;
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-eternalelegancebox h1, .block-custom .page-products-eternalelegancebox h2, .block-custom .page-products-eternalelegancebox h3, .block-custom .page-products-eternalelegancebox h4, .block-custom .page-products-eternalelegancebox dt, .block-custom .page-products-eternalelegancebox dd, .block-custom .page-products-eternalelegancebox li, .block-custom .page-products-eternalelegancebox p, .block-custom .page-products-eternalelegancebox span, .block-custom .page-products-eternalelegancebox small, .block-custom .page-products-eternalelegancebox th, .block-custom .page-products-eternalelegancebox td, .block-custom .page-products-eternalelegancebox figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-eternalelegancebox sup {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-eternalelegancebox .-viewTarget {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-eternalelegancebox .-viewTarget.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--visual {
  aspect-ratio: 780/780;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/kv.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 60px;
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--visual h2 {
  font-size: 0;
  opacity: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--about {
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--about dt {
  font-size: 22px;
  margin-bottom: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--about dd {
  font-size: 13px;
  line-height: 2;
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--contents-nav {
  display: flex;
  gap: 0 1px;
  margin: 60px 0 40px;
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--contents-nav a {
  align-items: center;
  background: #9B8D67;
  background: linear-gradient(90deg, rgb(155, 141, 103) 0%, rgb(226, 220, 184) 51%, rgb(155, 141, 103) 100%);
  color: #000000;
  display: flex;
  font-size: 14px;
  height: 60px;
  justify-content: center;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-intro--contents-nav a::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/intro_contents_nav_arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 10px;
  content: "";
  display: block;
  height: 7px;
  left: calc(50% - 7px);
  position: absolute;
  width: 14px;
}
.block-custom .page-products-eternalelegancebox .block-custom-contents--accordion-trigger {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.5;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-contents--accordion-trigger::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.block-custom .page-products-eternalelegancebox .block-custom-contents--accordion-trigger::after {
  transform: rotateZ(90deg);
  transition: 0.4s ease-out;
}
.block-custom .page-products-eternalelegancebox .block-custom-contents--accordion-trigger.-close::after {
  transform: rotateZ(0deg);
}
.block-custom .page-products-eternalelegancebox .block-custom-contents--accordion-container {
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-contents--more-anchor {
  align-items: center;
  border: 1px solid;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  justify-content: center;
  line-height: 1.5;
  margin: 0 auto;
  min-height: 60px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-contents--more-anchor::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 10px;
  width: 8px;
}
.block-custom .page-products-eternalelegancebox .block-custom-items h3 {
  display: none;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro {
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro::before {
  aspect-ratio: 750/820;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_intro_visual.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro::after {
  aspect-ratio: 750/721;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_intro_visual_02.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  margin-top: -25px;
  z-index: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro-date {
  aspect-ratio: 246/251;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_intro_date.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 32.8%;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro-date.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro-text-area {
  position: relative;
  text-align: center;
  z-index: 1;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro-catch {
  aspect-ratio: 428/163;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_intro_catch.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  margin: 0 auto 10px;
  width: 57%;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--intro-lead {
  font-size: 13px;
  line-height: 2;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail {
  margin-bottom: 60px;
  margin-top: -50px;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set {
  border: 1px solid #C9C4A0;
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set h4 {
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set h4::after {
  background: #000000;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(201, 196, 160) 10%, rgb(201, 196, 160) 90%, rgb(0, 0, 0) 100%);
  bottom: 0;
  content: "";
  height: 1px;
  left: 5px;
  position: absolute;
  width: calc(100% - 10px);
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set .block-custom-contents--accordion-trigger {
  color: #C9C4A0;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-items--detail-set .block-custom-contents--accordion-trigger::after {
  background-color: #C9C4A0;
  right: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set .block-custom-contents--accordion-container {
  counter-reset: number 0;
  padding: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set .block-custom-contents--accordion-container li {
  align-items: center;
  display: flex;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5;
  min-height: 40px;
  padding-left: 40px;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set .block-custom-contents--accordion-container li::before {
  align-items: center;
  background: #C9C4A0;
  background: linear-gradient(180deg, rgb(201, 196, 160) 0%, rgb(155, 141, 103) 100%);
  color: #000000;
  content: counter(number) " ";
  counter-increment: number 1;
  display: flex;
  font-size: 18px;
  height: 28px;
  justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  width: 28px;
}
.block-custom .page-products-eternalelegancebox .block-custom-items--detail-set .block-custom-contents--accordion-container li:not(:last-child) {
  margin-bottom: 12px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products {
  margin-bottom: 90px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h4 {
  align-items: center;
  background: #9B8D67;
  background: linear-gradient(90deg, rgb(155, 141, 103) 0%, rgb(226, 220, 184) 30%, rgb(155, 141, 103) 100%);
  color: #000000;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  height: 70px;
  justify-content: center;
  line-height: 1.3;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h4::before, .block-custom .page-products-eternalelegancebox .block-custom-products h4::after {
  background: #9B8D67;
  background: linear-gradient(90deg, rgb(155, 141, 103) 0%, rgb(226, 220, 184) 10%, rgb(155, 141, 103) 20%, rgb(255, 255, 255) 60%, rgb(155, 141, 103) 90%, rgb(226, 220, 184) 100%);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h4::before {
  top: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h4::after {
  bottom: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h4 + .block-custom-products {
  margin-top: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title {
  background: #0A0A0A;
  background: linear-gradient(90deg, rgb(10, 10, 10) 0%, rgb(65, 62, 39) 50%, rgb(10, 10, 10) 100%);
  margin: 0;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title::after {
  background: #9B8D67;
  background: linear-gradient(90deg, rgb(155, 141, 103) 0%, rgb(226, 220, 184) 10%, rgb(155, 141, 103) 20%, rgb(255, 255, 255) 60%, rgb(155, 141, 103) 90%, rgb(226, 220, 184) 100%);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title::before {
  top: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title::after {
  bottom: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title > span, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title > span, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title > span, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title > span {
  display: block;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title > span::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title > span::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title > span::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title > span::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title > span::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title > span::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title > span::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title > span::after {
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  filter: blur(3px);
  position: absolute;
  height: 6px;
  width: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title > span::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title > span::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title > span::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title > span::before {
  left: calc(35% - 10px);
  top: -2px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title > span::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title > span::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title > span::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title > span::after {
  bottom: -2px;
  right: calc(25% - 10px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title .block-custom-contents--accordion-trigger, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title .block-custom-contents--accordion-trigger, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title .block-custom-contents--accordion-trigger, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title .block-custom-contents--accordion-trigger {
  color: #ffffff;
  min-height: 60px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--liposome-detail-title .block-custom-contents--accordion-trigger::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--aqm-detail-title .block-custom-contents--accordion-trigger::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--parfum-detail-title .block-custom-contents--accordion-trigger::after, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--powder-detail-title .block-custom-contents--accordion-trigger::after {
  background-color: #ffffff;
  right: 25px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--emulsion-column-title {
  background: #ffffff;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(212, 204, 168) 50%, rgb(155, 141, 103) 100%);
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--emulsion-column-title .block-custom-contents--accordion-trigger {
  color: #000000;
  min-height: 50px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--emulsion-column-title .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-products h5.block-custom-products--emulsion-column-title .block-custom-contents--accordion-trigger::after {
  background-color: #000000;
  right: 15px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h6 {
  color: #C9C4A0;
  font-size: 12px;
  margin: 0 auto 10px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products h6 strong {
  font-size: 40px;
  font-weight: 400;
  display: inline-block;
  margin-left: 0.2em;
}
.block-custom .page-products-eternalelegancebox .block-custom-products .block-custom-contents--more-anchor {
  color: #e2dcb8;
  border-color: #c9c4a0;
  width: 285px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products .block-custom-contents--more-anchor::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/more_anchor_arrow.png);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro {
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro::before {
  aspect-ratio: 750/900;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro-catch {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  position: absolute;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro-catch.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro-text-area {
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro-text-area dt {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro-text-area dd {
  font-size: 14px;
  font-weight: 500;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro-text-area dd p:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--intro-text-area dd small {
  display: block;
  margin-top: 8px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--more {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
  margin: 60px auto;
  padding: 40px 15px;
  width: calc(100% - 20px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--more figure {
  width: 38.5%;
  width: 26%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--more-text-area {
  text-align: center;
  width: 61.5%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--more-text-area p {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--more-text-area a {
  background-color: #484848;
  color: #ffffff;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 36px;
  margin: 0 auto;
  text-decoration: none;
  width: 160px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_detail_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 40px;
  padding: 30px 0 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-lead {
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-catch {
  text-align: center;
  margin: 20px 0 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-catch span {
  display: block;
  font-size: 34px;
  line-height: 1;
  text-shadow: 0px 0px 10px #E2DCB8;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #E2DCB8;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-catch span strong {
  font-size: 51px;
  font-weight: 400;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-catch small {
  display: block;
  font-size: 8px;
  line-height: 1.5;
  margin-top: 1em;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-image {
  display: flex;
  gap: 0 15px;
  margin: 0 auto 25px;
  width: calc(100% - 40px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-image figure {
  width: 50%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-about {
  background-color: rgba(226, 220, 184, 0.1);
  margin: 40px 0 0;
  padding: 25px 45px;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-about dt {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-detail-about dd {
  font-size: 12px;
  line-height: 2;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--liposome-notes {
  display: block;
  font-size: 8px;
  margin: 20px auto 0;
  text-align: right;
  width: calc(100% - 40px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_detail_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-bottom: 50px;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail:first-child {
  padding-top: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail:not(:last-child)::after {
  background: #000000;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(155, 141, 103) 10%, rgb(155, 141, 103) 90%, rgb(0, 0, 0) 100%);
  display: block;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-catch {
  color: #C9C4A0;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-catch small {
  display: block;
  line-height: 1;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-lead {
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients {
  margin-bottom: 50px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients dt {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-image {
  display: flex;
  gap: 0 15px;
  margin: 0 auto 20px;
  justify-content: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-image figure {
  max-width: 290px;
  width: 50%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-text {
  font-size: 13px;
  line-height: 1.5;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-text small {
  display: block;
  font-size: 8px;
  line-height: 1;
  margin-top: 15px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 10px;
  justify-content: center;
  margin: 0 auto;
  width: 85%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-list figure {
  width: calc((100% - 20px) / 3);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-list figure figcaption {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 4px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--aqm-detail-ingredients-list small {
  display: block;
  font-size: 8px;
  line-height: 1;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column {
  background-color: rgba(230, 224, 183, 0.15);
  margin: 0 auto;
  padding: 15px 0 40px;
  width: calc(100% - 30px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column-about {
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column-about dt {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column-about dd {
  font-size: 13px;
  line-height: 2;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column-comparison {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  margin-bottom: 40px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column-comparison figure {
  width: 50%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column-comparison figure figcaption {
  display: block;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--emulsion-column .block-custom-contents--more-anchor {
  color: #C9C4A0;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 30px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_parfum_detail_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-catch {
  color: #C9C4A0;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-lead {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-note {
  background-color: #ffffff;
  margin: 0 auto 35px;
  padding: 15px;
  width: calc(100% - 40px);
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-ingredients {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 10px;
  justify-content: center;
  margin-bottom: 50px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-ingredients figure:nth-child(1) {
  margin: 0 32.5%;
  width: 35%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-ingredients figure:nth-child(1) figcaption {
  font-size: 14px;
  font-weight: 600;
  margin-top: 6px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-ingredients figure:not(:nth-child(1)) {
  width: 26.6%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-ingredients figure:not(:nth-child(1)) figcaption {
  font-size: 12px;
  font-weight: 500;
  margin-top: 6px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-note-about {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 30px 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-note-about dt {
  font-size: 20px;
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-note-about dt span {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--parfum-detail-note-about dd {
  font-size: 13px;
  line-height: 1.5;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_cream_detail_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-bottom: 50px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail:first-child {
  padding-top: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail:not(:last-child)::after {
  background: #000000;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(155, 141, 103) 10%, rgb(155, 141, 103) 90%, rgb(0, 0, 0) 100%);
  display: block;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail-lead {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail-lead strong {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  text-shadow: 0px 0px 3px #E2DCB8;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #E2DCB8;
  display: inline-block;
  margin: 0 0.2em;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail figure {
  margin: 0 auto;
  width: 40%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products--powder-detail figure figcaption {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__liposome .block-custom-products--intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_liposome_visual.jpg);
}
.block-custom .page-products-eternalelegancebox .block-custom-products__liposome .block-custom-products--intro-catch {
  aspect-ratio: 298/343;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_liposome_catch.png);
  right: 0;
  top: 12vw;
  width: 39.7%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__liposome .block-custom-products--intro-text-area dt {
  margin-top: -1em;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__liposome .block-custom-products--more {
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__liposome .block-custom-contents--more-anchor {
  margin-top: 40px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__aqm > .block-custom-products--intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_aqm_visual.jpg);
}
.block-custom .page-products-eternalelegancebox .block-custom-products__aqm > .block-custom-products--intro .block-custom-products--intro-text-area dt {
  margin-top: -2em;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__aqm > .block-custom-products--intro .block-custom-products--intro-catch {
  aspect-ratio: 298/306;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_aqm_catch.png);
  left: 4vw;
  top: 13vw;
  width: 39.7%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__aqm > .block-custom-products--more {
  margin: 0 auto;
  padding: 30px 15px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__emulsion-lotion {
  margin-bottom: 50px;
  margin-top: 50px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__emulsion-lotion .block-custom-products--intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_emulsion_lotion_visual.jpg);
  margin-bottom: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__cream {
  margin-bottom: 80px;
  margin-top: 50px;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__cream .block-custom-products--intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_cream_visual.jpg);
}
.block-custom .page-products-eternalelegancebox .block-custom-products__cream .block-custom-products--intro-text-area dt {
  margin-top: -2em;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__parfum .block-custom-products--intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_parfum_visual.jpg);
}
.block-custom .page-products-eternalelegancebox .block-custom-products__parfum .block-custom-products--intro-catch {
  aspect-ratio: 288/295;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_parfum_catch.png);
  right: 2vw;
  top: 24vw;
  width: 38.4%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__parfum .block-custom-products--intro-text-area dt {
  margin-top: -1em;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__powder .block-custom-products--intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_powder_visual.jpg);
}
.block-custom .page-products-eternalelegancebox .block-custom-products__powder .block-custom-products--intro-catch {
  aspect-ratio: 504/286;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/items_products_powder_catch.png);
  right: -2vw;
  top: -2vw;
  width: 67.2%;
}
.block-custom .page-products-eternalelegancebox .block-custom-products__powder .block-custom-products--intro-text-area dt {
  margin-top: -3.6em;
}
.block-custom .page-products-eternalelegancebox .block-custom-design h3,
.block-custom .page-products-eternalelegancebox .block-custom-decorte h3 {
  align-items: center;
  background: #000000;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(49, 49, 49) 50%, rgb(0, 0, 0) 100%);
  color: #C9C4A0;
  display: flex;
  font-size: 23px;
  justify-content: center;
  min-height: 70px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-design h3::before, .block-custom .page-products-eternalelegancebox .block-custom-design h3::after,
.block-custom .page-products-eternalelegancebox .block-custom-decorte h3::before,
.block-custom .page-products-eternalelegancebox .block-custom-decorte h3::after {
  background: #9B8D67;
  background: linear-gradient(-90deg, rgb(155, 141, 103) 0%, rgb(226, 220, 184) 10%, rgb(155, 141, 103) 20%, rgb(255, 255, 255) 60%, rgb(155, 141, 103) 90%, rgb(226, 220, 184) 100%);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-eternalelegancebox .block-custom-design h3::before,
.block-custom .page-products-eternalelegancebox .block-custom-decorte h3::before {
  top: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-design h3::after,
.block-custom .page-products-eternalelegancebox .block-custom-decorte h3::after {
  bottom: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-design {
  margin-bottom: 90px;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--intro {
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--intro::before {
  aspect-ratio: 750/1030;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/design_intro_visual.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--intro-lead {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 40px;
  margin-top: -60px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel {
  background: #0F0F0F;
  background: linear-gradient(135deg, rgb(15, 15, 15) 0%, rgb(31, 31, 31) 25%, rgb(49, 49, 49) 50%, rgb(36, 36, 36) 75%, rgb(15, 15, 15) 100%);
  margin: 0 auto 50px;
  padding-bottom: 40px;
  width: calc(100% - 40px);
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message {
  margin-bottom: 50px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message p {
  font-size: 12px;
  padding-top: 50px;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message p::before, .block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message p::after {
  color: #9b8d67;
  display: block;
  font-size: 50px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1;
  position: absolute;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message p::before {
  content: "“";
  left: 15px;
  top: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message p::after {
  bottom: -50px;
  content: "”";
  right: 15px;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message-name {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
  padding-left: 25px;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-message-name::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 15px;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-profile figure {
  margin: 0 auto 20px;
  width: 53.7%;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-profile-text-area dt {
  font-size: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-profile-text-area dd {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 auto;
  width: calc(100% - 50px);
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-drawing h4 {
  align-items: center;
  display: flex;
  font-size: 20px;
  gap: 0 20px;
  justify-content: center;
  line-height: 1.2;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-drawing h4::before, .block-custom .page-products-eternalelegancebox .block-custom-design--marcel-drawing h4::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  width: 40px;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-drawing-images {
  margin: 0 auto;
  width: calc(100% - 10px);
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-drawing-images .slick-dots {
  display: flex;
  gap: 0 5px;
  justify-content: center;
  margin-top: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-drawing-images .slick-dots li {
  background-color: #ffffff;
  content: "";
  height: 2px;
  opacity: 0.5;
  width: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-design--marcel-drawing-images .slick-dots li.slick-active {
  opacity: 1;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte h3 {
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--brand-name {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/decorte_brand_name_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto 30px;
  padding: 60px 0 50px;
  text-align: center;
  width: calc(100% - 20px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--brand-name-catch {
  color: #E2DCB8;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--brand-name-logo {
  aspect-ratio: 540/98;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/decorte_brand_name_logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  margin: 0 auto 45px;
  width: 76%;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--brand-name-lead {
  font-size: 13px;
  line-height: 2;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/decorte_emblem_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto 30px;
  padding: 30px 0 40px;
  text-align: center;
  transition: 0.4s;
  width: calc(100% - 20px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem h4 {
  color: #E2DCB8;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem figure {
  margin: 30px auto;
  width: 45%;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-lead {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 50px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature {
  background-color: #000000;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature h5 {
  margin: 0 auto;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature .block-custom-contents--accordion-trigger {
  color: #C9C4A0;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature .block-custom-contents--accordion-trigger::before, .block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature .block-custom-contents--accordion-trigger::after {
  background-color: #C9C4A0;
  right: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature .block-custom-contents--accordion-container {
  padding: 20px 0 30px;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature .block-custom-contents--accordion-container::before {
  background: #000000;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(201, 196, 160) 10%, rgb(201, 196, 160) 90%, rgb(0, 0, 0) 100%);
  content: "";
  height: 1px;
  left: 5px;
  position: absolute;
  top: 0;
  width: calc(100% - 10px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature-detail {
  margin: 0 auto;
  width: calc(100% - 50px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature-detail dt {
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature-detail dt strong {
  color: #C6B380;
  font-size: 24px;
  font-weight: 400;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature-detail dd {
  font-size: 13px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--emblem-feature-detail:not(:last-child) {
  border-bottom: 1px solid #C9C4A0;
  margin-bottom: 20px;
  padding-bottom: 25px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history {
  border: 1px solid #E2DCB8;
  margin: 0 auto 80px;
  width: calc(100% - 20px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history h4 {
  align-items: center;
  background: #FFFFFF;
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(212, 204, 168) 50%, rgb(155, 141, 103) 100%);
  color: #000000;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  justify-content: center;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow {
  padding: 30px 20px 50px;
  justify-content: center;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow::before, .block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow::after {
  content: "";
  display: block;
  left: 70px;
  position: absolute;
  width: 1px;
  z-index: 0;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow::before {
  background-color: #9b8d67;
  height: calc(100% - 66px + 10px);
  top: 36px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow::after {
  background: #9B8D67;
  background: linear-gradient(180deg, rgb(155, 141, 103) 0%, rgb(0, 0, 0) 100%);
  bottom: 20px;
  height: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow-event {
  display: flex;
  gap: 0 5px;
  position: relative;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow-event::before {
  background-color: #9b8d67;
  border: 1px solid #d2dcb8;
  border-radius: 50%;
  box-shadow: 0 0 5px #ffffff;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  left: 45px;
  top: 6px;
  width: 11px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow-event:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow-event label {
  color: #E2DCB8;
  font-size: 18px;
  line-height: 23px;
  width: 60px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow-event dl {
  width: calc(100% - 65px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow-event dl dt {
  color: #E2DCB8;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 10px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-flow-event dl dd {
  font-size: 12px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--history-notes {
  font-size: 8px;
  margin-bottom: 10px;
  padding: 0 10px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 20px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory::before {
  aspect-ratio: 710/650;
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/decorte_ourstory.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory-text-area {
  background: #0F0F0F;
  background: linear-gradient(135deg, rgb(15, 15, 15) 0%, rgb(31, 31, 31) 25%, rgb(49, 49, 49) 50%, rgb(36, 36, 36) 75%, rgb(15, 15, 15) 100%);
  padding: 40px 0;
  text-align: center;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory-text-area .block-custom-contents--more-anchor {
  margin-top: 40px;
  width: calc(100% - 50px);
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory-catch {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory-lead {
  font-size: 13px;
  line-height: 2;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory-lead + .block-custom-decorte--ourstory-lead {
  margin-top: 20px;
}
.block-custom .page-products-eternalelegancebox .block-custom-decorte--ourstory .block-custom-contents--more-anchor::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/eternalelegancebox/more_anchor_arrow_white.png);
}

.page-product-eyeglowgem {
  /*20240610追加*/
  /*限定品*/
  /*おすすめの組み合わせ*/
  /*ダズリングジェムの商品紹介*/
  /*slick*/
  /*modal*/
}
.page-product-eyeglowgem.block-custom {
  background-color: #ffffff;
  padding: 0 0 40px !important;
  position: relative;
}
.page-product-eyeglowgem .block-custom-visual {
  margin: 0 auto;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-intro--main-container {
  background-color: #ebd2c4;
  background-image: url("../../images/sp/custom/eyeglowgem/bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 40px 15px;
  margin-bottom: 40px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-intro {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 40px 10px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-intro--lead {
  font-size: 20px;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-intro--sub-lead {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-intro--text {
  font-size: 12px;
  line-height: 2;
}
.page-product-eyeglowgem .block-custom-page-nav {
  margin: 20px auto 0;
}
.page-product-eyeglowgem .block-custom-page-nav--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 0 auto;
}
.page-product-eyeglowgem .block-custom-page-nav--list-item {
  background-color: #d7a087;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 1px;
  padding: 1em 0.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-contents {
  margin: 0 auto 40px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-contents--title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0a090+0,f9cfc1+50,fae6de+75,fae6de+100 */
  background: #d0a090; /* Old browsers */
  background: -moz-linear-gradient(45deg, #d0a090 0%, #f9cfc1 50%, #fae6de 75%, #fae6de 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #d0a090 0%, #f9cfc1 50%, #fae6de 75%, #fae6de 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #d0a090 0%, #f9cfc1 50%, #fae6de 75%, #fae6de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d0a090", endColorstr="#fae6de",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  font-size: 16px;
  margin-bottom: 20px;
  padding: 1em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--point {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-feature--point-image {
  margin: 0 auto 20px;
  width: 60%;
}
.page-product-eyeglowgem .block-custom-feature--point-lead {
  border-bottom: 1px solid;
  color: #d7a087;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
  padding: 0.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--point-item {
  margin-left: 30px;
  font-size: 12px;
  padding-left: 50px;
  position: relative;
}
.page-product-eyeglowgem .block-custom-feature--point-item:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-feature--point-item-num {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0a090+0,f9e7e0+100 */
  background: #d0a090; /* Old browsers */
  background: -moz-linear-gradient(45deg, #d0a090 0%, #f9e7e0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #d0a090 0%, #f9e7e0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #d0a090 0%, #f9e7e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d0a090", endColorstr="#f9e7e0",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  align-items: center;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  height: 60px;
  justify-content: center;
  left: -20px;
  line-height: 1;
  padding: 0.2em 0.5em;
  position: absolute;
  text-align: center;
  top: calc(50% - 30px);
  width: 60px;
}
.page-product-eyeglowgem .block-custom-feature--point-item-caption {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.page-product-eyeglowgem .block-custom-feature--technology {
  background-color: #ebd2c4;
  margin: 0 auto;
  padding: 20px 15px;
}
.page-product-eyeglowgem .block-custom-feature--technology-title {
  background-color: #d7a087;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--technology-lead {
  background-color: #ffffff;
  font-size: 14px;
  padding: 30px 10px 0;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--technology-item {
  background-color: #ffffff;
  padding: 40px 10px;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 40px;
  position: relative;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-area::after {
  border: 20px solid transparent;
  border-bottom: none;
  border-top: 20px solid #dbdbdb;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 20px;
  left: calc(50% - 20px);
  position: absolute;
  width: 40px;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-area .block-custom-feature--technology-item-image {
  margin: 0;
  width: calc(50% - 5px);
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image {
  margin: 0 auto;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-caption {
  display: block;
  font-size: 11px;
  line-height: 1.3;
  margin-top: 0.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--texture {
  background-color: #ebd2c4;
  border-top: 1px solid #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px 15px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--texture-title {
  background-color: #d7a087;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--texture-item {
  background-color: #ffffff;
  padding: 40px 10px;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--texture-item + .block-custom-feature--texture-item {
  margin-top: -40px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-name {
  border-bottom: 1px solid;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-text {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image {
  margin: 0 auto;
  width: 80%;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image-caption {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual {
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual .js-slick--prev {
  left: -40px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual .js-slick--next {
  right: -40px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual .js-slick--dots {
  bottom: auto;
  margin-top: 10px;
  position: relative;
  right: auto;
}
.page-product-eyeglowgem .block-custom-color--list-container {
  margin: 0 auto 20px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-color--list-container + .block-custom-color--list-container {
  border-top: 1px solid #dbdbdb;
  padding-top: 20px;
}
.page-product-eyeglowgem .block-custom-color--texture {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--texture-image {
  margin-right: 20px;
  width: calc(50% - 40px);
}
.page-product-eyeglowgem .block-custom-color--texture-text-area {
  width: 50%;
}
.page-product-eyeglowgem .block-custom-color--texture-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-color--texture-text {
  font-size: 11px;
}
.page-product-eyeglowgem .block-custom-color--list {
  display: flex;
  flex-wrap: wrap;
}
.page-product-eyeglowgem .block-custom-color--list-item {
  margin: 20px 10px;
  text-align: center;
  width: calc(20% - 20px);
}
.page-product-eyeglowgem .block-custom-color--info-container {
  align-items: center;
  display: flex;
}
.page-product-eyeglowgem .block-custom-color--info-image {
  margin-right: 20px;
  width: calc(50% - 20px);
}
.page-product-eyeglowgem .block-custom-color--info-text-area {
  width: 50%;
}
.page-product-eyeglowgem .block-custom-color--info-name {
  border-bottom: 1px solid;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 11px;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal-area {
  display: inline-block;
  margin-right: 10px;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal {
  background-color: #000000;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0.5em;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal:not(:last-child) {
  margin-right: 4px;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__spring {
  background-color: #f0cecf;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__summer {
  background-color: #ceebf0;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__autumn {
  background-color: #f0dab6;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__winter {
  background-color: #ddf0b6;
}
.page-product-eyeglowgem .block-custom-color--info-type-use {
  background-color: #dbdbdb;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0.5em;
}
.page-product-eyeglowgem .block-custom-color--info-type-use:not(:last-child) {
  margin-right: 10px;
}
.page-product-eyeglowgem .block-custom-color--info-text {
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--other-area {
  margin-bottom: 40px;
}
.page-product-eyeglowgem .block-custom-color--other-area .block-custom-color--swatch {
  margin: 0 auto 20px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-color--other-area .block-custom-color--map {
  margin: 0 auto;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-color--image {
  width: calc(50% - 20px);
}
.page-product-eyeglowgem .block-custom-color--map {
  width: calc(50% - 20px);
}
.page-product-eyeglowgem .block-custom-color--filter {
  background-color: #000000;
  margin: 0 auto;
  padding: 30px 15px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--filter-title {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-color--filter-nav {
  color: #ffffff;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-title {
  border-bottom: 1px solid #666666;
  color: #999999;
  font-weight: 700;
  margin: 0 auto 10px;
  padding-bottom: 0.2em;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list {
  display: flex;
  justify-content: center;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item {
  align-items: center;
  border-bottom: 2px solid #000000;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  line-height: 1;
  padding-bottom: 5px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item:not(:last-child) {
  margin-right: 20px;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item.block-custom-color--filter-personal-trigger__active {
  border-color: #ffffff;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item.block-custom-color--filter-use-trigger__active {
  border-color: #ffffff;
}
.page-product-eyeglowgem .block-custom-color--filter-list {
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}
.page-product-eyeglowgem .block-custom-color--filter-list-item {
  margin: 10px 0;
  padding-left: 10px;
  text-align: center;
  width: 25%;
}
.page-product-eyeglowgem .block-custom-color--filter-list-item-num {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
  padding-right: 10px;
}
.page-product-eyeglowgem .block-custom-compar {
  text-align: center;
}
.page-product-eyeglowgem .block-custom-compar--title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-compar--title strong {
  font-size: 30px;
}
.page-product-eyeglowgem .block-custom-compar--lead {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-compar--more-anchor {
  align-items: center;
  background-color: #333333;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  width: 300px;
}
.page-product-eyeglowgem .block-custom-compar--container {
  border: 1px solid #333333;
  margin: 0 auto;
  padding: 40px 20px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-recommend--list .js-slick--dots {
  margin: 10px auto 0;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-recommend--list-item {
  text-align: center;
}
.page-product-eyeglowgem .block-custom-recommend--list-item-thumbnail {
  padding-left: 60px;
}
.page-product-eyeglowgem .block-custom-recommend--list-item-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-ranking {
  /*margin-bottom: 0;*/
  width: 100%;
}
.page-product-eyeglowgem .block-custom-ranking--title {
  background-color: #f0f0f0;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-ranking--nav {
  padding: 0 20px;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-ranking--nav-group-name {
  background-color: #f0f0f0;
  font-size: 10px;
  margin-bottom: 4px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-ranking--nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-ranking--nav-list:not(:last-child) {
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-ranking--nav-list-item {
  border: 1px solid #c3c3c3;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0.5em;
  text-align: center;
  width: calc(50% - 2px);
}
.page-product-eyeglowgem .block-custom-ranking--nav-list-item__active {
  background-color: #333333;
  color: #ffffff;
}
.page-product-eyeglowgem .block-custom-ranking--list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-ranking--list-item {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-top: 30px;
  position: relative;
  text-align: center;
  width: 33.3333333333%;
}
.page-product-eyeglowgem .block-custom-ranking--list-item::before {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank01::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_01.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank02::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_02.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank03::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_03.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank04::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_04.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank05::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_05.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank06::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_06.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank07::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_07.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank08::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_08.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank09::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_09.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank10::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_10.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank11::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_11.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank12::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_12.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank13::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_13.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank14::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_14.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank15::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_15.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank16::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_16.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank17::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_17.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank18::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_18.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank19::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_19.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank20::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_20.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank21::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_21.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank22::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_22.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank23::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_23.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank24::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_24.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank25::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_25.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank26::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_26.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank27::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_27.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank28::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_28.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank29::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_29.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank30::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_30.png");
}
.page-product-eyeglowgem .block-custom-limited-lead {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-limited-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 0;
}
.page-product-eyeglowgem .block-custom-limited-content {
  /*position: absolute;*/
  margin: 0 auto;
  width: 96%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.page-product-eyeglowgem .block-custom-limited-box {
  width: 260px;
  margin-bottom: 2.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-limited-box img {
  border-radius: 8px;
  width: 240px;
  height: 240px;
  margin: 0 10px 10px;
}
.page-product-eyeglowgem .block-custom-limited-slide {
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-limited-name {
  margin-bottom: 1em;
  font-size: 1.4em;
}
.page-product-eyeglowgem .block-custom-limited-txt {
  font-size: 1.1em;
}
.page-product-eyeglowgem .block-custom-limited-tama {
  position: relative;
}
.page-product-eyeglowgem .block-custom-limited-tama > span {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
}
.page-product-eyeglowgem .block-custom-limited-tama > span > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: solid 1px #D7A087;
  background: #ffffff;
}
.page-product-eyeglowgem .block-custom-limited-tama > span > span img {
  width: 90%;
  height: auto;
  border-radius: 50%;
  margin: 0;
}
.page-product-eyeglowgem .block-custom-combi-lead {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-combi-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 0 2em;
  text-align: center;
  background: #EBD2C4;
  padding: 20px 4%;
}
.page-product-eyeglowgem .block-custom-combi-content {
  margin: 0 auto;
  width: 96%;
  text-align: center;
  justify-content: space-between;
}
.page-product-eyeglowgem .block-custom-combi-navi {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn {
  margin: 0 5px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  background: #ffffff;
  border: solid 3px rgba(215, 160, 135, 0);
  /*transition: all .5s ease;*/
  border-radius: 50%;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn span {
  line-height: 1.1;
  position: absolute;
  top: 1em;
  font-size: 0.75em;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn img {
  border-radius: 50%;
  width: 80px;
  margin-top: 1em;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn.active {
  border: solid 3px rgb(215, 160, 135);
  z-index: 1;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn.active::before {
  content: "";
  display: block;
  background-color: #d7a087;
  width: 71px;
  height: 28px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -16px;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn-wrap {
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  width: 94px;
  height: 94px;
}
.page-product-eyeglowgem .block-custom-combi-body-box {
  display: none;
}
.page-product-eyeglowgem .block-custom-combi-body-box.active {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock {
  width: 100%;
  padding: 1.5em 1em;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 0.5em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-title {
  font-size: 1.3em;
  color: #60523B;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-title span {
  font-size: 0.75em;
  display: block;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image {
  display: flex;
  margin-bottom: 2em;
  align-items: center;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > p > span {
  font-size: 0.85em;
  line-height: 1.5;
  display: block;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span {
  width: 30px;
  height: 30px;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::before, .page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::after {
  content: "";
  display: block;
  background: #666666;
  position: absolute;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::before {
  width: 1px;
  height: 100%;
  transform: rotate(45deg);
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::after {
  width: 1px;
  height: 100%;
  transform: rotate(-45deg);
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto {
  background: #F9E4DB;
  border-radius: 8px;
  padding: 10px 12px 15px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
  justify-content: space-between;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-title {
  font-size: 0.9em;
  color: #60523B;
  width: 100%;
  margin-top: -2em;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-title span {
  display: inline-block;
  padding: 5px 15px;
  background: #D7A087;
  color: #ffffff;
  border-radius: 32px;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-image {
  height: 90px;
  width: 120px;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-image img {
  height: 100%;
  width: auto;
  margin: auto;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt {
  width: calc(100% - 130px);
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt ol {
  /*counter-reset: number;*/
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt ol li {
  font-size: 0.9em;
  margin-bottom: 0.2em;
  position: relative;
  text-align: left;
  padding-left: 1.3em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt ol li > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt-notice {
  font-size: 0.6em;
  text-align: left;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-link {
  background: #9F674E;
  color: #ffffff;
  padding: 1.5em 1em;
  border-radius: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.9em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-link::after {
  content: "";
  background: url("/decorte/img/decorte2023/sp/custom/dazzlinggem/linkicon.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  display: block;
  width: 18px;
  height: 20px;
  right: 1em;
}
.page-product-eyeglowgem .block-custom-dg h2 {
  display: none;
}
.page-product-eyeglowgem .block-custom-dg-wrap {
  display: flex;
  justify-content: center;
  padding: 0 0 2em;
  flex-direction: column;
}
.page-product-eyeglowgem .block-custom-dg-box {
  width: 100%;
  text-align: center;
  margin-bottom: 2.5em;
}
.page-product-eyeglowgem .block-custom-dg-box-image {
  max-width: 200px;
  margin: 0 auto 1em;
}
.page-product-eyeglowgem .block-custom-dg-box-name {
  margin-bottom: 1em;
  font-size: 1.4em;
}
.page-product-eyeglowgem .block-custom-dg-box-txt {
  font-size: 1.1em;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-dg-box-link {
  display: inline-block;
  background: #000000;
  color: #ffffff;
  padding: 1em 1.5em;
  font-size: 1em;
}
.page-product-eyeglowgem .block-custom-dg-box-link:hover {
  background: #444444;
}
.page-product-eyeglowgem .block-custom-limited .slick-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  text-indent: -9000px;
  border-radius: 50%;
  background: #FAE6DE;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(50% - 20px);
  cursor: pointer;
}
.page-product-eyeglowgem .block-custom-limited .slick-arrow:hover {
  background: #EECCBE;
}
.page-product-eyeglowgem .block-custom-limited .slick-prev {
  left: -40px;
}
.page-product-eyeglowgem .block-custom-limited .slick-prev::after {
  content: "";
  width: 8px;
  height: 8px;
  border-left: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 4px;
}
.page-product-eyeglowgem .block-custom-limited .slick-next {
  right: -40px;
}
.page-product-eyeglowgem .block-custom-limited .slick-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(-45deg);
  margin-right: 4px;
}
.page-product-eyeglowgem .block-custom-limited .slick-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots {
  display: flex;
  height: 10px;
  justify-content: center;
  padding: 1em 0;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots li {
  margin: 0 5px;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots li button {
  background: #D4D4D4;
  border-radius: 50%;
  text-indent: -9000px;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots li.slick-active button {
  background: #D7A087;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--container {
  border-radius: 10px;
  max-width: 1080px;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--container::-webkit-scrollbar-track {
  border-radius: 0 10px 10px 0;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--close {
  font-size: 1.1em;
  width: auto;
  background: #ffffff;
  border-radius: 4px;
  left: calc(100% - 75px);
  position: sticky;
  padding: 5px 26px 5px 10px;
  display: inline-flex;
  align-items: center;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--close::before, .page-product-eyeglowgem .eggcustom .block-common-modal--close::after {
  background-color: #000000;
  left: 45px;
  width: 14px;
}
.page-product-eyeglowgem .mpBlock {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-product-eyeglowgem .mpBlock-image {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .mpBlock-image img {
  max-width: 175px;
  margin: auto;
}
.page-product-eyeglowgem .mpBlock-data {
  width: 100%;
  background: #F9E4DB;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.page-product-eyeglowgem .mpBlock-data-title {
  font-size: 1em;
  color: #60523B;
  width: 100%;
  margin-top: -2em;
  margin-bottom: 1.5em;
  text-align: center;
}
.page-product-eyeglowgem .mpBlock-data-title span {
  display: inline-block;
  padding: 5px 15px;
  background: #D7A087;
  color: #ffffff;
  border-radius: 32px;
}
.page-product-eyeglowgem .mpBlock-data-cat {
  width: 100%;
  font-size: 1em;
  text-align: center;
  margin-bottom: 0.5em;
}
.page-product-eyeglowgem .mpBlock-data-list {
  width: 100%;
}
.page-product-eyeglowgem .mpBlock-data-list li {
  display: flex;
  justify-content: space-between;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  letter-spacing: 0;
}
.page-product-eyeglowgem .mpBlock-data-list li a {
  border-radius: 8px;
  width: calc(100% - 55px);
  background: #F0D1C3;
  display: flex;
  text-decoration: none;
  padding: 0.1em 0.6em;
  align-items: center;
  transition: all 0.5s ease;
  line-height: 1.2;
}
.page-product-eyeglowgem .mpBlock-data-list li a:hover {
  background: #E1B4A0;
}
.page-product-eyeglowgem .mpBlock-data-list li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #3B290A;
  border-right: solid 1px #3B290A;
  transform: rotate(45deg);
  margin-right: 0.5em;
}
.page-product-eyeglowgem .mpBlock-data-list li img {
  width: 50px;
  border-radius: 8px;
}
.page-product-eyeglowgem .mpBlock-data-line {
  width: 100%;
  height: 0.5em;
  border-bottom: dashed 1px #B4A58D;
  margin-bottom: 1em;
}

.block-custom .page-product-dazzlinggem {
  font-size: 14px;
  line-height: 1.8;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
  color: #3B290A;
  /*リード文*/
  /*商品特長*/
  /*ジュエリーのような輝きの秘密*/
  /*選べる3色の輝き*/
  /*おすすめの組み合わせ*/
  /*アイグロウジェムの商品紹介*/
  /*slick*/
  /*modal*/
}
.block-custom .page-product-dazzlinggem .block-custom-visual {
  margin: 0 auto 40px;
  width: 100%;
}
.block-custom .page-product-dazzlinggem h2 {
  background: linear-gradient(90deg, rgb(197, 173, 133) 0%, rgb(214, 186, 138) 30%, rgb(247, 235, 201) 50%, rgb(214, 186, 138) 70%, rgb(197, 173, 133) 100%);
  color: #3B2416;
  padding: 0.5em;
  margin: 0 auto;
  text-align: center;
  font-weight: normal;
  font-size: 1.35em;
}
.block-custom .page-product-dazzlinggem .block-custom-lead-wrap, .block-custom .page-product-dazzlinggem .block-custom-feature-wrap, .block-custom .page-product-dazzlinggem .block-custom-jewelry-wrap, .block-custom .page-product-dazzlinggem .block-custom-items-wrap, .block-custom .page-product-dazzlinggem .block-custom-combi-wrap, .block-custom .page-product-dazzlinggem .block-custom-egg-wrap {
  overflow: hidden;
  margin: 0 auto;
}
.block-custom .page-product-dazzlinggem .block-custom-lead-video, .block-custom .page-product-dazzlinggem .block-custom-feature-video, .block-custom .page-product-dazzlinggem .block-custom-jewelry-video, .block-custom .page-product-dazzlinggem .block-custom-items-video, .block-custom .page-product-dazzlinggem .block-custom-combi-video, .block-custom .page-product-dazzlinggem .block-custom-egg-video {
  position: absolute;
  z-index: -2;
}
.block-custom .page-product-dazzlinggem .rf::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #ffffff;
}
.block-custom .page-product-dazzlinggem .gradwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  z-index: -1;
}
.block-custom .page-product-dazzlinggem .block-custom-lead h2 {
  display: none;
}
.block-custom .page-product-dazzlinggem .block-custom-lead-wrap {
  position: relative;
  margin-bottom: -9px;
}
.block-custom .page-product-dazzlinggem .block-custom-lead-lead {
  /*position: absolute;*/
  width: 96%;
  margin: auto;
  font-size: 1.1em;
  line-height: 2;
  text-align: center;
  padding: 0.5em 1em 2.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-lead-lead > p {
  margin-bottom: 1em;
  line-height: 1.8;
}
.block-custom .page-product-dazzlinggem .block-custom-lead-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
  top: 0;
}
.block-custom .page-product-dazzlinggem .block-custom-feature {
  /*background: url("/decorte/img/decorte2023/pc/custom/dazzlinggem/feature_bg.jpg") no-repeat center center;
  background-size: cover;*/
}
.block-custom .page-product-dazzlinggem .block-custom-feature-wrap {
  padding: 2em 0;
  position: relative;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-content {
  /*position: absolute;*/
  margin: 0 auto;
  width: 96%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
  top: 0;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-box {
  /*border: solid 1px rgba(255,255,255,0.3);*/
  background: rgba(255, 255, 255, 0.6);
  padding: 2em 0.5em 1em;
  text-align: center;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 16px;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-box h3 {
  color: #886F32;
  font-size: 1.4em;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.6em;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-box h3::after {
  content: "";
  display: block;
  background: url("/decorte/img/decorte2023/sp/custom/dazzlinggem/feature_line.png");
  width: 150px;
  height: 9px;
  margin-top: 0.2em;
  background-size: contain;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-box p {
  color: #3B2416;
  font-size: 0.9em;
  display: none;
  margin-bottom: 1em;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-box-more {
  font-size: 0.7em;
  display: flex;
  align-items: center;
  position: relative;
  width: 4.5em;
  margin: 0 1em 0 auto;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-box-more::before, .block-custom .page-product-dazzlinggem .block-custom-feature-box-more::after {
  position: absolute;
  content: "";
  background: #3B2416;
  right: 0;
  width: 5px;
  height: 1px;
}
.block-custom .page-product-dazzlinggem .block-custom-feature-box-more::before {
  transform: rotate(90deg);
}
.block-custom .page-product-dazzlinggem .block-custom-feature-notice {
  width: 100%;
  text-align: right;
  font-size: 0.7em;
  color: #3B2416;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry-wrap {
  padding: 0 0 2em;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry-content {
  /*position: absolute;*/
  padding-top: 2em;
  margin: 0 auto;
  width: 96%;
  text-align: center;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry h3 > span {
  font-size: 0.65em;
  display: block;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry-txt {
  font-size: 1em;
  margin-bottom: 2em;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry-notice {
  font-size: 0.7em;
  /*margin-bottom: 2em;*/
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry-image {
  border-radius: 16px;
  text-align: center;
  margin: 0 auto 2em;
  max-width: 315px;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry-closing {
  font-size: 1.2em;
  margin-bottom: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-jewelry .rf::after {
  background: #d6c9a1;
}
.block-custom .page-product-dazzlinggem .block-custom-items-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 0 2em;
}
.block-custom .page-product-dazzlinggem .block-custom-items-content {
  /*position: absolute;*/
  margin: 0 auto;
  width: 96%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.block-custom .page-product-dazzlinggem .block-custom-items-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
}
.block-custom .page-product-dazzlinggem .block-custom-items-box {
  width: 300px;
  margin-bottom: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-items-box img {
  border-radius: 8px;
  width: 240px;
  height: 240px;
  margin: 0 auto 10px;
}
.block-custom .page-product-dazzlinggem .block-custom-items-slide {
  margin-bottom: 0.8em;
}
.block-custom .page-product-dazzlinggem .block-custom-items-name {
  margin-bottom: 0.3em;
}
.block-custom .page-product-dazzlinggem .block-custom-items-txt {
  font-size: 0.8em;
}
.block-custom .page-product-dazzlinggem .block-custom-items-tama {
  position: relative;
}
.block-custom .page-product-dazzlinggem .block-custom-items-tama > span {
  position: absolute;
  display: block;
  right: 20px;
  bottom: -10px;
}
.block-custom .page-product-dazzlinggem .block-custom-items-tama > span img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: solid 1px #A7966F;
}
.block-custom .page-product-dazzlinggem .block-custom-items .rf::after {
  background: #ebe6de;
}
.block-custom .page-product-dazzlinggem .block-custom-combi h3 {
  font-size: 1.2em;
  text-align: center;
  padding-top: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi .block-custom-visual {
  padding-top: 2em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 0 2em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-content {
  /*position: absolute;*/
  margin: 0 auto;
  width: 96%;
  text-align: center;
  justify-content: space-between;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-navi {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-navi-btn {
  margin: 0 5px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  background: #ffffff;
  border: solid 3px rgba(198, 174, 133, 0);
  /*transition: all .5s ease;*/
  border-radius: 50%;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-navi-btn span {
  line-height: 1.1;
  position: absolute;
  top: 0.7em;
  font-size: 0.7em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-navi-btn img {
  border-radius: 50%;
  width: 80px;
  margin-top: 1em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-navi-btn.active {
  border: solid 3px rgb(198, 174, 133);
  z-index: 1;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-navi-btn.active::before {
  content: "";
  display: block;
  background-color: #C6AE85;
  width: 71px;
  height: 28px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -16px;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-navi-btn-wrap {
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  width: 94px;
  height: 94px;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box {
  display: none;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box.active {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock {
  width: 100%;
  padding: 1em;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 0.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-title {
  font-size: 1.1em;
  color: #60523B;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-title span {
  font-size: 0.64em;
  display: block;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-image {
  display: flex;
  margin-bottom: 2em;
  align-items: center;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-image > p > span {
  font-size: 0.75em;
  line-height: 1.5;
  display: block;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-image > span {
  width: 30px;
  height: 30px;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-image > span::before, .block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-image > span::after {
  content: "";
  display: block;
  background: #666666;
  position: absolute;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-image > span::before {
  width: 1px;
  height: 100%;
  transform: rotate(45deg);
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-image > span::after {
  width: 1px;
  height: 100%;
  transform: rotate(-45deg);
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto {
  background: #F8F1E7;
  border-radius: 8px;
  padding: 10px 12px 15px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
  justify-content: space-between;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-title {
  font-size: 0.8em;
  color: #60523B;
  width: 100%;
  margin-top: -2em;
  margin-bottom: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-title span {
  display: inline-block;
  padding: 5px 15px;
  background: #E8DDCC;
  border-radius: 32px;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-image {
  height: 90px;
  width: 120px;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-image img {
  height: 100%;
  width: auto;
  margin: auto;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-txt {
  width: calc(100% - 130px);
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-txt ol {
  /*counter-reset: number;*/
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-txt ol li {
  font-size: 0.7em;
  margin-bottom: 0.2em;
  position: relative;
  text-align: left;
  padding-left: 1.3em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-txt ol li > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-howto-txt-notice {
  font-size: 0.6em;
  text-align: left;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-link {
  background: #000000;
  color: #ffffff;
  padding: 1em;
  border-radius: 8px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.9em;
}
.block-custom .page-product-dazzlinggem .block-custom-combi-body-box .combiBlock-link::after {
  content: "";
  background: url("/decorte/img/decorte2023/sp/custom/dazzlinggem/linkicon.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  display: block;
  width: 18px;
  height: 20px;
  right: 1em;
}
.block-custom .page-product-dazzlinggem .block-custom-egg h2 {
  display: none;
}
.block-custom .page-product-dazzlinggem .block-custom-egg h3 {
  font-size: 1.2em;
  text-align: center;
  padding-top: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-egg-wrap {
  display: flex;
  justify-content: center;
  padding: 2em 0 2em;
  flex-direction: column;
}
.block-custom .page-product-dazzlinggem .block-custom-egg-box {
  width: 100%;
  text-align: center;
  margin-bottom: 2em;
}
.block-custom .page-product-dazzlinggem .block-custom-egg-box-image {
  max-width: 200px;
  margin: 0 auto 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-egg-box-name {
  margin-bottom: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-egg-box-txt {
  font-size: 0.9em;
  margin-bottom: 1.5em;
}
.block-custom .page-product-dazzlinggem .block-custom-egg-box-link {
  display: inline-block;
  background: #000000;
  color: #ffffff;
  padding: 0.5em 1.2em;
  font-size: 0.9em;
}
.block-custom .page-product-dazzlinggem .block-custom-egg-box-link:hover {
  background: #444444;
}
.block-custom .page-product-dazzlinggem sub {
  font-size: 0.6em;
  vertical-align: bottom;
  position: relative;
  bottom: 0.1em;
  left: -0.1em;
}
.block-custom .page-product-dazzlinggem .slick-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  text-indent: -9000px;
  border-radius: 50%;
  background: #988761;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(50% - 20px);
  cursor: pointer;
  z-index: 3;
}
.block-custom .page-product-dazzlinggem .slick-arrow:hover {
  background: #C4AE7F;
}
.block-custom .page-product-dazzlinggem .slick-prev {
  left: -15px;
}
.block-custom .page-product-dazzlinggem .slick-prev::after {
  content: "";
  width: 8px;
  height: 8px;
  border-left: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 4px;
}
.block-custom .page-product-dazzlinggem .slick-next {
  right: -15px;
}
.block-custom .page-product-dazzlinggem .slick-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(-45deg);
  margin-right: 4px;
}
.block-custom .page-product-dazzlinggem .slick-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.block-custom .page-product-dazzlinggem ul.slick-dots {
  display: flex;
  height: 10px;
  justify-content: center;
  padding: 1em 0;
}
.block-custom .page-product-dazzlinggem ul.slick-dots li {
  margin: 0 5px;
}
.block-custom .page-product-dazzlinggem ul.slick-dots li button {
  background: #D4D4D4;
  border-radius: 50%;
  text-indent: -9000px;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.block-custom .page-product-dazzlinggem ul.slick-dots li.slick-active button {
  background: #A7966F;
}
.block-custom .page-product-dazzlinggem .block-common-modal--container {
  border-radius: 10px;
  max-width: 1080px;
}
.block-custom .page-product-dazzlinggem .block-common-modal--container::-webkit-scrollbar-track {
  border-radius: 0 10px 10px 0;
}
.block-custom .page-product-dazzlinggem .block-common-modal--close {
  font-size: 0.9em;
  width: auto;
  background: #ffffff;
  border-radius: 4px;
  left: calc(100% - 100px);
  position: sticky;
  padding: 5px 30px 5px 10px;
  display: inline-flex;
  align-items: center;
}
.block-custom .page-product-dazzlinggem .block-common-modal--close::before, .block-custom .page-product-dazzlinggem .block-common-modal--close::after {
  background-color: #000000;
  left: 60px;
  width: 18px;
}
.block-custom .page-product-dazzlinggem .mpBlock {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.block-custom .page-product-dazzlinggem .mpBlock-image {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5em;
}
.block-custom .page-product-dazzlinggem .mpBlock-image img {
  max-width: 175px;
  margin: auto;
}
.block-custom .page-product-dazzlinggem .mpBlock-data {
  width: 100%;
  background: #F8F1E7;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-title {
  font-size: 0.9em;
  color: #60523B;
  width: 100%;
  margin-top: -2em;
  margin-bottom: 1.5em;
  text-align: center;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-title span {
  display: inline-block;
  padding: 5px 15px;
  background: #E8DDCC;
  border-radius: 32px;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-cat {
  width: 100%;
  font-size: 0.8em;
  text-align: center;
  margin-bottom: 0.5em;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-list {
  width: 100%;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-list li {
  display: flex;
  justify-content: space-between;
  font-size: 0.7em;
  margin-bottom: 0.5em;
  letter-spacing: 0;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-list li a {
  border-radius: 8px;
  width: calc(100% - 55px);
  background: #EEE4D7;
  display: flex;
  text-decoration: none;
  padding: 0.1em 0.6em;
  align-items: center;
  transition: all 0.5s ease;
  line-height: 1.2;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-list li a:hover {
  background: #DCC29A;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-list li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #3B290A;
  border-right: solid 1px #3B290A;
  transform: rotate(45deg);
  margin-right: 0.5em;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-list li img {
  width: 50px;
  border-radius: 8px;
}
.block-custom .page-product-dazzlinggem .mpBlock-data-line {
  width: 100%;
  height: 0.5em;
  border-bottom: dashed 1px #B4A58D;
  margin-bottom: 1em;
}
.block-custom .page-product-dazzlinggem .mv {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -2;
}
.block-custom .page-product-dazzlinggem .mv-video {
  /*display: none;*/
}
.block-custom .page-product-dazzlinggem .mv-image {
  /* display: block;*/
  /*z-index: -1;*/
  position: absolute;
  bottom: 0;
}

/*ダズリングジェム＋アイグロウジェム集積ページ用*/
.block-custom .new20240716-visual {
  margin: 0 auto;
}
.block-custom .new20240716 h2 {
  display: none;
}
.block-custom .new20240716-wrap {
  position: relative;
  padding: 3em 0;
  overflow: hidden;
}
.block-custom .new20240716-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1280px;
  margin: auto;
  position: relative;
}
.block-custom .new20240716-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 50px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1em;
  z-index: 1;
}
.block-custom .new20240716-main {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 3em;
}
.block-custom .new20240716-image {
  margin: 4em auto 2em;
}
.block-custom .new20240716-image img {
  max-width: 300px;
  margin: auto;
}
.block-custom .new20240716-lead {
  margin-bottom: 2em;
  font-size: 1.7em;
  line-height: 1.8;
}
.block-custom .new20240716-date {
  background: #ffffff;
  padding: 0.5em 1em;
  font-size: 0.9em;
  margin-bottom: 2em;
  display: inline-block;
}
.block-custom .new20240716-name {
  font-size: 1.4em;
}
.block-custom .new20240716-txt {
  font-size: 0.9em;
}
.block-custom .new20240716-box {
  width: 45%;
  margin: 0 2% 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.block-custom .new20240716-box-image {
  width: 160px;
  border-radius: 50%;
  margin-bottom: 1.5em;
}
.block-custom .new20240716-box-image img {
  border-radius: 50%;
}
.block-custom .new20240716-box-name {
  font-size: 1.2em;
  margin-bottom: 1em;
}
.block-custom .new20240716-box-txt {
  font-size: 1em;
  margin-bottom: 1.5em;
}
.block-custom .new20240716-box-cart {
  height: 40px;
  margin: 0 auto 1.5em;
  color: #fff;
  background-color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1.5em;
}
.block-custom .new20240716-box-link {
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border: solid 1px #d4d4d4;
  padding: 0.5em 1.5em;
  background: #ffffff;
}
.block-custom .new20240716-box-link::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/decorte/img/decorte2023/pc/custom/dazzlinggem/search.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}
.block-custom .new20240716-video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
  top: 0;
  z-index: -2;
}
.block-custom .new20240716-dg .new20240716-mark {
  background: #624002;
}
.block-custom .new20240716-egg .new20240716-mark {
  background: #D7A087;
}
.block-custom .new20240716-egg .new20240716-image {
  max-width: 240px;
}
.block-custom .new20240716-egg .new20240716-date {
  background: #f0f0f0;
}
.block-custom .new20240716-egg .new20240716-box {
  margin: 0 auto;
}
.block-custom .new20240716-egg .new20240716-box-image {
  width: 140px;
}
.block-custom .new20240716 .rf::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #ffffff;
}
.block-custom .new20240716 .gradwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  z-index: -1;
}
.block-custom .new20240716 .mv {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -2;
}
.block-custom .new20240716 .mv-video {
  /*display: none;*/
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
  top: 0;
  z-index: -2;
}
.block-custom .new20240716 .mv-image {
  display: none;
  /*z-index: -1;*/
  position: absolute;
  top: 0;
  height: 100%;
}

.block-custom.page-product-diffuser {
  background-color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 40px !important;
}
.block-custom.page-product-diffuser .block-custom-container {
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom.page-product-diffuser .block-custom-key-visual {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-intro {
  margin-bottom: 80px;
  text-align: center;
}
.block-custom.page-product-diffuser .block-custom-intro--copy {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
}
.block-custom.page-product-diffuser .block-custom-intro--lead {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-intro--image {
  margin: 0 auto;
  max-width: 600px;
  position: relative;
}
.block-custom.page-product-diffuser .block-custom-intro--image-01 {
  margin-bottom: 10px;
}
.block-custom.page-product-diffuser .block-custom-type {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-type--title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
}
.block-custom.page-product-diffuser .block-custom-type--title-text {
  background-color: #ffffff;
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.block-custom.page-product-diffuser .block-custom-type--title::before {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 5%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgb(255, 255, 255) 95%);
  content: "";
  display: block;
  left: 0;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.block-custom.page-product-diffuser .block-custom-type--list-item {
  text-align: center;
}
.block-custom.page-product-diffuser .block-custom-type--list-item__ct {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-type--list-item__ct .block-custom-type--name {
  background-color: #eaf5fc;
}
.block-custom.page-product-diffuser .block-custom-type--list-item__osm {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-type--list-item__osm .block-custom-type--name {
  background-color: #fdf2e7;
}
.block-custom.page-product-diffuser .block-custom-type--list-item__rm {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-type--list-item__rm .block-custom-type--name {
  background-color: #fbeef4;
}
.block-custom.page-product-diffuser .block-custom-type--list-item__pw .block-custom-type--name {
  background-color: #eaedde;
}
.block-custom.page-product-diffuser .block-custom-type--name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  padding: 1em 0;
}
.block-custom.page-product-diffuser .block-custom-type--copy {
  font-size: 20px;
  line-height: 2;
  margin-bottom: 20px;
}
.block-custom.page-product-diffuser .block-custom-type--lead {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}
.block-custom.page-product-diffuser .block-custom-type--figure {
  margin: 0 auto;
  max-width: 375px;
}
.block-custom.page-product-diffuser .block-custom-feature {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 40px;
  padding-bottom: 40px;
  text-align: center;
}
.block-custom.page-product-diffuser .block-custom-feature--text {
  font-size: 16px;
  line-height: 2;
}
.block-custom.page-product-diffuser .block-custom-feature--text:not(:last-child) {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-feature--image {
  max-width: 600px;
  margin: 0 auto 40px;
}
.block-custom.page-product-diffuser .block-custom-feature--image-caption {
  display: inline-block;
  font-size: 12px;
  text-align: right;
  width: 100%;
}
.block-custom.page-product-diffuser .block-custom-use {
  margin-bottom: 80px;
}
.block-custom.page-product-diffuser .block-custom-use--image {
  margin: 0 auto 20px;
  max-width: 120px;
  width: 20%;
}
.block-custom.page-product-diffuser .block-custom-use--lead {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom.page-product-diffuser .block-custom-use--text {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser .block-custom-more--links-item:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom.page-product-diffuser .block-custom-more--links-item-anchor {
  font-size: 14px;
  line-height: 1;
  min-height: 40px;
  padding: calc(19px - 0.5em) 0;
  position: relative;
}
.block-custom.page-product-diffuser .block-custom-more--links-item-anchor::before {
  -webkit-transform: rotate(45deg);
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  line-height: 1;
  margin-right: 0.5em;
  margin-top: -2px;
  transform: rotate(45deg);
  vertical-align: middle;
}

.block-custom.page-product-diffuser-refill {
  background-color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 40px !important;
}
.block-custom.page-product-diffuser-refill .block-custom-container {
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom.page-product-diffuser-refill .block-custom-main-visual {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list {
  display: flex;
  flex-wrap: wrap;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item {
  text-align: center;
  width: calc(50% - 10px);
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item:nth-child(2n-1) {
  margin-right: 20px;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item:nth-child(1), .block-custom.page-product-diffuser-refill .block-custom-type-links--list-item:nth-child(2) {
  margin-bottom: 40px;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item__ct .block-custom-type-links--list-item-name {
  background-color: #eaf5fc;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item__osm .block-custom-type-links--list-item-name {
  background-color: #fdf2e7;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item__rm .block-custom-type-links--list-item-name {
  background-color: #fbeef4;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item__pw .block-custom-type-links--list-item-name {
  background-color: #eaedde;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item-name {
  font-weight: 700;
  line-height: 1;
  padding: 13px 0;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item-copy {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 2;
  margin-bottom: 20px;
}
.block-custom.page-product-diffuser-refill .block-custom-type-links--list-item-more-anchor {
  border: 1px solid;
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0 auto;
  padding: 7px 0;
  width: 100%;
}
.block-custom.page-product-diffuser-refill .block-custom-type--list-item {
  margin-bottom: 0;
}

.page-product-eyeglowgem {
  /*20240610追加*/
  /*限定品*/
  /*おすすめの組み合わせ*/
  /*ダズリングジェムの商品紹介*/
  /*slick*/
  /*modal*/
}
.page-product-eyeglowgem.block-custom {
  background-color: #ffffff;
  padding: 0 0 40px !important;
  position: relative;
}
.page-product-eyeglowgem .block-custom-visual {
  margin: 0 auto;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-intro--main-container {
  background-color: #ebd2c4;
  background-image: url("../../images/sp/custom/eyeglowgem/bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 40px 15px;
  margin-bottom: 40px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-intro {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 40px 10px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-intro--lead {
  font-size: 20px;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-intro--sub-lead {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-intro--text {
  font-size: 12px;
  line-height: 2;
}
.page-product-eyeglowgem .block-custom-page-nav {
  margin: 20px auto 0;
}
.page-product-eyeglowgem .block-custom-page-nav--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 0 auto;
}
.page-product-eyeglowgem .block-custom-page-nav--list-item {
  background-color: #d7a087;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 1px;
  padding: 1em 0.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-contents {
  margin: 0 auto 40px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-contents--title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0a090+0,f9cfc1+50,fae6de+75,fae6de+100 */
  background: #d0a090; /* Old browsers */
  background: -moz-linear-gradient(45deg, #d0a090 0%, #f9cfc1 50%, #fae6de 75%, #fae6de 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #d0a090 0%, #f9cfc1 50%, #fae6de 75%, #fae6de 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #d0a090 0%, #f9cfc1 50%, #fae6de 75%, #fae6de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d0a090", endColorstr="#fae6de",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  font-size: 16px;
  margin-bottom: 20px;
  padding: 1em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--point {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-feature--point-image {
  margin: 0 auto 20px;
  width: 60%;
}
.page-product-eyeglowgem .block-custom-feature--point-lead {
  border-bottom: 1px solid;
  color: #d7a087;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
  padding: 0.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--point-item {
  margin-left: 30px;
  font-size: 12px;
  padding-left: 50px;
  position: relative;
}
.page-product-eyeglowgem .block-custom-feature--point-item:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-feature--point-item-num {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0a090+0,f9e7e0+100 */
  background: #d0a090; /* Old browsers */
  background: -moz-linear-gradient(45deg, #d0a090 0%, #f9e7e0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #d0a090 0%, #f9e7e0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #d0a090 0%, #f9e7e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d0a090", endColorstr="#f9e7e0",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  align-items: center;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  height: 60px;
  justify-content: center;
  left: -20px;
  line-height: 1;
  padding: 0.2em 0.5em;
  position: absolute;
  text-align: center;
  top: calc(50% - 30px);
  width: 60px;
}
.page-product-eyeglowgem .block-custom-feature--point-item-caption {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.page-product-eyeglowgem .block-custom-feature--technology {
  background-color: #ebd2c4;
  margin: 0 auto;
  padding: 20px 15px;
}
.page-product-eyeglowgem .block-custom-feature--technology-title {
  background-color: #d7a087;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--technology-lead {
  background-color: #ffffff;
  font-size: 14px;
  padding: 30px 10px 0;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--technology-item {
  background-color: #ffffff;
  padding: 40px 10px;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 40px;
  position: relative;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-area::after {
  border: 20px solid transparent;
  border-bottom: none;
  border-top: 20px solid #dbdbdb;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 20px;
  left: calc(50% - 20px);
  position: absolute;
  width: 40px;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-area .block-custom-feature--technology-item-image {
  margin: 0;
  width: calc(50% - 5px);
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image {
  margin: 0 auto;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--technology-item-image-caption {
  display: block;
  font-size: 11px;
  line-height: 1.3;
  margin-top: 0.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-feature--texture {
  background-color: #ebd2c4;
  border-top: 1px solid #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px 15px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--texture-title {
  background-color: #d7a087;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--texture-item {
  background-color: #ffffff;
  padding: 40px 10px;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-feature--texture-item + .block-custom-feature--texture-item {
  margin-top: -40px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-name {
  border-bottom: 1px solid;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-text {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image {
  margin: 0 auto;
  width: 80%;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image-caption {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual {
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual .js-slick--prev {
  left: -40px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual .js-slick--next {
  right: -40px;
}
.page-product-eyeglowgem .block-custom-feature--texture-item-image .js-slick-manual .js-slick--dots {
  bottom: auto;
  margin-top: 10px;
  position: relative;
  right: auto;
}
.page-product-eyeglowgem .block-custom-color--list-container {
  margin: 0 auto 20px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-color--list-container + .block-custom-color--list-container {
  border-top: 1px solid #dbdbdb;
  padding-top: 20px;
}
.page-product-eyeglowgem .block-custom-color--texture {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--texture-image {
  margin-right: 20px;
  width: calc(50% - 40px);
}
.page-product-eyeglowgem .block-custom-color--texture-text-area {
  width: 50%;
}
.page-product-eyeglowgem .block-custom-color--texture-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-color--texture-text {
  font-size: 11px;
}
.page-product-eyeglowgem .block-custom-color--list {
  display: flex;
  flex-wrap: wrap;
}
.page-product-eyeglowgem .block-custom-color--list-item {
  margin: 20px 10px;
  text-align: center;
  width: calc(20% - 20px);
}
.page-product-eyeglowgem .block-custom-color--info-container {
  align-items: center;
  display: flex;
}
.page-product-eyeglowgem .block-custom-color--info-image {
  margin-right: 20px;
  width: calc(50% - 20px);
}
.page-product-eyeglowgem .block-custom-color--info-text-area {
  width: 50%;
}
.page-product-eyeglowgem .block-custom-color--info-name {
  border-bottom: 1px solid;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 11px;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal-area {
  display: inline-block;
  margin-right: 10px;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal {
  background-color: #000000;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0.5em;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal:not(:last-child) {
  margin-right: 4px;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__spring {
  background-color: #f0cecf;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__summer {
  background-color: #ceebf0;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__autumn {
  background-color: #f0dab6;
}
.page-product-eyeglowgem .block-custom-color--info-type-personal__winter {
  background-color: #ddf0b6;
}
.page-product-eyeglowgem .block-custom-color--info-type-use {
  background-color: #dbdbdb;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0.5em;
}
.page-product-eyeglowgem .block-custom-color--info-type-use:not(:last-child) {
  margin-right: 10px;
}
.page-product-eyeglowgem .block-custom-color--info-text {
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--other-area {
  margin-bottom: 40px;
}
.page-product-eyeglowgem .block-custom-color--other-area .block-custom-color--swatch {
  margin: 0 auto 20px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-color--other-area .block-custom-color--map {
  margin: 0 auto;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-color--image {
  width: calc(50% - 20px);
}
.page-product-eyeglowgem .block-custom-color--map {
  width: calc(50% - 20px);
}
.page-product-eyeglowgem .block-custom-color--filter {
  background-color: #000000;
  margin: 0 auto;
  padding: 30px 15px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--filter-title {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-color--filter-nav {
  color: #ffffff;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-title {
  border-bottom: 1px solid #666666;
  color: #999999;
  font-weight: 700;
  margin: 0 auto 10px;
  padding-bottom: 0.2em;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list {
  display: flex;
  justify-content: center;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item {
  align-items: center;
  border-bottom: 2px solid #000000;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  line-height: 1;
  padding-bottom: 5px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item:not(:last-child) {
  margin-right: 20px;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item.block-custom-color--filter-personal-trigger__active {
  border-color: #ffffff;
}
.page-product-eyeglowgem .block-custom-color--filter-nav-list-item.block-custom-color--filter-use-trigger__active {
  border-color: #ffffff;
}
.page-product-eyeglowgem .block-custom-color--filter-list {
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}
.page-product-eyeglowgem .block-custom-color--filter-list-item {
  margin: 10px 0;
  padding-left: 10px;
  text-align: center;
  width: 25%;
}
.page-product-eyeglowgem .block-custom-color--filter-list-item-num {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
  padding-right: 10px;
}
.page-product-eyeglowgem .block-custom-compar {
  text-align: center;
}
.page-product-eyeglowgem .block-custom-compar--title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-compar--title strong {
  font-size: 30px;
}
.page-product-eyeglowgem .block-custom-compar--lead {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-compar--more-anchor {
  align-items: center;
  background-color: #333333;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  width: 300px;
}
.page-product-eyeglowgem .block-custom-compar--container {
  border: 1px solid #333333;
  margin: 0 auto;
  padding: 40px 20px;
  width: calc(100% - 30px);
}
.page-product-eyeglowgem .block-custom-recommend--list .js-slick--dots {
  margin: 10px auto 0;
  text-align: center;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-recommend--list-item {
  text-align: center;
}
.page-product-eyeglowgem .block-custom-recommend--list-item-thumbnail {
  padding-left: 60px;
}
.page-product-eyeglowgem .block-custom-recommend--list-item-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-ranking {
  /*margin-bottom: 0;*/
  width: 100%;
}
.page-product-eyeglowgem .block-custom-ranking--title {
  background-color: #f0f0f0;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-ranking--nav {
  padding: 0 20px;
  margin-bottom: 20px;
}
.page-product-eyeglowgem .block-custom-ranking--nav-group-name {
  background-color: #f0f0f0;
  font-size: 10px;
  margin-bottom: 4px;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-ranking--nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-ranking--nav-list:not(:last-child) {
  margin-bottom: 10px;
}
.page-product-eyeglowgem .block-custom-ranking--nav-list-item {
  border: 1px solid #c3c3c3;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0.5em;
  text-align: center;
  width: calc(50% - 2px);
}
.page-product-eyeglowgem .block-custom-ranking--nav-list-item__active {
  background-color: #333333;
  color: #ffffff;
}
.page-product-eyeglowgem .block-custom-ranking--list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}
.page-product-eyeglowgem .block-custom-ranking--list-item {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-top: 30px;
  position: relative;
  text-align: center;
  width: 33.3333333333%;
}
.page-product-eyeglowgem .block-custom-ranking--list-item::before {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank01::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_01.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank02::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_02.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank03::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_03.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank04::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_04.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank05::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_05.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank06::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_06.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank07::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_07.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank08::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_08.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank09::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_09.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank10::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_10.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank11::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_11.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank12::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_12.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank13::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_13.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank14::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_14.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank15::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_15.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank16::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_16.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank17::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_17.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank18::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_18.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank19::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_19.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank20::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_20.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank21::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_21.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank22::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_22.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank23::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_23.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank24::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_24.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank25::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_25.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank26::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_26.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank27::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_27.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank28::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_28.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank29::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_29.png");
}
.page-product-eyeglowgem .block-custom-ranking--list-item__rank30::before {
  background-image: url("../../../img/decorte2023/sp/ranking/rank_30.png");
}
.page-product-eyeglowgem .block-custom-limited-lead {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-limited-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 0;
}
.page-product-eyeglowgem .block-custom-limited-content {
  /*position: absolute;*/
  margin: 0 auto;
  width: 96%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.page-product-eyeglowgem .block-custom-limited-box {
  width: 260px;
  margin-bottom: 2.5em;
  text-align: center;
}
.page-product-eyeglowgem .block-custom-limited-box img {
  border-radius: 8px;
  width: 240px;
  height: 240px;
  margin: 0 10px 10px;
}
.page-product-eyeglowgem .block-custom-limited-slide {
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-limited-name {
  margin-bottom: 1em;
  font-size: 1.4em;
}
.page-product-eyeglowgem .block-custom-limited-txt {
  font-size: 1.1em;
}
.page-product-eyeglowgem .block-custom-limited-tama {
  position: relative;
}
.page-product-eyeglowgem .block-custom-limited-tama > span {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
}
.page-product-eyeglowgem .block-custom-limited-tama > span > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: solid 1px #D7A087;
  background: #ffffff;
}
.page-product-eyeglowgem .block-custom-limited-tama > span > span img {
  width: 90%;
  height: auto;
  border-radius: 50%;
  margin: 0;
}
.page-product-eyeglowgem .block-custom-combi-lead {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-combi-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 0 2em;
  text-align: center;
  background: #EBD2C4;
  padding: 20px 4%;
}
.page-product-eyeglowgem .block-custom-combi-content {
  margin: 0 auto;
  width: 96%;
  text-align: center;
  justify-content: space-between;
}
.page-product-eyeglowgem .block-custom-combi-navi {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn {
  margin: 0 5px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  background: #ffffff;
  border: solid 3px rgba(215, 160, 135, 0);
  /*transition: all .5s ease;*/
  border-radius: 50%;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn span {
  line-height: 1.1;
  position: absolute;
  top: 1em;
  font-size: 0.75em;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn img {
  border-radius: 50%;
  width: 80px;
  margin-top: 1em;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn.active {
  border: solid 3px rgb(215, 160, 135);
  z-index: 1;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn.active::before {
  content: "";
  display: block;
  background-color: #d7a087;
  width: 71px;
  height: 28px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -16px;
}
.page-product-eyeglowgem .block-custom-combi-navi-btn-wrap {
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  width: 94px;
  height: 94px;
}
.page-product-eyeglowgem .block-custom-combi-body-box {
  display: none;
}
.page-product-eyeglowgem .block-custom-combi-body-box.active {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock {
  width: 100%;
  padding: 1.5em 1em;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 0.5em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-title {
  font-size: 1.3em;
  color: #60523B;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-title span {
  font-size: 0.75em;
  display: block;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image {
  display: flex;
  margin-bottom: 2em;
  align-items: center;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > p > span {
  font-size: 0.85em;
  line-height: 1.5;
  display: block;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span {
  width: 30px;
  height: 30px;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::before, .page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::after {
  content: "";
  display: block;
  background: #666666;
  position: absolute;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::before {
  width: 1px;
  height: 100%;
  transform: rotate(45deg);
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-image > span::after {
  width: 1px;
  height: 100%;
  transform: rotate(-45deg);
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto {
  background: #F9E4DB;
  border-radius: 8px;
  padding: 10px 12px 15px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
  justify-content: space-between;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-title {
  font-size: 0.9em;
  color: #60523B;
  width: 100%;
  margin-top: -2em;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-title span {
  display: inline-block;
  padding: 5px 15px;
  background: #D7A087;
  color: #ffffff;
  border-radius: 32px;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-image {
  height: 90px;
  width: 120px;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-image img {
  height: 100%;
  width: auto;
  margin: auto;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt {
  width: calc(100% - 130px);
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt ol {
  /*counter-reset: number;*/
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt ol li {
  font-size: 0.9em;
  margin-bottom: 0.2em;
  position: relative;
  text-align: left;
  padding-left: 1.3em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt ol li > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-howto-txt-notice {
  font-size: 0.6em;
  text-align: left;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-link {
  background: #9F674E;
  color: #ffffff;
  padding: 1.5em 1em;
  border-radius: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.9em;
}
.page-product-eyeglowgem .block-custom-combi-body-box .combiBlock-link::after {
  content: "";
  background: url("/decorte/img/decorte2023/sp/custom/dazzlinggem/linkicon.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  display: block;
  width: 18px;
  height: 20px;
  right: 1em;
}
.page-product-eyeglowgem .block-custom-dg h2 {
  display: none;
}
.page-product-eyeglowgem .block-custom-dg-wrap {
  display: flex;
  justify-content: center;
  padding: 0 0 2em;
  flex-direction: column;
}
.page-product-eyeglowgem .block-custom-dg-box {
  width: 100%;
  text-align: center;
  margin-bottom: 2.5em;
}
.page-product-eyeglowgem .block-custom-dg-box-image {
  max-width: 200px;
  margin: 0 auto 1em;
}
.page-product-eyeglowgem .block-custom-dg-box-name {
  margin-bottom: 1em;
  font-size: 1.4em;
}
.page-product-eyeglowgem .block-custom-dg-box-txt {
  font-size: 1.1em;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .block-custom-dg-box-link {
  display: inline-block;
  background: #000000;
  color: #ffffff;
  padding: 1em 1.5em;
  font-size: 1em;
}
.page-product-eyeglowgem .block-custom-dg-box-link:hover {
  background: #444444;
}
.page-product-eyeglowgem .block-custom-limited .slick-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  text-indent: -9000px;
  border-radius: 50%;
  background: #FAE6DE;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(50% - 20px);
  cursor: pointer;
}
.page-product-eyeglowgem .block-custom-limited .slick-arrow:hover {
  background: #EECCBE;
}
.page-product-eyeglowgem .block-custom-limited .slick-prev {
  left: -40px;
}
.page-product-eyeglowgem .block-custom-limited .slick-prev::after {
  content: "";
  width: 8px;
  height: 8px;
  border-left: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 4px;
}
.page-product-eyeglowgem .block-custom-limited .slick-next {
  right: -40px;
}
.page-product-eyeglowgem .block-custom-limited .slick-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(-45deg);
  margin-right: 4px;
}
.page-product-eyeglowgem .block-custom-limited .slick-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots {
  display: flex;
  height: 10px;
  justify-content: center;
  padding: 1em 0;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots li {
  margin: 0 5px;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots li button {
  background: #D4D4D4;
  border-radius: 50%;
  text-indent: -9000px;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.page-product-eyeglowgem .block-custom-limited ul.slick-dots li.slick-active button {
  background: #D7A087;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--container {
  border-radius: 10px;
  max-width: 1080px;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--container::-webkit-scrollbar-track {
  border-radius: 0 10px 10px 0;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--close {
  font-size: 1.1em;
  width: auto;
  background: #ffffff;
  border-radius: 4px;
  left: calc(100% - 75px);
  position: sticky;
  padding: 5px 26px 5px 10px;
  display: inline-flex;
  align-items: center;
}
.page-product-eyeglowgem .eggcustom .block-common-modal--close::before, .page-product-eyeglowgem .eggcustom .block-common-modal--close::after {
  background-color: #000000;
  left: 45px;
  width: 14px;
}
.page-product-eyeglowgem .mpBlock {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-product-eyeglowgem .mpBlock-image {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-product-eyeglowgem .mpBlock-image img {
  max-width: 175px;
  margin: auto;
}
.page-product-eyeglowgem .mpBlock-data {
  width: 100%;
  background: #F9E4DB;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.page-product-eyeglowgem .mpBlock-data-title {
  font-size: 1em;
  color: #60523B;
  width: 100%;
  margin-top: -2em;
  margin-bottom: 1.5em;
  text-align: center;
}
.page-product-eyeglowgem .mpBlock-data-title span {
  display: inline-block;
  padding: 5px 15px;
  background: #D7A087;
  color: #ffffff;
  border-radius: 32px;
}
.page-product-eyeglowgem .mpBlock-data-cat {
  width: 100%;
  font-size: 1em;
  text-align: center;
  margin-bottom: 0.5em;
}
.page-product-eyeglowgem .mpBlock-data-list {
  width: 100%;
}
.page-product-eyeglowgem .mpBlock-data-list li {
  display: flex;
  justify-content: space-between;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  letter-spacing: 0;
}
.page-product-eyeglowgem .mpBlock-data-list li a {
  border-radius: 8px;
  width: calc(100% - 55px);
  background: #F0D1C3;
  display: flex;
  text-decoration: none;
  padding: 0.1em 0.6em;
  align-items: center;
  transition: all 0.5s ease;
  line-height: 1.2;
}
.page-product-eyeglowgem .mpBlock-data-list li a:hover {
  background: #E1B4A0;
}
.page-product-eyeglowgem .mpBlock-data-list li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #3B290A;
  border-right: solid 1px #3B290A;
  transform: rotate(45deg);
  margin-right: 0.5em;
}
.page-product-eyeglowgem .mpBlock-data-list li img {
  width: 50px;
  border-radius: 8px;
}
.page-product-eyeglowgem .mpBlock-data-line {
  width: 100%;
  height: 0.5em;
  border-bottom: dashed 1px #B4A58D;
  margin-bottom: 1em;
}

.page-product-facepowder.block-custom {
  background-color: #000000;
  padding: 0 0 60px !important;
}
.page-product-facepowder .block-custom--subject {
  max-width: 1280px;
  color: #ffffff;
  margin: 0 auto 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.page-product-facepowder .leadBlock {
  margin: 0 auto 50px;
}
.page-product-facepowder .leadBlock__image {
  width: 100%;
  background: #f2e8f3;
}
.page-product-facepowder .leadBlock__txt {
  width: 100%;
  background: #ffffff;
  padding: 40px 0;
}
.page-product-facepowder .leadBlock__txt .title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}
.page-product-facepowder .leadBlock__txt .pointArea {
  margin-bottom: 30px;
}
.page-product-facepowder .leadBlock__txt .pointArea__layout {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 5px;
}
.page-product-facepowder .leadBlock__txt .pointArea__obj {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #FBEFEA;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
}
.page-product-facepowder .leadBlock__txt .pointArea__title {
  color: #CC5F5A;
  font-size: 14px;
  margin-bottom: 10px;
}
.page-product-facepowder .leadBlock__txt .pointArea__txt {
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}
.page-product-facepowder .leadBlock__txt .notice {
  font-size: 9px;
  text-align: center;
}
.page-product-facepowder .distMap {
  padding: 20px 10px;
  margin: 0 10px 50px;
  background: #ffffff;
}
.page-product-facepowder .distMap__image {
  text-align: center;
}
.page-product-facepowder .distMap__image img {
  max-width: 738px;
  margin: auto;
}
.page-product-facepowder .addItem {
  padding: 40px 0;
  margin: 0 10px 50px;
  text-align: center;
  background: #ffffff;
}
.page-product-facepowder .addItem__image {
  max-width: 140px;
  margin: 0 auto 40px;
}
.page-product-facepowder .addItem__txt {
  font-size: 12px;
  margin-bottom: 40px;
}
.page-product-facepowder .addItem__link {
  width: 80%;
  max-width: 300px;
}
.page-product-facepowder .campaignBlock {
  padding: 20px 15px;
  margin: 0 10px;
  text-align: center;
  background: #ffffff;
}
.page-product-facepowder .campaignBlock__date {
  padding: 5px 10px;
  background: #666666;
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
}
.page-product-facepowder .campaignBlock__name {
  font-size: 18px;
  margin-bottom: 40px;
}
.page-product-facepowder .campaignBlock__txt {
  font-size: 12px;
  margin-bottom: 40px;
  text-align: left;
}
.page-product-facepowder .campaignBlock__layout {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-product-facepowder .campaignBlock__detail {
  text-align: left;
  width: 100%;
  padding-right: 40px;
  font-size: 12px;
  order: 2;
}
.page-product-facepowder .campaignBlock__detail p {
  margin-bottom: 20px;
}
.page-product-facepowder .campaignBlock__detail p:last-of-type {
  margin-bottom: 0;
}
.page-product-facepowder .campaignBlock__image {
  width: 80%;
  max-width: 240px;
  border: solid 1px #cccccc;
  order: 1;
  margin: 0 auto 40px;
}
.page-product-facepowder .small {
  font-size: 0.8em;
}

/*.block-custom {
  background-color: $white;
  padding: 0 0 40px !important;
  position: relative;
}*/
.block-custom {
  /* 2025 limited */
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-visual {
  margin: 0 auto 40px;
  width: 100%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro {
  margin-bottom: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products {
  margin-bottom: 20px;
  padding: 0 20px;
  display: none;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products-image {
  margin: 0 auto;
  width: 20%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products-sub-image {
  margin: 20px auto 0;
  width: 80%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products-copy {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products-lead {
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products-text {
  margin-bottom: 10px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products-notes {
  font-size: 10px;
  margin-top: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--products-notes-caption {
  border: 1px solid;
  display: inline-block;
  line-height: 1;
  padding: 0.5em;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 8px;
  margin: 30px 0;
  padding: 0 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--features-item {
  align-items: center;
  background-color: #f9e4d7;
  border-radius: 50%;
  display: flex;
  font-size: 11px;
  font-weight: 500;
  height: 28vw;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.3;
  overflow: hidden;
  text-align: center;
  width: 28vw;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--sample {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--sample-caption {
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--lineup-lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--lineup-list {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--lineup-list figcaption {
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--lineup-list figcaption:first-child {
  margin-bottom: 10px;
  font-size: 14px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-intro--lineup-list figcaption:last-child {
  margin-top: 20px;
  font-size: 10px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-contents {
  border: 20px solid #fcf2eb;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto;
  padding: 20px 10px;
  width: 100%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-contents:not(:last-child) {
  margin-bottom: 40px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-contents--title {
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-contents--title::after {
  background-color: #f9e4d7;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: calc(50% - 20px);
  position: absolute;
  width: 40px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature {
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature--item {
  width: 100%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature--item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature--item:not(:last-child) .block-custom-feature--item-title {
  cursor: pointer;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature--item-title {
  background-color: #f9e4d7;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature--item-title::after {
  border: 24px solid transparent;
  border-bottom: none;
  border-top: 20px solid;
  bottom: -40px;
  color: #666666;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 24px);
  top: auto;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature--item-title::after {
  bottom: calc(50% - 4px);
  border-width: 8px;
  right: 10px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-feature--item-lead {
  font-size: 14px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--lead {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--sub-lead {
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 20px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--list::before {
  background-color: #c3c3c3;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: calc(50% - 15px);
  transform: rotate(45deg);
  top: 50%;
  width: 30px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--list::after {
  background-color: #c3c3c3;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: calc(50% - 15px);
  transform: rotate(-45deg);
  top: 50%;
  width: 30px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--list-item {
  align-items: center;
  background-color: #f9e4d7;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  height: calc(50vw - 60px);
  justify-content: center;
  position: relative;
  text-align: center;
  width: calc(50vw - 60px);
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--list-item::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--list-item::before {
  background-color: #ffffff;
  border-radius: 50%;
  bottom: 10px;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: calc(50% - 10px);
  width: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--list-item::after {
  bottom: 15px;
  color: #f99f67;
  right: calc(50% - 2px);
  top: auto;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--item {
  background-color: #f9e4d7;
  margin: 0 auto;
  padding: 20px 10px;
  width: 100%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--item-name {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--diagram {
  margin: 0 auto 20px;
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--diagram-caption {
  font-size: 12px;
  margin-top: -20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other {
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-title {
  background-color: #efefef;
  margin-bottom: 20px;
  padding: 0.5em;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item {
  width: calc((100% - 20px) / 3);
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item:nth-child(1), .block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item:nth-child(2), .block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item:nth-child(4), .block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item:nth-child(5), .block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item:nth-child(7) {
  margin-right: 10px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item:nth-child(-n+6) {
  margin-bottom: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-list-item-caption {
  display: block;
  font-size: 10px;
  line-height: 1.3;
  margin-bottom: 4px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-components--other-notes {
  font-size: 10px;
  margin-top: 10px;
  text-align: right;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-next-lead {
  font-size: 20px;
  margin-bottom: 100px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-next-lead::after {
  border: 24px solid transparent;
  border-bottom: none;
  border-top: 20px solid;
  bottom: -40px;
  color: #666666;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 24px);
  top: auto;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-next-lead::after {
  border-top-color: #c3c3c3;
  border-width: 60px;
  border-top-width: 40px;
  bottom: -50px;
  right: calc(50% - 60px);
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--title {
  background-color: #f9e4d7;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item {
  text-align: center;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item:not(:last-child) {
  margin-bottom: 40px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item:last-child {
  border-top: 1px solid #9fa0a0;
  padding-top: 40px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-copy {
  font-size: 20px;
  margin-bottom: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-image {
  margin: 0 auto 10px;
  width: 60%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-profile {
  margin-bottom: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-feature:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-feature-title {
  background-color: #efefef;
  font-size: 12px;
  margin-bottom: 10px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-feature-text {
  font-size: 14px;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-feature-text-underline {
  border-bottom: 1px solid #9fa0a0;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-feature-text-checkicon {
  display: inline-block;
  height: 0.8em;
  margin-right: 0.5em;
  width: 0.8em;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-more {
  margin: 20px auto 0;
  width: 80%;
}
.block-custom .page-products-flawlessskinglowrizer .block-custom-lineup--item-more-anchor {
  background-color: #333333;
  color: #ffffff;
  display: block;
  padding: 1em 0;
}
.block-custom .page-products-flawlessskinglowrizer-202501limited .block-custom-contents {
  border-color: #fff2fa;
}
.block-custom .page-products-flawlessskinglowrizer-202501limited .block-custom-contents--title::after {
  background-color: #f6e0ed;
}
.block-custom .page-products-flawlessskinglowrizer-202501limited .block-custom-intro--features-item {
  background-color: #f6e0ed;
}
.block-custom .page-products-flawlessskinglowrizer-202501limited .block-custom-feature--item-title {
  background-color: #f6e0ed;
}
.block-custom .page-products-flawlessskinglowrizer-202501limited .block-custom-components--list-item {
  background-color: #f6e0ed;
}
.block-custom .page-products-flawlessskinglowrizer-202501limited .block-custom-components--list-item::after {
  color: #c8ace3;
}
.block-custom .page-products-flawlessskinglowrizer-202501limited .block-custom-components--item {
  background-color: #f6e0ed;
}

.page-product-hydraclarity.block-custom {
  padding: 0 0 60px !important;
}
.page-product-hydraclarity .block-custom--subject {
  max-width: 1280px;
  color: #ffffff;
  margin: 0 auto 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.page-product-hydraclarity .block-custom--subject .txt {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
}
.page-product-hydraclarity .block-custom-page-nav {
  background-color: #d4bec5;
  margin: 0 auto;
  padding: 10px 15px;
}
.page-product-hydraclarity .block-custom-page-nav--list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}
.page-product-hydraclarity .block-custom-page-nav--list-item {
  background-color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  padding: 10px;
  text-align: center;
  width: calc((100% - 2px) / 3);
  width: calc((100% - 1px) / 2);
}
.page-product-hydraclarity .block-custom-page-nav--list-item:nth-child(1) {
  margin-right: 1px;
}
.page-product-hydraclarity .block-custom-page-nav--list-item:nth-child(3) {
  margin-top: 1px;
  width: 100%;
}
.page-product-hydraclarity .block-custom-page-nav--list-item::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: block;
  margin: 0 auto;
  height: 8px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  width: 8px;
}
.page-product-hydraclarity .block-custom-rate {
  background-color: #ffffff;
  margin: 0 auto 40px;
  padding: 40px 15px;
  position: relative;
}
.page-product-hydraclarity .block-custom-rate--title {
  background: #E4D1D1;
  font-size: 18px;
  margin-bottom: 25px;
  text-align: center;
  padding: 5px;
  width: 100%;
}
.page-product-hydraclarity .block-custom-rate--text {
  font-size: 14px;
}
.page-product-hydraclarity .block-custom-rate--image {
  margin: 0 auto 20px;
  max-width: 750px;
  width: 80%;
}
.page-product-hydraclarity .block-custom-movie {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.page-product-hydraclarity .block-custom-system {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0 15px;
}
.page-product-hydraclarity .block-custom-system--lead {
  font-size: 18px;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-hydraclarity .block-custom-system--sub-text {
  display: block;
  font-size: 12px;
}
.page-product-hydraclarity .block-custom-banner {
  padding: 0 15px;
  margin: 0 0 40px;
}
.page-product-hydraclarity .block-custom-banner:first-child {
  padding-top: 40px;
}
.page-product-hydraclarity .block-custom-banner--link-anchor {
  display: block;
  max-width: 750px;
  width: 100%;
}
.page-product-hydraclarity .leadBlock {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.page-product-hydraclarity .leadBlock2 {
  background: #D4BEC5;
  color: #ffffff;
  padding: 40px 20px;
  max-width: 1280px;
  margin: 40px auto 40px;
  text-align: center;
}
.page-product-hydraclarity .leadBlock2__txt {
  width: 100%;
  text-align: center;
}
.page-product-hydraclarity .leadBlock2__txt .copy1 {
  font-size: 18px;
  margin-bottom: 10px;
}
.page-product-hydraclarity .leadBlock2__txt .copy2 {
  font-size: 36px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.page-product-hydraclarity .leadBlock2__txt .copy2 span {
  display: block;
  font-size: 28px;
}
.page-product-hydraclarity .leadBlock2__txt .copy3 {
  font-size: 18px;
  margin-bottom: 40px;
}
.page-product-hydraclarity .leadBlock2__txt .txt {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}
.page-product-hydraclarity .leadBlock2__txt .notice {
  padding-top: 20px;
  font-size: 12px;
}
.page-product-hydraclarity .featureBlock {
  position: relative;
}
.page-product-hydraclarity .featureBlock__txt {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 100%;
}
.page-product-hydraclarity .featureBlock__mark {
  font-size: 18px;
  height: 60px;
  position: absolute;
  right: calc(50% - 9em);
  top: 50px;
  width: 60px;
}
.page-product-hydraclarity .featureBlock2 {
  max-width: 1280px;
  margin: 0 auto 40px;
  position: relative;
  background: #ffffff;
  padding: 40px 15px;
}
.page-product-hydraclarity .featureBlock2__area {
  max-width: 900px;
  margin: 0 auto 40px;
  text-align: center;
}
.page-product-hydraclarity .featureBlock2__title {
  background: #E4D1D1;
  padding: 5px;
  width: 100%;
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}
.page-product-hydraclarity .featureBlock2__txt {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-hydraclarity .featureBlock2__txt:last-child {
  margin-bottom: 0;
}
.page-product-hydraclarity .featureBlock2__lead1 {
  font-size: 24px;
  margin-bottom: 5px;
}
.page-product-hydraclarity .featureBlock2__lead2 {
  border-top: solid 1px #D6BABB;
  padding-top: 40px;
  margin-bottom: 40px;
}
.page-product-hydraclarity .featureBlock2__lead2 .copy1 {
  font-size: 18px;
  margin-bottom: 10px;
}
.page-product-hydraclarity .featureBlock2__lead2 .copy2 {
  font-size: 24px;
  font-weight: bold;
  color: #D6BABB;
}
.page-product-hydraclarity .featureBlock2__lead3 {
  font-size: 18px;
  margin-bottom: 40px;
}
.page-product-hydraclarity .featureBlock2__lead4 {
  font-size: 24px;
  color: #D6BABB;
}
.page-product-hydraclarity .featureBlock2__image1 {
  max-width: 600px;
  margin: 0 auto 40px;
}
.page-product-hydraclarity .featureBlock2__image2 {
  max-width: 750px;
  margin: 0 auto 20px;
}
.page-product-hydraclarity .featureBlock2 .componetBlock {
  max-width: 750px;
  margin: 0 auto 20px;
  border: solid 1px #E4D1D1;
}
.page-product-hydraclarity .featureBlock2 .componetBlock__title {
  background: #E4D1D1;
  padding: 5px;
  font-size: 14px;
  text-align: center;
}
.page-product-hydraclarity .featureBlock2 .componetBlock > div {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-product-hydraclarity .featureBlock2 .componetBlock__image {
  width: 120px;
}
.page-product-hydraclarity .featureBlock2 .componetBlock__txt {
  width: calc(100% - 135px);
  text-align: left;
  font-size: 14px;
}
.page-product-hydraclarity .featureBlock2 .componetBlock__txt span {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}
.page-product-hydraclarity .featureBlock2 .skinImage {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 20px;
}
.page-product-hydraclarity .featureBlock2 .skinImage__block {
  width: 100%;
}
.page-product-hydraclarity .featureBlock2 .skinImage__block:first-of-type {
  margin-bottom: 40px;
}
.page-product-hydraclarity .featureBlock2 .skinImage__image {
  position: relative;
  margin-bottom: 25px;
}
.page-product-hydraclarity .featureBlock2 .skinImage__image span {
  position: absolute;
  right: 0;
  bottom: -1.5em;
  font-size: 12px;
}
.page-product-hydraclarity .featureBlock2 .skinImage__title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.page-product-hydraclarity .featureBlock2 .skinImage__list li {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  font-size: 14px;
}
.page-product-hydraclarity .featureBlock2 .skinImage__list li::before {
  content: "・";
  margin-right: 5px;
}
.page-product-hydraclarity .featureBlock2__notice {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 40px;
}
.page-product-hydraclarity .featureBlock2__notice p {
  width: 100%;
  text-align: left;
}
.page-product-hydraclarity .featureBlock2__notice p.frame {
  width: auto;
  display: inline-block;
  padding: 3px 6px;
  margin: 0 0 15px;
  border: solid 1px #000000;
}
.page-product-hydraclarity .featureBlock2 > *:last-child {
  margin-bottom: 0;
}
.page-product-hydraclarity .limitedBlock {
  max-width: 1280px;
  margin: 0 auto 40px;
  position: relative;
  background: #ffffff;
  padding: 40px 15px;
  text-align: center;
}
.page-product-hydraclarity .limitedBlock__date {
  color: #D6BABB;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  border: solid 1px #D6BABB;
  padding: 5px 8px;
  margin-bottom: 15px;
}
.page-product-hydraclarity .limitedBlock__title {
  color: #D6BABB;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.page-product-hydraclarity .limitedBlock__image {
  max-width: 172px;
  margin: 0 auto 20px;
}
.page-product-hydraclarity .limitedBlock__txt {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-hydraclarity .limitedBlock__notice {
  font-size: 12px;
  text-align: left;
}
.page-product-hydraclarity .serif {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-product-hydraclarity .small {
  font-size: 0.8em;
}
.page-product-hydraclarity .block-product-system {
  margin: 40px auto 0;
  width: calc(100% - 30px);
}
.page-product-hydraclarity .block-product-system--title {
  background-color: #dbdbdb;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}
.page-product-hydraclarity .block-product-system--trigger {
  background-color: #dbdbdb;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}
.page-product-hydraclarity .block-product-system--container {
  padding-top: 20px;
}
.page-product-hydraclarity .block-product-system--container:not(:last-child) {
  border-bottom: 1px solid;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.page-product-hydraclarity .block-product-system--step {
  position: relative;
  text-align: center;
}
.page-product-hydraclarity .block-product-system--step:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 60px;
}
.page-product-hydraclarity .block-product-system--step:not(:last-child)::after {
  border: 20px solid transparent;
  border-top: 20px solid #666666;
  box-sizing: border-box;
  bottom: -20px;
  content: "";
  display: block;
  left: calc(50% - 20px);
  position: absolute;
}
.page-product-hydraclarity .block-product-system--step-header {
  margin-bottom: 20px;
}
.page-product-hydraclarity .block-product-system--step-header-title {
  font-weight: 700;
  font-size: 20px;
}
.page-product-hydraclarity .block-product-system--step-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.page-product-hydraclarity .block-product-system--step-row:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.page-product-hydraclarity .block-product-system--step-row:not(:last-child)::after {
  border: 10px solid transparent;
  border-top: 10px solid #dbdbdb;
  box-sizing: border-box;
  bottom: -10px;
  content: "";
  display: block;
  left: calc(50% - 10px);
  position: absolute;
}
.page-product-hydraclarity .block-product-system--step-row__personal {
  background-color: #f0f0f0;
  margin: 0 -15px;
  padding: 20px 15px 20px;
  width: calc(100% + 30px);
}
.page-product-hydraclarity .block-product-system--step-row__personal .block-product-system--step-row-item {
  background-color: #ffffff;
  border: none;
  margin-bottom: 20px;
}
.page-product-hydraclarity .block-product-system--step-row__option {
  border: 1px solid #dbdbdb;
  padding: 20px 15px 20px;
  width: 100%;
}
.page-product-hydraclarity .block-product-system--step-row__nightday {
  display: flex;
  flex-wrap: wrap;
}
.page-product-hydraclarity .block-product-system--step-row-nightday-column {
  width: calc(50% - 20px);
}
.page-product-hydraclarity .block-product-system--step-row-nightday-column:first-child {
  margin-right: 40px;
}
.page-product-hydraclarity .block-product-system--step-row-nightday-column .block-product-system--step-row-item {
  margin: 0 auto;
  width: 100%;
}
.page-product-hydraclarity .block-product-system--step-row-nightday-column .block-product-system--step-header-title {
  border-bottom: 1px solid #000000;
  line-height: 1.3;
  padding-bottom: 0.5em;
}
.page-product-hydraclarity .block-product-system--step-row-item {
  font-size: 12px;
  padding: 20px 5px;
  width: calc((100% - 40px) / 2);
}
.page-product-hydraclarity .block-product-system--step-row-item-anchor {
  text-decoration: none;
}
.page-product-hydraclarity .block-product-system--step-row-item-image {
  padding: 0 10px;
}
.page-product-hydraclarity .block-product-system--step-row-item .icon {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.page-product-hydraclarity .block-product-system--step-row-item .icon-day {
  background-color: #dbdbdb;
  background-image: url("../../images/common_day_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
.page-product-hydraclarity .block-product-system--step-row-item .icon-day:not(:last-child) {
  margin-right: 2px;
}
.page-product-hydraclarity .block-product-system--step-row-item .icon-night {
  background-color: #dbdbdb;
  background-image: url("../../images/common_night_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
.page-product-hydraclarity .block-product-system--step-row-or {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 40px;
}
.page-product-hydraclarity .block-product-system--step-row-personal-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}
.page-product-hydraclarity .block-product-system--step-row-option-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}

body.-hidden {
  overflow: hidden;
}

.block-custom .page-products-hydraclarity-lotioon {
  color: rgb(76, 75, 75);
}
.block-custom .page-products-hydraclarity-lotioon h1, .block-custom .page-products-hydraclarity-lotioon h2, .block-custom .page-products-hydraclarity-lotioon h3, .block-custom .page-products-hydraclarity-lotioon h4, .block-custom .page-products-hydraclarity-lotioon dt, .block-custom .page-products-hydraclarity-lotioon dd, .block-custom .page-products-hydraclarity-lotioon li, .block-custom .page-products-hydraclarity-lotioon p, .block-custom .page-products-hydraclarity-lotioon span, .block-custom .page-products-hydraclarity-lotioon small, .block-custom .page-products-hydraclarity-lotioon th, .block-custom .page-products-hydraclarity-lotioon td, .block-custom .page-products-hydraclarity-lotioon figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
.block-custom .page-products-hydraclarity-lotioon sup {
  vertical-align: super;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-series-visual {
  margin-bottom: 60px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-series-copy {
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-series-copy--catch {
  margin-bottom: 20px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-series-copy--catch-text-01 {
  display: block;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-series-copy--catch-text-02 {
  display: block;
  font-size: 24px;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 6px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-series-copy--catch-text-03 {
  display: block;
  font-size: 30px;
  line-height: 1;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-series-copy--lead {
  font-size: 14px;
  line-height: 1.6;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow sup {
  display: inline-block;
  font-size: 8px;
  line-height: 1;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container {
  padding-left: 20px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container .js-slick--prev {
  left: 16px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container .js-slick--prev::after {
  margin-left: 4px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container .js-slick--next {
  right: 16px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container .js-slick--next::after {
  margin-right: 4px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container .js-slick--arrow {
  background-color: rgb(217, 217, 217);
  border-radius: 50%;
  color: #ffffff;
  height: 36px;
  opacity: 1;
  top: 18%;
  transition: 0.1s;
  width: 36px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container .js-slick--arrow::after {
  height: 10px;
  width: 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--container .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step {
  max-width: 412px;
  padding: 0 14px 10px;
  position: relative;
  width: 55vw;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step.slick-active .block-custom-flow--step-image a {
  pointer-events: auto;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step__04a .block-custom-flow--step-label {
  width: calc(200% + 24px);
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step__04a::after {
  content: "or";
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 0;
  position: absolute;
  right: -1em;
  text-align: center;
  top: 30%;
  width: 2em;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step__04b .block-custom-flow--step-label {
  opacity: 0;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-image a {
  pointer-events: none;
  display: block;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-image img {
  display: inline-block;
  width: 54%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-label {
  margin-bottom: 14px;
  border-bottom: 1px solid;
  color: rgb(174, 139, 148);
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1;
  padding-bottom: 0.2em;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-catch {
  color: rgb(174, 139, 148);
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 10px;
  height: 6.4em;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-detail {
  margin-bottom: 14px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-name {
  display: block;
  font-size: 10.5px;
  height: 5em;
  letter-spacing: 0;
  line-height: 1.6;
  margin-bottom: 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-spec {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-more-spec {
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0.5em;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-more-spec span {
  font-weight: 400;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-flow--step-notes {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.6;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-visual {
  width: 100%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro {
  background: rgb(212, 190, 197);
  color: #ffffff;
  padding: 70px 0;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--catch {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 70px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--trouble-catch {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--trouble-catch strong {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--trouble-list {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0 auto 20px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--trouble-list li {
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  color: rgb(169, 128, 141);
  display: flex;
  font-size: 14px;
  height: 74px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.2;
  width: 74px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--trouble-list li:nth-child(2) {
  font-size: 13px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--trouble-list + .block-custom-intro--after {
  padding-top: 46px;
  position: relative;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--trouble-list + .block-custom-intro--after::before {
  color: #ffffff;
  border-right: 2px solid;
  border-bottom: 2px solid;
  content: "";
  display: block;
  height: 12px;
  left: calc(50% - 6px);
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  width: 12px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--after {
  margin-bottom: 70px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--after-catch {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--after-catch strong {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--after-lead {
  font-size: 13px;
  line-height: 2;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--movie {
  margin: 0 auto;
  width: 84%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--movie span {
  color: #ffffff;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-intro--movie .bc-player-1PJLXqDKVA_default .vjs-big-play-button {
  background-color: rgb(195, 170, 178);
  font-size: 30px;
  opacity: 0.9;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-contetns-nav {
  background-color: #ffffff;
  padding: 0 16px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-contetns-nav--item-area {
  display: flex;
  gap: 5px;
  margin: 0 auto;
  justify-content: space-between;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-contetns-nav--item {
  align-items: center;
  color: rgb(76, 75, 75);
  display: flex;
  font-size: 12px;
  height: 48px;
  justify-content: center;
  line-height: 1;
  padding-bottom: 12px;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-contetns-nav--item::after {
  border-right: 1px solid;
  border-bottom: 1px solid;
  bottom: 7px;
  content: "";
  display: block;
  height: 8px;
  left: calc(50% - 4px);
  position: absolute;
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-center-contents-area {
  background-color: #b29ba1;
  padding-bottom: 90px;
  position: relative;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-feature {
  padding: 30px 0 80px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-feature::before {
  background: url(/decorte/img/decorte2023/sp/custom/hydraclarity_lotion/feature_visual.jpg) no-repeat center top/100% auto;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-feature--catch {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-feature--caption {
  background: url(/decorte/img/decorte2023/sp/custom/hydraclarity_lotion/feature_diagram.png) no-repeat center top/100% auto;
  font-size: 0;
  height: 74.6vw;
  margin: 0 auto;
  max-height: 560px;
  position: relative;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients {
  margin-bottom: 50px;
  position: relative;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--catch {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--container {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  width: calc(100% - 60px);
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item__more {
  padding-top: 70px;
  position: relative;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item__more::before, .block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item__more::after {
  background-color: rgb(174, 139, 148);
  content: "";
  display: block;
  height: 4px;
  left: calc(50% - 13px);
  position: absolute;
  top: 33px;
  width: 26px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item__more::after {
  transform: rotate(90deg);
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item__more .block-custom-ingredients--item-name {
  font-size: 18px;
  margin-bottom: 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item-name {
  color: rgb(174, 139, 148);
  font-size: 14px;
  line-height: 1;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item-name strong {
  display: block;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0.12em;
  margin-top: 14px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item-image {
  margin: 10px auto 20px;
  width: 36%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item-lead {
  font-size: 12px;
  line-height: 1.5;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--item-lead + .block-custom-ingredients--item-lead {
  margin-top: 2em;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-ingredients--notes {
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 4px auto 0;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column {
  position: relative;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--catch {
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--container {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0 auto;
  padding: 34px 0;
  text-align: center;
  width: calc(100% - 60px);
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--comparison {
  margin: 0 auto 20px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--comparison-item {
  position: relative;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--comparison-item:not(:last-child) {
  margin-bottom: 50px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--comparison-item h4 {
  color: rgb(174, 139, 148);
  font-size: 16px;
  line-height: 1;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--comparison-item figure {
  display: block;
  margin-top: -10px;
  padding: 0 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--comparison-item figure figcaption {
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--comparison-item figure figcaption small {
  display: block;
  font-size: 10px;
  margin-top: 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--summary {
  align-items: center;
  border: 1px solid rgb(195, 170, 178);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px 10px;
  width: calc(100% - 60px);
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--summary-image {
  width: 70px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-column--summary p {
  color: rgb(174, 139, 148);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: left;
  width: calc(100% - 70px);
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products {
  padding: 60px 0;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--catch {
  font-size: 14px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--catch strong {
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0.1em;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--image {
  margin: 0 auto;
  width: 57%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--name {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--spec {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--notes {
  font-size: 12px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--tested li {
  border: 1px solid;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0 auto;
  text-align: center;
  width: 166px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--tested li:not(:last-child) {
  margin-bottom: 4px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--tested-notes {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--summary {
  margin-top: 60px;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--summary-image {
  margin: 0 auto 30px;
  width: 53%;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--summary p {
  font-size: 12px;
  text-align: center;
}
.block-custom .page-products-hydraclarity-lotioon .block-custom-products--summary p strong {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 20px;
}

.page-products-hydraclarity202601 {
  padding-bottom: 80px;
}
.page-products-hydraclarity202601 body, .page-products-hydraclarity202601 h1, .page-products-hydraclarity202601 h2, .page-products-hydraclarity202601 h3, .page-products-hydraclarity202601 h4, .page-products-hydraclarity202601 p, .page-products-hydraclarity202601 ul, .page-products-hydraclarity202601 ol, .page-products-hydraclarity202601 li, .page-products-hydraclarity202601 figure, .page-products-hydraclarity202601 figcaption, .page-products-hydraclarity202601 blockquote, .page-products-hydraclarity202601 dl, .page-products-hydraclarity202601 dd, .page-products-hydraclarity202601 table, .page-products-hydraclarity202601 th, .page-products-hydraclarity202601 td {
  font-weight: 400;
}
.page-products-hydraclarity202601 sup {
  vertical-align: super;
  font-size: 0.6em;
}
.page-products-hydraclarity202601 .detailbtn {
  background: #000000;
  padding: 3% 6% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-hydraclarity202601 .detailbtn:hover {
  background: #555555;
}
.page-products-hydraclarity202601 .block-kv {
  width: 100%;
  margin: 0 auto;
}
.page-products-hydraclarity202601 .block-lead {
  padding: 6% 0;
}
.page-products-hydraclarity202601 .block-lead-subcopy {
  font-size: 16px;
  text-align: center;
  margin-bottom: 4%;
}
.page-products-hydraclarity202601 .block-lead-copy {
  font-size: 24px;
  text-align: center;
  margin-bottom: 4%;
}
.page-products-hydraclarity202601 .block-lead-txt {
  font-size: 16px;
  text-align: center;
}
.page-products-hydraclarity202601 .block-feature-navi {
  display: flex;
  justify-content: center;
  margin: 2px 2px 4%;
  overflow: hidden;
  padding-bottom: 4px;
}
.page-products-hydraclarity202601 .block-feature-navi-treatment {
  width: calc(50% - 1px);
  max-width: 639px;
  background: #F0F0F0;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
  margin-right: 1px;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  text-align: center;
  padding: 3% 2%;
  /*&::before {
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    transform: rotate(45deg);
    left: 10px;
  }*/
}
.page-products-hydraclarity202601 .block-feature-navi-treatment > span > span {
  font-size: 9px;
  display: block;
}
.page-products-hydraclarity202601 .block-feature-navi-treatment::after {
  content: none;
  display: block;
  position: absolute;
  width: 100vw;
  height: 4px;
  background: #D6BABB;
  bottom: -6px;
  left: 0;
}
.page-products-hydraclarity202601 .block-feature-navi-treatment.is-active {
  border-bottom: solid 2px #D6BABB;
  background: #D6BABB;
}
.page-products-hydraclarity202601 .block-feature-navi-treatment.is-active::before {
  content: none;
}
.page-products-hydraclarity202601 .block-feature-navi-treatment.is-active::after {
  content: "";
}
.page-products-hydraclarity202601 .block-feature-navi-brightening {
  width: calc(50% - 1px);
  max-width: 639px;
  background: #F0F0F0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
  margin-left: 1px;
  border-radius: 4px 4px 0 0;
  text-align: center;
  cursor: pointer;
  padding: 3% 2%;
  /*&::after {
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    transform: rotate(45deg);
    right: 10px;
  }*/
}
.page-products-hydraclarity202601 .block-feature-navi-brightening > span > span {
  font-size: 9px;
  display: block;
}
.page-products-hydraclarity202601 .block-feature-navi-brightening::before {
  content: none;
  display: block;
  position: absolute;
  width: 100vw;
  height: 4px;
  background: #C5DFEE;
  bottom: -6px;
  right: 0;
}
.page-products-hydraclarity202601 .block-feature-navi-brightening.is-active {
  border-bottom: solid 2px #C5DFEE;
  background: #C5DFEE;
}
.page-products-hydraclarity202601 .block-feature-navi-brightening.is-active::after {
  content: none;
}
.page-products-hydraclarity202601 .block-feature-navi-brightening.is-active::before {
  content: "";
}
.page-products-hydraclarity202601 .block-feature-body {
  width: 100%;
  margin: 0 auto 5%;
  position: relative;
  overflow: hidden;
}
.page-products-hydraclarity202601 .block-feature-body-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}
.page-products-hydraclarity202601 .block-feature-body-item-main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 8% 3%;
}
.page-products-hydraclarity202601 .block-feature-body-item-main-image {
  width: 160px;
  margin: 0 auto 4%;
}
.page-products-hydraclarity202601 .block-feature-body-item-main-txt {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 5%;
}
.page-products-hydraclarity202601 .block-feature-body-item-main-notice {
  font-size: 12px;
  text-align: left;
}
.page-products-hydraclarity202601 .block-feature-body-item-copy {
  font-size: 16px;
  text-align: center;
  margin: 7% auto;
  line-height: 1.6;
}
.page-products-hydraclarity202601 .block-feature-body-item-copy span {
  display: block;
  font-size: 11px;
  margin-top: 3%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box {
  background: #ffffff;
  border-radius: 12px;
  margin: 0 auto 5%;
  padding: 5% 3%;
  width: 94%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box:last-of-type {
  margin-bottom: 6%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-title {
  width: 100%;
  padding: 3%;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 6%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-colortxt {
  font-size: 16px;
  margin-bottom: 5%;
  text-align: center;
  font-weight: 400;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-effectimage {
  margin: auto;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingremain {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 6%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingremain-image {
  width: 50%;
  max-width: 200px;
  margin: 0 auto;
  order: 2;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingremain-txt {
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 5%;
  order: 1;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-subtitle {
  font-size: 14px;
  padding: 3%;
  border: solid 1px #B4B4B4;
  color: #444444;
  text-align: center;
  margin-bottom: 4%;
  border-radius: 30px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-column1 {
  display: flex;
  justify-content: center;
  margin-bottom: 6%;
  width: 100%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-column2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
  width: 100%;
  flex-direction: column;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-column2 > div:first-of-type {
  margin-bottom: 4%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-image {
  width: 140px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt {
  width: calc(100% - 160px);
  text-align: left;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title span {
  font-size: 11px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title.ingre1 {
  color: #DB8C8F;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-title.ingre2 {
  color: #7EB4D4;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-txt {
  font-size: 12px;
  margin-bottom: 10px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-ingreitem-txt-notice {
  font-size: 8px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-txt {
  font-size: 11px;
  margin-bottom: 6%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-txt-notice {
  display: block;
  font-size: 8px;
  margin-top: 2%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-lead {
  font-size: 14px;
  margin-bottom: 6%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-capsule {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-capsule-image {
  width: 150px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-capsule-txt {
  width: calc(100% - 165px);
  text-align: left;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-capsule-txt-title {
  font-size: 18px;
  color: #7EB4D4;
  margin-bottom: 20px;
  font-weight: 400;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-capsule-txt-txt {
  font-size: 12px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-tec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-tec-item {
  width: 100%;
  text-align: center;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-tec-item:first-of-type {
  margin-bottom: 6%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-tec-item-title {
  font-size: 16px;
  color: #AD8A93;
  margin-bottom: 4%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-tec-item-txt {
  font-size: 12px;
  margin-bottom: 20px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-tec-item-image {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-tec-item-notice {
  font-size: 8px;
  width: 100%;
  text-align: right;
  margin-top: 5px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-scent {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-scent-scent {
  max-width: 277px;
  width: 70%;
  margin: 0 auto;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-scent-product {
  max-width: 320px;
  width: 90%;
  margin: 0 auto;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-kv {
  max-width: 320px;
  width: 90%;
  margin: 0 auto 5%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item {
  width: 100%;
  display: flex;
  margin-bottom: 5%;
  border-bottom: solid 1px #AABBC8;
  padding-bottom: 8%;
  justify-content: space-between;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item:last-of-type {
  border-bottom: none !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image {
  width: 100px;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image span {
  font-size: 9px;
  padding: 4px 8px;
  display: block;
  width: 80px;
  margin: auto;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image span.cat-treatment {
  background: #F4EBEB;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-image span.cat-brightening {
  background: #DFECF3;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt {
  width: calc(100% - 105px);
  text-align: left;
  padding-top: 2%;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt-copy {
  font-size: 12px;
  margin-bottom: 4%;
  line-height: 1.8;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt-name {
  font-size: 10px;
  margin-bottom: 4%;
  line-height: 1.6;
}
.page-products-hydraclarity202601 .block-feature-body-item-box-itemlist-item-txt-notice {
  font-size: 8px;
  line-height: 1.5;
}
.page-products-hydraclarity202601 .block-feature-body-treatment {
  transform: translateX(-100%);
  position: absolute;
  background: #EFE1E1;
}
.page-products-hydraclarity202601 .block-feature-body-treatment.is-show {
  transform: translateX(0);
  position: relative;
}
.page-products-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-main {
  background: #F8EDED;
}
.page-products-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-title {
  background-image: linear-gradient(90deg, #e6c7c9 1%, #f0d7d8);
}
.page-products-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-colortxt {
  color: #DB8C8F;
}
.page-products-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-effectimage {
  width: 100%;
}
.page-products-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-tec-item-txt {
  text-align: left;
}
.page-products-hydraclarity202601 .block-feature-body-treatment .block-feature-body-item-box-itemlist-item {
  border-bottom: solid 1px #C7B2B2;
}
.page-products-hydraclarity202601 .block-feature-body-brightening {
  transform: translateX(100%);
  position: absolute;
  background: #D2E4EE;
}
.page-products-hydraclarity202601 .block-feature-body-brightening.is-show {
  transform: translateX(0);
  position: relative;
}
.page-products-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-main {
  background: #E9F3F9;
}
.page-products-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-box-title {
  background-image: linear-gradient(90deg, #b5d8eb, #d4deea);
}
.page-products-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-box-colortxt {
  color: #7EB4D4;
}
.page-products-hydraclarity202601 .block-feature-body-brightening .block-feature-body-item-box-effectimage {
  width: 100%;
}
.page-products-hydraclarity202601 .block-cat {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 5px 40px;
}
.page-products-hydraclarity202601 .block-cat-image {
  width: 40%;
  padding: 10px;
  max-width: 160px;
  text-align: right;
}
.page-products-hydraclarity202601 .block-cat-txt {
  width: 60%;
  max-width: 230px;
  text-align: left;
}
.page-products-hydraclarity202601 .block-cat-txt dl {
  display: flex;
  font-size: 8px;
  margin: 6px auto;
}
.page-products-hydraclarity202601 .block-cat-txt dl dt {
  width: 60px;
  justify-content: space-between;
  font-weight: 500;
  line-height: 1.3;
}
.page-products-hydraclarity202601 .block-cat-txt dl dd {
  width: calc(100% - 65px);
  font-weight: 300;
  line-height: 1.3;
}
.page-products-hydraclarity202601 .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-products-hydraclarity202601 .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 800px;
  column-gap: 20px;
  padding: 60px 40px;
}
.page-products-hydraclarity202601 .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -35px;
  height: 30px;
  width: 30px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-hydraclarity202601 .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 30px;
}
.page-products-hydraclarity202601 .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 30px;
}
.page-products-hydraclarity202601 .modal-btn {
  cursor: pointer;
}
.page-products-hydraclarity202601 .block-custom-news {
  text-align: center;
  margin: 30px 0;
}
.page-products-hydraclarity202601 .block-custom-news--date {
  background-color: #f0f0f0;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 0.5em 1em;
}
.page-products-hydraclarity202601 .block-custom-news--copy {
  font-size: 16px;
}

.block-custom.page-product-ipshotpyc {
  background-color: #000000;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 40px !important;
}
.block-custom.page-product-ipshotpyc sup {
  font-size: 10px;
}
.block-custom.page-product-ipshotpyc .block-custom-container {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto;
}
.block-custom.page-product-ipshotpyc .block-custom-key-visual {
  margin-bottom: 40px;
}
.block-custom.page-product-ipshotpyc .block-custom-intro {
  color: #ffffff;
  margin-bottom: 40px;
  padding: 0 15px;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-intro--copy {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.block-custom.page-product-ipshotpyc .block-custom-intro--lead {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 40px;
}
.block-custom.page-product-ipshotpyc .block-custom-intro--lead sup {
  font-size: 12px;
}
.block-custom.page-product-ipshotpyc .block-custom-intro--note {
  font-size: 12px;
}
.block-custom.page-product-ipshotpyc .block-custom-movie {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.block-custom.page-product-ipshotpyc .block-custom-message {
  background-color: #ffffff;
  padding: 40px 15px;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-message--copy {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.block-custom.page-product-ipshotpyc .block-custom-message--copy-sub-text {
  display: inline-block;
  font-size: 18px;
  line-height: 2;
}
.block-custom.page-product-ipshotpyc .block-custom-message--text {
  font-size: 14px;
}
.block-custom.page-product-ipshotpyc .block-custom-feature {
  margin-bottom: 40px;
}
.block-custom.page-product-ipshotpyc .block-custom-feature--top-area {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.block-custom.page-product-ipshotpyc .block-custom-feature--visual {
  width: 100%;
}
.block-custom.page-product-ipshotpyc .block-custom-feature--copy {
  color: #ffffff;
  font-size: 20px;
  line-height: 2;
  margin-left: -60%;
  text-align: center;
  width: 60%;
}
.block-custom.page-product-ipshotpyc .block-custom-feature--item {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 20px 10px;
  width: calc(100% - 30px);
}
.block-custom.page-product-ipshotpyc .block-custom-feature--item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom.page-product-ipshotpyc .block-custom-feature--item-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-feature--item-image {
  margin-bottom: 10px;
}
.block-custom.page-product-ipshotpyc .block-custom-feature--item-text {
  font-size: 14px;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-howto {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.block-custom.page-product-ipshotpyc .block-custom-howto--trigger {
  border: 1px solid;
  color: #ffffff;
  font-size: 18px;
  padding: 0.5em 0;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--container {
  background-color: #ffffff;
  padding: 40px 10px;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--guide {
  margin-bottom: 40px;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--guide-title {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 20px;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--guide-text {
  font-size: 14px;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--parts-list-item {
  width: 100%;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--parts-list-item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--parts-name {
  background-color: #f0f0f0;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0.5em 0;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--parts-text {
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
.block-custom.page-product-ipshotpyc .block-custom-howto--parts-text::before {
  border: 1px solid #666666;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-left: -20px;
  height: 10px;
  position: absolute;
  top: 0.5em;
  width: 10px;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign {
  background-color: #ffffff;
  padding: 40px 15px;
  text-align: center;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign--date {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 4px 11px;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign--title {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign--lead {
  font-size: 12px;
  margin-bottom: 20px;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign--text-area {
  text-align: left;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign--text {
  font-size: 14px;
  margin-bottom: 1em;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign--note {
  font-size: 12px;
  line-height: 1.3;
}
.block-custom.page-product-ipshotpyc .block-custom-campaign--image {
  margin: 0 auto;
  max-width: 240px;
  width: 80%;
}

.block-custom.page-product-kimono {
  padding: 0 0 60px !important;
  /*202601一覧更新*/
  /*202601一覧更新END*/
}
.block-custom.page-product-kimono.page-product-kimono__yui .leadBlock2__txt p.copy1 {
  color: #F4B3C7;
}
.block-custom.page-product-kimono.page-product-kimono__yui .leadBlock2 .perfumer-name {
  background: #FDF0F3;
}
.block-custom.page-product-kimono.page-product-kimono__kihin .leadBlock2__txt p.copy1 {
  color: #CEAA80;
}
.block-custom.page-product-kimono.page-product-kimono__kihin .leadBlock2 .perfumer-name {
  background: #FBF0E6;
}
.block-custom.page-product-kimono.page-product-kimono__rin .leadBlock2__txt p.copy1 {
  color: #A6ABB2;
}
.block-custom.page-product-kimono.page-product-kimono__rin .leadBlock2__image .seibun1 span, .block-custom.page-product-kimono.page-product-kimono__rin .leadBlock2__image .seibun2 span {
  line-height: 1.2;
  height: 3em;
}
.block-custom.page-product-kimono.page-product-kimono__rin .leadBlock2 .perfumer-name {
  background: #E9E7EA;
}
.block-custom.page-product-kimono.page-product-kimono__urara .leadBlock2__txt p.copy1 {
  color: #F5D2BF;
}
.block-custom.page-product-kimono.page-product-kimono__urara .leadBlock2 .perfumer-name {
  background: #F6EDEA;
}
.block-custom.page-product-kimono.page-product-kimono__tsuya .leadBlock2__txt p.copy1 {
  color: #B0597E;
}
.block-custom.page-product-kimono.page-product-kimono__tsuya .leadBlock2 .perfumer-name {
  background: #F6EDF4;
}
.block-custom.page-product-kimono.page-product-kimono__sakura .leadBlock2__txt p.copy1 {
  color: #CA6E97;
}
.block-custom.page-product-kimono.page-product-kimono__sakura .leadBlock2__txt p.copy3 {
  color: #CA6E97;
  font-size: 18px;
  text-decoration: underline;
  margin-bottom: 10px;
}
.block-custom.page-product-kimono.page-product-kimono__sakura .leadBlock2 .perfumer-name {
  background: #F9EEF5;
}
.block-custom.page-product-kimono .block-custom--subject {
  max-width: 1280px;
  margin: 0 auto 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.block-custom.page-product-kimono .block-custom--subject:first-child {
  padding-top: 40px;
}
.block-custom.page-product-kimono .block-custom--subject .txt {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
}
.block-custom.page-product-kimono .leadBlock {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.block-custom.page-product-kimono .leadBlock__txt {
  position: absolute;
  top: 0;
  left: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  height: 100%;
}
.block-custom.page-product-kimono .leadBlock__txt p {
  color: #ffffff;
}
.block-custom.page-product-kimono .leadBlock__txt p.copy1 {
  font-size: 26px;
  margin-bottom: 20px;
}
.block-custom.page-product-kimono .leadBlock__txt p.copy2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom.page-product-kimono .leadBlock__txt p.copy3 {
  font-size: 46px;
  color: #B0597E;
}
.block-custom.page-product-kimono .leadBlock2 {
  background: #ffffff;
  padding: 40px 20px;
  max-width: 1280px;
  margin: 0 auto 40px;
  text-align: center;
}
.block-custom.page-product-kimono .leadBlock2__txt {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom.page-product-kimono .leadBlock2__txt .copy1 {
  font-size: 16px;
  margin-bottom: 5px;
}
.block-custom.page-product-kimono .leadBlock2__txt .copy2 {
  font-size: 24px;
  margin-bottom: 40px;
}
.block-custom.page-product-kimono .leadBlock2__txt .subcopy {
  font-size: 18px;
  margin-bottom: 40px;
}
.block-custom.page-product-kimono .leadBlock2__txt .txt {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 10px;
}
.block-custom.page-product-kimono .leadBlock2__txt .txt:last-of-type {
  margin-bottom: 0;
}
.block-custom.page-product-kimono .leadBlock2__image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
}
.block-custom.page-product-kimono .leadBlock2__image .seibun1, .block-custom.page-product-kimono .leadBlock2__image .seibun2 {
  margin: 0 5%;
  width: 25%;
}
.block-custom.page-product-kimono .leadBlock2__image .seibun1 span, .block-custom.page-product-kimono .leadBlock2__image .seibun2 span {
  display: block;
  padding: 5px 0 0;
  text-align: center;
  font-size: 10px;
}
.block-custom.page-product-kimono .leadBlock2__image .note {
  margin: 15px 0 0;
  width: 90%;
}
.block-custom.page-product-kimono .leadBlock2 .note-figure {
  margin-bottom: 15px;
}
.block-custom.page-product-kimono .leadBlock2 .perfumer-name {
  margin-left: auto;
  margin-right: 0;
  margin-top: 20px;
  padding: 5px 10px;
  font-size: 8px;
  width: fit-content;
}
.block-custom.page-product-kimono .leadBlockAll {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.block-custom.page-product-kimono .leadBlockAll__layout {
  position: relative;
  background: url("../../images/sp/custom/kimono_tsuya/all_image_bg.jpg") no-repeat center top/cover;
  padding: 40px 20px;
}
.block-custom.page-product-kimono .leadBlockAll__txt {
  position: relative;
  padding-top: 105vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin-bottom: 50px;
}
.block-custom.page-product-kimono .leadBlockAll__txt .copy1 {
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom.page-product-kimono .leadBlockAll__txt .copy2 {
  font-size: 16px;
  margin-bottom: 40px;
}
.block-custom.page-product-kimono .leadBlockAll__txt .txt {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}
.block-custom.page-product-kimono .leadBlockAll__txt .txt:last-of-type {
  margin-bottom: 0;
}
.block-custom.page-product-kimono .leadBlockAll__notice {
  width: 100%;
  font-size: 11px;
}
.block-custom.page-product-kimono .itemBlock {
  max-width: 1280px;
  margin: 0 auto 60px;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 10px;
  justify-content: space-between;
}
.block-custom.page-product-kimono .itemBlock__item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
}
.block-custom.page-product-kimono .itemBlock__item.sakura {
  align-items: center;
}
.block-custom.page-product-kimono .itemBlock__title {
  background: #eeeeee;
  font-size: 16px;
  margin-bottom: 20px;
  width: 100%;
  height: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-custom.page-product-kimono .itemBlock__image {
  width: 40%;
  text-align: center;
}
.block-custom.page-product-kimono .itemBlock__image img {
  max-width: 120px;
  margin: auto;
}
.block-custom.page-product-kimono .itemBlock__txtblock {
  width: 58%;
  text-align: center;
  min-width: 206px;
}
.block-custom.page-product-kimono .itemBlock__txtblock .label {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0.5em;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy1 {
  font-size: 13px;
  margin-bottom: 5px;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy1.yui {
  color: #F4B3C7;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy1.kihin {
  color: #CEAA80;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy1.urara {
  color: #F5D2BF;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy1.rin {
  color: #A6ABB2;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy1.tsuya {
  color: #B0597E;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy1.sakura {
  color: #CA6E97;
}
.block-custom.page-product-kimono .itemBlock__txtblock .copy2 {
  font-size: 15px;
  margin-bottom: 20px;
}
.block-custom.page-product-kimono .itemBlock__txtblock .txt {
  font-size: 12px;
  margin-bottom: 20px;
  letter-spacing: 0;
}
.block-custom.page-product-kimono .itemBlock__txtblock .txt .txt-sakura {
  color: #CA6E97;
  text-decoration: underline;
}
.block-custom.page-product-kimono .itemBlock__link {
  width: 50%;
  font-size: 12px;
  line-height: 1;
}
.block-custom.page-product-kimono .counselingBlock {
  width: 100%;
}
.block-custom.page-product-kimono .counselingBlock__banner {
  width: 90%;
  margin: 10px auto 0;
  background: #000000;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  flex-direction: column;
}
.block-custom.page-product-kimono .counselingBlock__banner .logo {
  margin: 0 auto 10px;
  width: 35%;
}
.block-custom.page-product-kimono .counselingBlock__banner .txt {
  font-size: 12px;
}
.block-custom.page-product-kimono .counselingBlock__banner:hover {
  background: #444444;
}
.block-custom.page-product-kimono .campaignBlock {
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  margin-bottom: 40px;
  padding: 40px 15px;
  text-align: center;
  width: 100%;
}
.block-custom.page-product-kimono .campaignBlock--date {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 5px 10px;
}
.block-custom.page-product-kimono .campaignBlock--title {
  font-size: 18px;
  margin-bottom: 40px;
}
.block-custom.page-product-kimono .campaignBlock--lead {
  font-size: 12px;
  margin-bottom: 40px;
}
.block-custom.page-product-kimono .campaignBlock--image {
  border: 1px solid #dbdbdb;
  margin: 0 auto 40px;
  max-width: 240px;
  width: 80%;
}
.block-custom.page-product-kimono .campaignBlock--target {
  margin-bottom: 20px;
  text-align: left;
}
.block-custom.page-product-kimono .campaignBlock--target-label {
  background: #666666;
  color: #ffffff;
  padding: 8px 12px;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
}
.block-custom.page-product-kimono .campaignBlock--target-text {
  font-size: 14px;
}
.block-custom.page-product-kimono .campaignBlock--text {
  font-size: 14px;
  text-align: left;
}
.block-custom.page-product-kimono .campaignBlock--note {
  font-size: 12px;
  text-align: left;
}
.block-custom.page-product-kimono .serif {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom.page-product-kimono .small {
  font-size: 0.8em;
}
.block-custom.page-product-kimono .block-section4 {
  padding-bottom: 10%;
}
.block-custom.page-product-kimono .block-section4-title {
  background-image: linear-gradient(90deg, #838595, #bcc0cf);
  padding: 4%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 6%;
}
.block-custom.page-product-kimono .block-section4-lead {
  padding: 8% 0;
  text-align: center;
  background: url(/decorte/img/decorte2023/sp/decorte_kimono/fragrance_bg.png) no-repeat center center;
  background-size: cover;
}
.block-custom.page-product-kimono .block-section4-lead-copy1 {
  font-size: 20px;
  margin-bottom: 3%;
}
.block-custom.page-product-kimono .block-section4-lead-copy2 {
  font-size: 18px;
  margin-bottom: 6%;
}
.block-custom.page-product-kimono .block-section4-lead-txt {
  font-size: 14px;
  margin-bottom: 5%;
  line-height: 1.6;
}
.block-custom.page-product-kimono .block-section4-lead-bannerarea {
  text-align: center;
}
.block-custom.page-product-kimono .block-section4-lead-bannerarea-title {
  color: #CC8A9B;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 3%;
}
.block-custom.page-product-kimono .block-section4-lead-bannerarea-title::before, .block-custom.page-product-kimono .block-section4-lead-bannerarea-title::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #CC8A9B;
}
.block-custom.page-product-kimono .block-section4-lead-bannerarea-title::before {
  margin-right: 10px;
  transform: rotate(-30deg);
}
.block-custom.page-product-kimono .block-section4-lead-bannerarea-title::after {
  margin-left: 10px;
  transform: rotate(30deg);
}
.block-custom.page-product-kimono .block-section4-lead-bannerarea-btn {
  width: 90%;
  display: block;
  margin: 0 auto;
}
.block-custom.page-product-kimono .block-section4-scroll {
  overflow-x: scroll;
  width: 94%;
  margin: 0 auto 8%;
  scrollbar-color: #666666 #f0f0f0;
}
.block-custom.page-product-kimono .block-section4-fragrancemap {
  width: 930px;
  height: 560px;
  margin: 0 auto 3%;
  position: relative;
  background: url(/decorte/img/decorte2023/sp/decorte_kimono/fragrancemap.png) no-repeat left top;
  background-size: contain;
}
.block-custom.page-product-kimono .block-section4-fragrancemap > div {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-custom.page-product-kimono .block-section4-fragrancemap > div span {
  position: absolute;
  display: block;
  border-radius: 4px;
  padding: 2px 4px 3px;
  font-size: 8px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-yui {
  top: 315px;
  left: 265px;
  width: 40px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-yui span { /*background: #FBD9DA;*/
  bottom: -5px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-urara {
  top: 170px;
  left: 74px;
  width: 40px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-urara span { /*background: #EBD6CF;*/
  bottom: -5px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-kihin {
  top: 398px;
  left: 748px;
  width: 40px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-kihin span { /*background: #F4E1C2;*/
  bottom: -5px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-rin {
  top: 468px;
  left: 561px;
  width: 40px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-rin span { /*background: #CDCDCD;*/
  bottom: -5px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-tsuya {
  top: 363px;
  left: 335px;
  width: 40px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-tsuya span { /*background: #EACDE4;*/
  bottom: -5px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-mai {
  top: 428px;
  left: 851px;
  width: 44px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-mai span { /*background: #DDE8F8;*/
  bottom: -7px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-hikari {
  top: 165px;
  left: 263px;
  width: 44px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-hikari span { /*background: #DDE8F8;*/
  bottom: -7px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-sakura {
  top: 245px;
  left: 118px;
  width: 44px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-sakura span { /*background: #FBD9DA;*/
  bottom: -7px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-crystaltea {
  top: 89px;
  left: 29px;
  width: 36px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-crystaltea span { /*background: #EAF6FD;*/
  bottom: -30px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-osmanthus {
  top: 96px;
  left: 164px;
  width: 36px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-osmanthus span { /*background: #FEF3E7;*/
  bottom: -18px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-pearwoody {
  top: 121px;
  left: 327px;
  width: 36px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-pearwoody span { /*background: #EBEDDF;*/
  bottom: -42px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-rosemuguet {
  top: 152px;
  left: 217px;
  width: 36px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-rosemuguet span { /*background: #FBEEF5;*/
  bottom: -42px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-aqedp {
  top: 405px;
  left: 384px;
  width: 34px;
}
.block-custom.page-product-kimono .block-section4-fragrancemap-aqedp span { /*background: #F0F0F0;*/
  bottom: -43px;
}
.block-custom.page-product-kimono .block-section4-lineup {
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-custom.page-product-kimono .block-section4-lineup-title {
  width: 100%;
  padding: 4%;
  font-size: 20px;
  color: #666666;
  background: #f0f0f0;
  margin-bottom: 6%;
  text-align: center;
}
.block-custom.page-product-kimono .block-section4-lineup-item {
  width: 100%;
  max-width: 480px;
  display: flex;
  margin: 0 auto 3%;
}
.block-custom.page-product-kimono .block-section4-lineup-item-image {
  width: 38%;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt {
  width: 62%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5%;
  text-align: center;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt.bg-hikari {
  background: #ECF1F8;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt.bg-mai {
  background: #ECF1F8;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt.bg-tsuya {
  background: #F6EDF4;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt.bg-yui {
  background: #FDF0F3;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt.bg-kihin {
  background: #FBF0E6;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt.bg-urara {
  background: #F6EDEA;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt.bg-rin {
  background: #E9E7EA;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name {
  font-size: 11px;
  margin-bottom: 2%;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name.color-hikari {
  color: #6289C6;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name.color-mai {
  color: #6289C6;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name.color-tsuya {
  color: #B0597E;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name.color-yui {
  color: #F097B2;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name.color-kihin {
  color: #CEAA80;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name.color-urara {
  color: #D9B4A0;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-name.color-rin {
  color: #A6ABB2;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-copy {
  font-size: 12px;
  margin-bottom: 4%;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt-txt {
  font-size: 10px;
  margin-bottom: 6%;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt .detailbtn {
  margin-bottom: 2%;
  font-size: 10px;
  line-height: 1;
  padding: 3% 6% 4%;
  background: #555555;
  width: 80%;
  max-width: 150px;
  text-align: center;
}
.block-custom.page-product-kimono .block-section4-lineup-item-txt .detailbtn:hover {
  background: #000000;
}
.block-custom.page-product-kimono .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.block-custom.page-product-kimono .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  column-gap: 20px;
  padding: 5% 3%;
}
.block-custom.page-product-kimono .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -25px;
  height: 20px;
  width: 20px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-custom.page-product-kimono .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.block-custom.page-product-kimono .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
.block-custom.page-product-kimono .modal-btn {
  cursor: pointer;
}
.block-custom.page-product-kimono #marcel .modal-container {
  width: 90%;
  max-width: 480px;
  padding: 0;
  min-height: inherit;
}
.block-custom.page-product-kimono #marcel .modal-close {
  top: 20px;
  right: 20px;
}
.block-custom.page-product-kimono .modal-marcel {
  width: 100%;
}
.block-custom.page-product-kimono .modal-marcel-title {
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 5%;
}
.block-custom.page-product-kimono .modal-marcel-body {
  padding: 5%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.block-custom.page-product-kimono .modal-marcel-body-marcel {
  width: 60%;
  max-width: 240px;
  margin-bottom: 5%;
}
.block-custom.page-product-kimono .modal-marcel-body-txt {
  width: 100%;
  font-size: 11px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.6;
  margin-bottom: 5%;
}
.block-custom.page-product-kimono .modal-marcel-body-image {
  width: 50%;
  max-width: 180px;
  margin-bottom: 5%;
}
.block-custom.page-product-kimono .modal-fragrance {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-direction: column;
  height: 100%;
  overflow: scroll;
}
.block-custom.page-product-kimono .modal-fragrance-image {
  width: 120px;
  margin: 0 auto;
}
.block-custom.page-product-kimono .modal-fragrance-txt {
  width: 100%;
  text-align: center;
}
.block-custom.page-product-kimono .modal-fragrance-txt-name {
  font-size: 14px;
  color: #F097B2;
  margin-bottom: 3%;
}
.block-custom.page-product-kimono .modal-fragrance-txt-copy {
  font-size: 16px;
  margin-bottom: 4%;
}
.block-custom.page-product-kimono .modal-fragrance-txt-txt {
  font-size: 12px;
  margin-bottom: 5%;
  line-height: 1.6;
}
.block-custom.page-product-kimono .modal-fragrance-txt-scent {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto 5%;
  max-width: 240px;
}
.block-custom.page-product-kimono .modal-fragrance-txt-scent-item {
  width: 100px;
  text-align: center;
  margin: 0 10px 3%;
}
.block-custom.page-product-kimono .modal-fragrance-txt-scent-item span {
  font-size: 10px;
  margin-top: 1%;
  display: block;
}
.block-custom.page-product-kimono .modal-fragrance-txt .detailbtn {
  display: inline-block;
  font-size: 11px;
  padding: 2% 8% 3%;
}
.block-custom.page-product-kimono .modal-fragrance.scent4 .modal-fragrance-image {
  width: 110px;
  margin-bottom: 4%;
}
.block-custom.page-product-kimono .modal-fragrance.scent4 .modal-fragrance-txt {
  width: 100%;
}
.block-custom.page-product-kimono .modal-fragrance.scent4 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
.block-custom.page-product-kimono .modal-fragrance.scent3 .modal-fragrance-image {
  width: 120px;
  margin-bottom: 5%;
}
.block-custom.page-product-kimono .modal-fragrance.scent3 .modal-fragrance-txt {
  width: 100%;
}
.block-custom.page-product-kimono .modal-fragrance.scent3 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
.block-custom.page-product-kimono #yui .modal-fragrance-txt-name {
  color: #F097B2;
}
.block-custom.page-product-kimono #urara .modal-fragrance-txt-name {
  color: #D9B4A0;
}
.block-custom.page-product-kimono #kihin .modal-fragrance-txt-name {
  color: #CEAA80;
}
.block-custom.page-product-kimono #rin .modal-fragrance-txt-name {
  color: #A6ABB2;
}
.block-custom.page-product-kimono #tsuya .modal-fragrance-txt-name {
  color: #B0597E;
}
.block-custom.page-product-kimono #mai .modal-fragrance-txt-name {
  color: #6289C6;
}
.block-custom.page-product-kimono #hikari .modal-fragrance-txt-name {
  color: #6289C6;
}
.block-custom.page-product-kimono #sakura .modal-fragrance-txt-name {
  color: #D48CAD;
}
.block-custom.page-product-kimono #crystaltea .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom.page-product-kimono #osmanthus .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom.page-product-kimono #pearwoody .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom.page-product-kimono #rosemuguet .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom.page-product-kimono #aqedp .modal-fragrance-txt-name {
  color: #BCA0C2;
}
.block-custom.page-product-kimono #yui .modal-container, .block-custom.page-product-kimono #urara .modal-container, .block-custom.page-product-kimono #kihin .modal-container, .block-custom.page-product-kimono #rin .modal-container, .block-custom.page-product-kimono #tsuya .modal-container, .block-custom.page-product-kimono #mai .modal-container, .block-custom.page-product-kimono #sakura .modal-container, .block-custom.page-product-kimono #crystaltea .modal-container, .block-custom.page-product-kimono #osmanthus .modal-container, .block-custom.page-product-kimono #pearwoody .modal-container, .block-custom.page-product-kimono #rosemuguet .modal-container, .block-custom.page-product-kimono #aqedp .modal-container {
  height: calc(75% - 30px);
}
.block-custom.page-product-kimono sup {
  vertical-align: super;
}
.block-custom.page-product-kimono .detailbtn {
  background: #000000;
  padding: 3% 8% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.block-custom.page-product-kimono .detailbtn:hover {
  background: #555555;
}

.page-product-kimono {
  /*--------------
  各ページ個別設定 
  ---------------*/
}
.page-product-kimono.block-custom {
  padding: 0 0 60px !important;
}
.page-product-kimono .block-custom-main-visual {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.page-product-kimono .block-custom-main-visual .block-custom-main-visual--text-area {
  position: absolute;
  top: 5%;
  left: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.page-product-kimono .block-custom-main-visual .block-custom-main-visual--text-area .block-custom-main-visual--copy-en {
  font-size: 18px;
  margin-bottom: 10px;
}
.page-product-kimono .block-custom-main-visual .block-custom-main-visual--text-area .block-custom-main-visual--copy {
  font-size: 18px;
}
.page-product-kimono .block-custom-intro {
  padding: 40px 20px;
  max-width: 1280px;
  margin: 0 auto 20px;
  text-align: center;
}
.page-product-kimono .block-custom-intro .block-custom-intro--container {
  padding: 10px;
  width: 100%;
  text-align: center;
}
.page-product-kimono .block-custom-intro .block-custom-intro--copy-en {
  font-size: 18px;
  margin-bottom: 10px;
}
.page-product-kimono .block-custom-intro .block-custom-intro--copy {
  font-size: 18px;
  margin-bottom: 30px;
}
.page-product-kimono .block-custom-intro .block-custom-intro--text {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 15px;
}
.page-product-kimono .block-custom-intro .block-custom-intro--text:last-of-type {
  margin: 0;
}
.page-product-kimono .block-custom-intro .block-custom-intro--text.more {
  display: none;
}
.page-product-kimono .block-custom-intro .block-custom-intro--text.more.on {
  display: block;
  animation-name: morefade;
  animation-duration: 1s;
}
.page-product-kimono .block-custom-intro .block-custom-intro--note {
  font-size: 11px;
  text-align: left;
  margin-top: 30px;
}
.page-product-kimono .block-custom-intro .block-custom-intro--note.more {
  display: none;
}
.page-product-kimono .block-custom-intro .block-custom-intro--note.more.on {
  display: block;
  animation-name: morefade;
  animation-duration: 1s;
}
.page-product-kimono .block-custom-intro .js-accordion-trigger__active {
  display: none;
}
.page-product-kimono .block-custom-intro .js-accordion-trigger::before, .page-product-kimono .block-custom-intro .js-accordion-trigger::after {
  display: none;
}
.page-product-kimono .block-custom-intro .js-accordion-trigger + .js-accordion-container {
  animation-name: morefade;
  animation-duration: 1s;
}
.page-product-kimono .block-custom-sub-visual {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.page-product-kimono .block-custom-sub-visual .block-custom-sub-visual--text-area {
  position: absolute;
  top: 5%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  color: #4c4948;
}
.page-product-kimono .block-custom-sub-visual .block-custom-sub-visual--text-area .block-custom-sub-visual--copy-en {
  font-size: 18px;
  margin-bottom: 10px;
}
.page-product-kimono .block-custom-sub-visual .block-custom-sub-visual--text-area .block-custom-sub-visual--copy {
  font-size: 16px;
  margin-bottom: 5px;
}
.page-product-kimono .block-custom-sub-visual .block-custom-sub-visual--text-area .block-custom-sub-visual--name {
  font-size: 30px;
  line-height: 1;
}
.page-product-kimono .block-custom-sub-intro {
  padding: 40px 20px 10px;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
  background: #ffffff;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--container {
  padding: 10px;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--name {
  font-size: 16px;
  margin-bottom: 10px;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--copy {
  font-size: 24px;
  margin-bottom: 30px;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--sub-copy {
  font-size: 18px;
  margin-bottom: 30px;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--text {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 10px;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--text.more {
  display: none;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--text.more.on {
  display: block;
  animation-name: morefade;
  animation-duration: 1s;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--perfumer {
  padding: 8px 12px;
  font-size: 14px;
  display: inline-block;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--perfumer.more {
  display: none;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--perfumer.more.on {
  display: inline-block;
  animation-name: morefade;
  animation-duration: 1s;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--seibun {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--seibun > p {
  max-width: 150px;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--seibun > p > span {
  display: block;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--seibun.more {
  display: none;
}
.page-product-kimono .block-custom-sub-intro .block-custom-sub-intro--seibun.more.on {
  display: flex;
  animation-name: morefade;
  animation-duration: 1s;
}
.page-product-kimono .block-custom-sub-intro .js-accordion-trigger__active {
  display: none;
}
.page-product-kimono .block-custom-sub-intro .js-accordion-trigger::before, .page-product-kimono .block-custom-sub-intro .js-accordion-trigger::after {
  display: none;
}
.page-product-kimono .block-custom-sub-intro .js-accordion-trigger + .js-accordion-container {
  animation-name: morefade;
  animation-duration: 1s;
}
.page-product-kimono .block-custom-item {
  padding: 10px 10px 20px;
  max-width: 1280px;
  margin: 0 auto 20px;
  text-align: center;
  background: #ffffff;
}
.page-product-kimono .block-custom-item .block-custom-item--container {
  display: flex;
  width: 100%;
  justify-content: center;
}
.page-product-kimono .block-custom-item .block-custom-item--item {
  display: flex;
  width: 46%;
  margin: 0 1.5%;
  justify-content: space-between;
  flex-direction: column;
}
.page-product-kimono .block-custom-item .block-custom-item--image {
  max-width: 240px;
}
.page-product-kimono .block-custom-item .block-custom-item--text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-product-kimono .block-custom-item .block-custom-item--text > p {
  margin-bottom: 15px;
  font-size: 14px;
}
.page-product-kimono .block-custom-layering {
  padding: 40px 10px;
  max-width: 1280px;
  margin: 0 auto 20px;
  text-align: center;
  background: #ffffff;
}
.page-product-kimono .block-custom-layering .block-custom-layering--container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.page-product-kimono .block-custom-layering .block-custom-layering--title {
  font-size: 24px;
  margin-bottom: 15px;
}
.page-product-kimono .block-custom-layering .block-custom-layering--lead {
  font-size: 14px;
  margin-bottom: 40px;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item:last-of-type {
  margin-bottom: 0;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item:nth-of-type(1) .block-custom-layering--text-title span:nth-of-type(1) {
  color: #B0597E;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item:nth-of-type(1) .block-custom-layering--text-title span:nth-of-type(2) {
  color: #F3C3A3;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item:nth-of-type(2) .block-custom-layering--text-title span:nth-of-type(1) {
  color: #A6ABB2;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item:nth-of-type(2) .block-custom-layering--text-title span:nth-of-type(2) {
  color: #F4B3C7;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item:nth-of-type(3) .block-custom-layering--text-title span:nth-of-type(1) {
  color: #B0597E;
}
.page-product-kimono .block-custom-layering .block-custom-layering--item:nth-of-type(3) .block-custom-layering--text-title span:nth-of-type(2) {
  color: #CFAB81;
}
.page-product-kimono .block-custom-layering .block-custom-layering--image {
  width: 70px;
}
.page-product-kimono .block-custom-layering .block-custom-layering--text {
  width: calc(100% - 141px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-product-kimono .block-custom-layering .block-custom-layering--text-title {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 5px;
  line-height: 1.2;
}
.page-product-kimono .block-custom-layering .block-custom-layering--text-lead {
  font-size: 14px;
  margin-bottom: 10px;
}
.page-product-kimono .block-custom-layering .block-custom-layering--text-text {
  font-size: 12px;
  text-align: left;
  width: 94%;
  margin: 0 auto;
}
.page-product-kimono .block-custom-point {
  padding: 40px 20px;
  max-width: 1280px;
  margin: 0 auto 20px;
  text-align: center;
  background: #ffffff;
}
.page-product-kimono .block-custom-point .block-custom-point--container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-product-kimono .block-custom-point .block-custom-point--title {
  font-size: 24px;
  margin-bottom: 15px;
  width: 100%;
}
.page-product-kimono .block-custom-point .block-custom-point--lead {
  font-size: 14px;
  margin-bottom: 40px;
  width: 100%;
}
.page-product-kimono .block-custom-point .block-custom-point--item {
  width: 100%;
  display: flex;
  text-align: left;
  margin-bottom: 20px;
  justify-content: space-between;
}
.page-product-kimono .block-custom-point .block-custom-point--item:last-of-type {
  margin-bottom: 0;
}
.page-product-kimono .block-custom-point .block-custom-point--item-textarea {
  width: 58%;
}
.page-product-kimono .block-custom-point .block-custom-point--item-title {
  margin-bottom: 10px;
  font-size: 16px;
}
.page-product-kimono .block-custom-point .block-custom-point--item-text {
  font-size: 12px;
  margin-bottom: 30px;
}
.page-product-kimono .block-custom-point .block-custom-point--item-image {
  width: 40%;
  max-width: 260px;
  margin: auto;
}
.page-product-kimono .block-custom-campaign {
  padding: 40px 20px;
  max-width: 1280px;
  margin: 0 auto 20px;
  text-align: center;
  background: #ffffff;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--container {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--title {
  font-size: 24px;
  line-height: 1;
  padding: 15px 80px 17px;
  border-top: solid 1px #b5b5b6;
  border-bottom: solid 1px #b5b5b6;
  margin-bottom: 15px;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--date {
  background: #898989;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 10px;
  margin-bottom: 20px;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--text {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--image {
  margin: 0 auto 20px;
  width: 80%;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--frame {
  padding: 20px;
  border: solid 1px #b5b5b6;
  margin-bottom: 15px;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--frame > p {
  margin-top: 10px;
  font-size: 12px;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--frame > p.block-custom-campaign--frame-title {
  margin-top: 20px;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--frame > p:first-of-type {
  margin-top: 0;
}
.page-product-kimono .block-custom-campaign .block-custom-campaign--notice {
  font-size: 11px;
  text-align: left;
}
.page-product-kimono__yui-body .block-custom-sub-visual--name, .page-product-kimono__yui-hand .block-custom-sub-visual--name {
  color: #f09cb6;
}
.page-product-kimono__yui-body .block-custom-sub-intro--name, .page-product-kimono__yui-hand .block-custom-sub-intro--name {
  color: #f4b3c7;
}
.page-product-kimono__yui-body .block-custom-sub-intro--perfumer, .page-product-kimono__yui-hand .block-custom-sub-intro--perfumer {
  background-color: #fdf0f3;
}
.page-product-kimono__kihin-body .block-custom-sub-visual--name, .page-product-kimono__kihin-hand .block-custom-sub-visual--name {
  color: #f0c773;
}
.page-product-kimono__kihin-body .block-custom-sub-intro--name, .page-product-kimono__kihin-hand .block-custom-sub-intro--name {
  color: #cfab81;
}
.page-product-kimono__kihin-body .block-custom-sub-intro--perfumer, .page-product-kimono__kihin-hand .block-custom-sub-intro--perfumer {
  background-color: #fbf0e6;
}
.page-product-kimono__rin-body .block-custom-sub-visual--name, .page-product-kimono__rin-hand .block-custom-sub-visual--name {
  color: #a4a8af;
}
.page-product-kimono__rin-body .block-custom-sub-intro--name, .page-product-kimono__rin-hand .block-custom-sub-intro--name {
  color: #a6abb2;
}
.page-product-kimono__rin-body .block-custom-sub-intro--perfumer, .page-product-kimono__rin-hand .block-custom-sub-intro--perfumer {
  background-color: #e9e7ea;
}
.page-product-kimono__urara-body .block-custom-sub-visual--name, .page-product-kimono__urara-hand .block-custom-sub-visual--name {
  color: #eeb498;
}
.page-product-kimono__urara-body .block-custom-sub-intro--name, .page-product-kimono__urara-hand .block-custom-sub-intro--name {
  color: #f5d2bf;
}
.page-product-kimono__urara-body .block-custom-sub-intro--perfumer, .page-product-kimono__urara-hand .block-custom-sub-intro--perfumer {
  background-color: #f6edea;
}
.page-product-kimono__tsuya-body .block-custom-sub-visual--name, .page-product-kimono__tsuya-hand .block-custom-sub-visual--name {
  color: #a74472;
}
.page-product-kimono__tsuya-body .block-custom-sub-intro--name, .page-product-kimono__tsuya-hand .block-custom-sub-intro--name {
  color: #b0597e;
}
.page-product-kimono__tsuya-body .block-custom-sub-intro--perfumer, .page-product-kimono__tsuya-hand .block-custom-sub-intro--perfumer {
  background-color: #f6edf4;
}
.page-product-kimono__yui-body .block-custom-intro {
  background: url("../../images/pc/custom/kimono_yui_bodylotion/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__kihin-body .block-custom-intro {
  background: url("../../images/pc/custom/kimono_kihin_bodylotion/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__rin-body .block-custom-intro {
  background: url("../../images/pc/custom/kimono_rin_bodylotion/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__urara-body .block-custom-intro {
  background: url("../../images/pc/custom/kimono_urara_bodylotion/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__tsuya-body .block-custom-intro {
  background: url("../../images/pc/custom/kimono_tsuya_bodylotion/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__yui-hand .block-custom-intro {
  background: url("../../images/pc/custom/kimono_yui_handcream/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__kihin-hand .block-custom-intro {
  background: url("../../images/pc/custom/kimono_kihin_handcream/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__rin-hand .block-custom-intro {
  background: url("../../images/pc/custom/kimono_rin_handcream/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__urara-hand .block-custom-intro {
  background: url("../../images/pc/custom/kimono_urara_handcream/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono__tsuya-hand .block-custom-intro {
  background: url("../../images/pc/custom/kimono_tsuya_handcream/bg.jpg") no-repeat right top/cover;
}
.page-product-kimono .moreBtn {
  padding: 6px 0;
  border-bottom: solid 1px #595757;
  text-decoration: none;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.page-product-kimono .moreBtn.js-accordion-trigger::before {
  display: none !important;
}
.page-product-kimono .moreBtn.js-accordion-trigger::after {
  display: none !important;
}
.page-product-kimono .linkBtn {
  padding: 10px;
  display: block;
  width: 80%;
  max-width: 400px;
  background: #333333;
  color: #ffffff;
  text-decoration: none;
  margin: 0 auto 35px;
  text-align: center;
}
@keyframes morefade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.page-product-kimono .serif {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-product-kimono .small {
  font-size: 0.8em;
}

.block-custom {
  /*202601一覧更新*/
  /*202601一覧更新END*/
}
.block-custom .page-products-kimono-watercologne {
  color: #231815;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.1em;
}
.block-custom .page-products-kimono-watercologne * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.block-custom .page-products-kimono-watercologne .base-text {
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
}
.block-custom .page-products-kimono-watercologne .inner {
  padding: 0 20px;
  margin-inline: auto;
}
.block-custom .page-products-kimono-watercologne .section-title {
  padding-bottom: 20px;
  position: relative;
  -webkit-clip-path: inset(0% 0% -30px 0%);
  clip-path: inset(0% 0% -30px 0%);
}
.block-custom .page-products-kimono-watercologne .section-title span {
  font-size: 20px;
  color: #A8A6AD;
  text-align: center;
  display: block;
  position: relative;
  z-index: 2;
  font-weight: 400;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-kimono-watercologne .section-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 5px;
  -webkit-box-shadow: 0 5px 7px #E6E6E6;
  box-shadow: 0 5px 7px #E6E6E6;
  width: 100%;
  height: 30px;
  background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(#F5F7FC), to(#FFFFFF));
  background: linear-gradient(90deg, #FFFFFF, #F5F7FC, #FFFFFF);
}
.block-custom .page-products-kimono-watercologne h2 {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-kimono-watercologne h3 {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  padding: 0;
}
.block-custom .page-products-kimono-watercologne p {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-kimono-watercologne ul {
  margin: unset;
}
.block-custom .page-products-kimono-watercologne li {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-kimono-watercologne a {
  font-weight: 400;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-kimono-watercologne .block-fv {
  background-image: url("../../../img/decorte2023/sp/custom/kimono_watercologne/bg_sp.jpg");
  background-color: #EBEEF7;
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 60px;
}
.block-custom .page-products-kimono-watercologne .block-fv--inner {
  padding: unset;
}
.block-custom .page-products-kimono-watercologne .block-fv--container {
  padding: 0px 0 30px;
}
.block-custom .page-products-kimono-watercologne .block-fv--card {
  background: #FFF;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.block-custom .page-products-kimono-watercologne .block-fv--card-img {
  aspect-ratio: 1;
  margin-bottom: 30px;
}
.block-custom .page-products-kimono-watercologne .block-fv--card-texts {
  text-align: center;
  padding: 0 20px;
}
.block-custom .page-products-kimono-watercologne .block-fv--card-text {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.4444444444;
  color: #6288C5;
}
.block-custom .page-products-kimono-watercologne .block-fv--card-text2 {
  font-size: 20px;
  color: #6288C5;
  line-height: 1.45;
}
.block-custom .page-products-kimono-watercologne .block-fv--texts {
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-products-kimono-watercologne .block-fv--read {
  font-size: 30px;
  line-height: 1.4666666667;
  margin-bottom: 20px;
}
.block-custom .page-products-kimono-watercologne .block-fv--read2 {
  margin-bottom: 32px;
  font-size: 24px;
}
.block-custom .page-products-kimono-watercologne .block-fv--text:not(:last-of-type) {
  margin-bottom: 10px;
}
.block-custom .page-products-kimono-watercologne .block-fv--text span {
  font-size: 10px;
}
.block-custom .page-products-kimono-watercologne .block-fv--items {
  display: -ms-grid;
  display: grid;
  gap: 6px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0 10px;
}
.block-custom .page-products-kimono-watercologne .block-fv--item {
  border-radius: 50%;
  aspect-ratio: 1;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.block-custom .page-products-kimono-watercologne .block-fv--item::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 10px;
  aspect-ratio: 1;
  width: 10px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  border-bottom: 2px solid #A8A6AD;
  border-right: 2px solid #A8A6AD;
}
.block-custom .page-products-kimono-watercologne .block-fv--item-text {
  text-align: center;
  color: #A8A6AD;
  font-size: 10px;
  line-height: 1.4166666667;
  letter-spacing: 0;
}
.block-custom .page-products-kimono-watercologne .block-about {
  margin-bottom: 60px;
}
.block-custom .page-products-kimono-watercologne .block-about--title {
  margin-bottom: 26px;
}
.block-custom .page-products-kimono-watercologne .block-about--text {
  text-align: center;
}
.block-custom .page-products-kimono-watercologne .block-about--text:not(:last-of-type) {
  margin-bottom: 20px;
}
.block-custom .page-products-kimono-watercologne .block-scent {
  margin-bottom: 60px;
}
.block-custom .page-products-kimono-watercologne .block-scent--inner {
  padding: unset;
}
.block-custom .page-products-kimono-watercologne .block-scent--title {
  margin: 0 20px 25px;
}
.block-custom .page-products-kimono-watercologne .block-scent--tabs {
  margin-inline: auto;
}
.block-custom .page-products-kimono-watercologne .block-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.block-custom .page-products-kimono-watercologne input[name=block-tab--name] {
  display: none;
}
.block-custom .page-products-kimono-watercologne .block-tab--name {
  font-size: 16px;
  padding: 17px 10px;
  text-align: center;
  width: calc(50% - 20px);
  color: #D8D6E0;
  background: #FCFAFB;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  cursor: pointer;
}
.block-custom .page-products-kimono-watercologne input:checked + .block-tab--name {
  color: #231815;
  background: #D8D6E0;
}
.block-custom .page-products-kimono-watercologne .block-tab--content {
  border-top: 4px solid #D8D6E0;
  padding: 20px;
  width: 100%;
  background: #FCFAFB;
  display: none;
}
.block-custom .page-products-kimono-watercologne input:checked + .block-tab--name + .block-tab--content {
  display: block;
}
.block-custom .page-products-kimono-watercologne .block-tab--img {
  margin-bottom: 17px;
  max-width: 600px;
  margin-inline: auto;
  aspect-ratio: 1;
}
.block-custom .page-products-kimono-watercologne .block-tab--read {
  text-align: center;
  font-size: 18px;
  line-height: 1.4444444444;
  color: #6288C5;
  margin-bottom: 30px;
}
.block-custom .page-products-kimono-watercologne .block-tab--read span {
  display: inline-block;
  position: relative;
}
.block-custom .page-products-kimono-watercologne .block-tab--read span::after {
  content: "みなも";
  display: block;
  position: absolute;
  bottom: 80%;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #6288C5;
  font-size: 10px;
}
.block-custom .page-products-kimono-watercologne .block-tab--wrap {
  background: #FFF;
  padding: 10px;
  margin-bottom: 20px;
}
.block-custom .page-products-kimono-watercologne .block-tab--chart {
  max-width: 780px;
  margin-inline: auto;
  margin-bottom: 15px;
}
.block-custom .page-products-kimono-watercologne .block-tab--items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 290px;
  margin-inline: auto;
}
.block-custom .page-products-kimono-watercologne .block-tab--item-img {
  aspect-ratio: 1;
}
.block-custom .page-products-kimono-watercologne .block-tab--item-caption {
  line-height: 1;
  font-size: 14px;
  text-align: center;
}
.block-custom .page-products-kimono-watercologne .block-tab--bottom {
  margin-left: auto;
  background: #DEE8F6;
  font-size: 8px;
  padding: 5px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.block-custom .page-products-kimono-watercologne .block-design {
  margin-bottom: 60px;
}
.block-custom .page-products-kimono-watercologne .block-design--designer-modal-container .block-designer--image {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-kimono-watercologne .block-design--designer-modal-container .block-designer--image:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-kimono-watercologne .block-design--designer-modal-container .block-designer--text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  text-align: left;
}
.block-custom .page-products-kimono-watercologne .block-design--designer-modal-container .block-designer--text:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-kimono-watercologne .block-design--title {
  margin-bottom: 20px;
}
.block-custom .page-products-kimono-watercologne .block-design--img {
  width: calc(100% - 70px);
  margin-inline: auto;
  margin-bottom: 20px;
}
.block-custom .page-products-kimono-watercologne .block-design--text {
  margin-bottom: 23px;
  text-align: center;
}
.block-custom .page-products-kimono-watercologne .block-design--name {
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 16px;
  text-align: center;
  padding: 15px 20px;
  width: 100%;
  border: 1px solid #A8A6AD;
  color: #A8A6AD;
}
.block-custom .page-products-kimono-watercologne .block-lineup-link--anchor {
  background-color: #333333;
  color: #ffffff;
  display: block;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto 30px;
  padding: 20px;
  text-align: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-kimono-watercologne .block-lists--container {
  padding-top: 30px;
  border-top: 1px solid #D8D6E0;
}
.block-custom .page-products-kimono-watercologne .block-lists--title {
  margin-bottom: 26px;
  font-size: 18px;
  line-height: 1.4444444444;
  text-align: center;
}
.block-custom .page-products-kimono-watercologne .block-lists--title span {
  letter-spacing: 0.1em;
}
.block-custom .page-products-kimono-watercologne .block-lists--items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 27px;
  place-content: center;
}
.block-custom .page-products-kimono-watercologne .block-lists--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-img {
  aspect-ratio: 120/185;
  width: 120px;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-body {
  width: calc(100% - 120px);
  text-align: center;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read {
  margin-bottom: 6px;
  font-size: 13px;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read__hikari {
  color: #6288C5;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read__mai {
  color: #6288C5;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read__yui {
  color: #F4B3C7;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read__kihin {
  color: #CEAA80;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read__urara {
  color: #F5D2BF;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read__rin {
  color: #A6ABB2;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-read__tsuya {
  color: #B0597E;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-name {
  font-size: 15px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-text {
  letter-spacing: 0;
  margin-bottom: 20px;
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-kimono-watercologne .block-lists--item-link {
  margin-inline: auto;
  display: block;
  padding: 0.5em 0;
  text-align: center;
  font-size: 10px;
  color: #FFF;
  background: #333333;
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-kimono-watercologne .block-concept {
  margin-bottom: 60px;
}
.block-custom .page-products-kimono-watercologne .block-concept--text {
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-kimono-watercologne .block-concept--image {
  margin: 0 auto;
  width: 60%;
}
.block-custom .block-section4 {
  padding-bottom: 10%;
}
.block-custom .block-section4-title {
  background-image: linear-gradient(90deg, #838595, #bcc0cf);
  padding: 4%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 6%;
}
.block-custom .block-section4-lead {
  padding: 8% 0;
  text-align: center;
  background: url(/decorte/img/decorte2023/sp/decorte_kimono/fragrance_bg.png) no-repeat center center;
  background-size: cover;
}
.block-custom .block-section4-lead-copy1 {
  font-size: 20px;
  margin-bottom: 3%;
}
.block-custom .block-section4-lead-copy2 {
  font-size: 18px;
  margin-bottom: 6%;
}
.block-custom .block-section4-lead-txt {
  font-size: 14px;
  margin-bottom: 5%;
  line-height: 1.6;
}
.block-custom .block-section4-lead-bannerarea {
  text-align: center;
}
.block-custom .block-section4-lead-bannerarea-title {
  color: #CC8A9B;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 3%;
}
.block-custom .block-section4-lead-bannerarea-title::before, .block-custom .block-section4-lead-bannerarea-title::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #CC8A9B;
}
.block-custom .block-section4-lead-bannerarea-title::before {
  margin-right: 10px;
  transform: rotate(-30deg);
}
.block-custom .block-section4-lead-bannerarea-title::after {
  margin-left: 10px;
  transform: rotate(30deg);
}
.block-custom .block-section4-lead-bannerarea-btn {
  width: 90%;
  display: block;
  margin: 0 auto;
}
.block-custom .block-section4-scroll {
  overflow-x: scroll;
  width: 94%;
  margin: 0 auto 8%;
  scrollbar-color: #666666 #f0f0f0;
}
.block-custom .block-section4-fragrancemap {
  width: 930px;
  height: 560px;
  margin: 0 auto 3%;
  position: relative;
  background: url(/decorte/img/decorte2023/sp/decorte_kimono/fragrancemap.png) no-repeat left top;
  background-size: contain;
}
.block-custom .block-section4-fragrancemap > div {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-custom .block-section4-fragrancemap > div span {
  position: absolute;
  display: block;
  border-radius: 4px;
  padding: 2px 4px 3px;
  font-size: 8px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
}
.block-custom .block-section4-fragrancemap-yui {
  top: 315px;
  left: 265px;
  width: 40px;
}
.block-custom .block-section4-fragrancemap-yui span { /*background: #FBD9DA;*/
  bottom: -5px;
}
.block-custom .block-section4-fragrancemap-urara {
  top: 170px;
  left: 74px;
  width: 40px;
}
.block-custom .block-section4-fragrancemap-urara span { /*background: #EBD6CF;*/
  bottom: -5px;
}
.block-custom .block-section4-fragrancemap-kihin {
  top: 398px;
  left: 748px;
  width: 40px;
}
.block-custom .block-section4-fragrancemap-kihin span { /*background: #F4E1C2;*/
  bottom: -5px;
}
.block-custom .block-section4-fragrancemap-rin {
  top: 468px;
  left: 561px;
  width: 40px;
}
.block-custom .block-section4-fragrancemap-rin span { /*background: #CDCDCD;*/
  bottom: -5px;
}
.block-custom .block-section4-fragrancemap-tsuya {
  top: 363px;
  left: 335px;
  width: 40px;
}
.block-custom .block-section4-fragrancemap-tsuya span { /*background: #EACDE4;*/
  bottom: -5px;
}
.block-custom .block-section4-fragrancemap-mai {
  top: 428px;
  left: 851px;
  width: 44px;
}
.block-custom .block-section4-fragrancemap-mai span { /*background: #DDE8F8;*/
  bottom: -7px;
}
.block-custom .block-section4-fragrancemap-hikari {
  top: 165px;
  left: 263px;
  width: 44px;
}
.block-custom .block-section4-fragrancemap-hikari span { /*background: #DDE8F8;*/
  bottom: -7px;
}
.block-custom .block-section4-fragrancemap-sakura {
  top: 245px;
  left: 118px;
  width: 44px;
}
.block-custom .block-section4-fragrancemap-sakura span { /*background: #FBD9DA;*/
  bottom: -7px;
}
.block-custom .block-section4-fragrancemap-crystaltea {
  top: 89px;
  left: 29px;
  width: 36px;
}
.block-custom .block-section4-fragrancemap-crystaltea span { /*background: #EAF6FD;*/
  bottom: -30px;
}
.block-custom .block-section4-fragrancemap-osmanthus {
  top: 96px;
  left: 164px;
  width: 36px;
}
.block-custom .block-section4-fragrancemap-osmanthus span { /*background: #FEF3E7;*/
  bottom: -18px;
}
.block-custom .block-section4-fragrancemap-pearwoody {
  top: 121px;
  left: 327px;
  width: 36px;
}
.block-custom .block-section4-fragrancemap-pearwoody span { /*background: #EBEDDF;*/
  bottom: -42px;
}
.block-custom .block-section4-fragrancemap-rosemuguet {
  top: 152px;
  left: 217px;
  width: 36px;
}
.block-custom .block-section4-fragrancemap-rosemuguet span { /*background: #FBEEF5;*/
  bottom: -42px;
}
.block-custom .block-section4-fragrancemap-aqedp {
  top: 405px;
  left: 384px;
  width: 34px;
}
.block-custom .block-section4-fragrancemap-aqedp span { /*background: #F0F0F0;*/
  bottom: -43px;
}
.block-custom .block-section4-lineup {
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-custom .block-section4-lineup-title {
  width: 100%;
  padding: 4%;
  font-size: 20px;
  color: #666666;
  background: #f0f0f0;
  margin-bottom: 6%;
  text-align: center;
}
.block-custom .block-section4-lineup-item {
  width: 100%;
  max-width: 480px;
  display: flex;
  margin: 0 auto 3%;
}
.block-custom .block-section4-lineup-item-image {
  width: 38%;
}
.block-custom .block-section4-lineup-item-txt {
  width: 62%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5%;
  text-align: center;
}
.block-custom .block-section4-lineup-item-txt.bg-hikari {
  background: #ECF1F8;
}
.block-custom .block-section4-lineup-item-txt.bg-mai {
  background: #ECF1F8;
}
.block-custom .block-section4-lineup-item-txt.bg-tsuya {
  background: #F6EDF4;
}
.block-custom .block-section4-lineup-item-txt.bg-yui {
  background: #FDF0F3;
}
.block-custom .block-section4-lineup-item-txt.bg-kihin {
  background: #FBF0E6;
}
.block-custom .block-section4-lineup-item-txt.bg-urara {
  background: #F6EDEA;
}
.block-custom .block-section4-lineup-item-txt.bg-rin {
  background: #E9E7EA;
}
.block-custom .block-section4-lineup-item-txt-name {
  font-size: 11px;
  margin-bottom: 2%;
}
.block-custom .block-section4-lineup-item-txt-name.color-hikari {
  color: #6289C6;
}
.block-custom .block-section4-lineup-item-txt-name.color-mai {
  color: #6289C6;
}
.block-custom .block-section4-lineup-item-txt-name.color-tsuya {
  color: #B0597E;
}
.block-custom .block-section4-lineup-item-txt-name.color-yui {
  color: #F097B2;
}
.block-custom .block-section4-lineup-item-txt-name.color-kihin {
  color: #CEAA80;
}
.block-custom .block-section4-lineup-item-txt-name.color-urara {
  color: #D9B4A0;
}
.block-custom .block-section4-lineup-item-txt-name.color-rin {
  color: #A6ABB2;
}
.block-custom .block-section4-lineup-item-txt-copy {
  font-size: 12px;
  margin-bottom: 4%;
}
.block-custom .block-section4-lineup-item-txt-txt {
  font-size: 10px;
  margin-bottom: 6%;
}
.block-custom .block-section4-lineup-item-txt .detailbtn {
  margin-bottom: 2%;
  font-size: 10px;
  line-height: 1;
  padding: 3% 6% 4%;
  background: #555555;
  width: 80%;
  max-width: 150px;
  text-align: center;
}
.block-custom .block-section4-lineup-item-txt .detailbtn:hover {
  background: #000000;
}
.block-custom .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.block-custom .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  column-gap: 20px;
  padding: 5% 3%;
}
.block-custom .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -25px;
  height: 20px;
  width: 20px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-custom .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.block-custom .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
.block-custom .modal-btn {
  cursor: pointer;
}
.block-custom #marcel .modal-container {
  width: 90%;
  max-width: 480px;
  padding: 0;
  min-height: inherit;
}
.block-custom #marcel .modal-close {
  top: 20px;
  right: 20px;
}
.block-custom .modal-marcel {
  width: 100%;
}
.block-custom .modal-marcel-title {
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 5%;
}
.block-custom .modal-marcel-body {
  padding: 5%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.block-custom .modal-marcel-body-marcel {
  width: 60%;
  max-width: 240px;
  margin-bottom: 5%;
}
.block-custom .modal-marcel-body-txt {
  width: 100%;
  font-size: 11px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.6;
  margin-bottom: 5%;
}
.block-custom .modal-marcel-body-image {
  width: 50%;
  max-width: 180px;
  margin-bottom: 5%;
}
.block-custom .modal-fragrance {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-direction: column;
  height: 100%;
  overflow: scroll;
}
.block-custom .modal-fragrance-image {
  width: 120px;
  margin: 0 auto;
}
.block-custom .modal-fragrance-txt {
  width: 100%;
  text-align: center;
}
.block-custom .modal-fragrance-txt-name {
  font-size: 14px;
  color: #F097B2;
  margin-bottom: 3%;
}
.block-custom .modal-fragrance-txt-copy {
  font-size: 16px;
  margin-bottom: 4%;
}
.block-custom .modal-fragrance-txt-txt {
  font-size: 12px;
  margin-bottom: 5%;
  line-height: 1.6;
}
.block-custom .modal-fragrance-txt-scent {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto 5%;
  max-width: 240px;
}
.block-custom .modal-fragrance-txt-scent-item {
  width: 100px;
  text-align: center;
  margin: 0 10px 3%;
}
.block-custom .modal-fragrance-txt-scent-item span {
  font-size: 10px;
  margin-top: 1%;
  display: block;
}
.block-custom .modal-fragrance-txt .detailbtn {
  display: inline-block;
  font-size: 11px;
  padding: 2% 8% 3%;
}
.block-custom .modal-fragrance.scent4 .modal-fragrance-image {
  width: 110px;
  margin-bottom: 4%;
}
.block-custom .modal-fragrance.scent4 .modal-fragrance-txt {
  width: 100%;
}
.block-custom .modal-fragrance.scent4 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
.block-custom .modal-fragrance.scent3 .modal-fragrance-image {
  width: 120px;
  margin-bottom: 5%;
}
.block-custom .modal-fragrance.scent3 .modal-fragrance-txt {
  width: 100%;
}
.block-custom .modal-fragrance.scent3 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
.block-custom #yui .modal-fragrance-txt-name {
  color: #F097B2;
}
.block-custom #urara .modal-fragrance-txt-name {
  color: #D9B4A0;
}
.block-custom #kihin .modal-fragrance-txt-name {
  color: #CEAA80;
}
.block-custom #rin .modal-fragrance-txt-name {
  color: #A6ABB2;
}
.block-custom #tsuya .modal-fragrance-txt-name {
  color: #B0597E;
}
.block-custom #mai .modal-fragrance-txt-name {
  color: #6289C6;
}
.block-custom #hikari .modal-fragrance-txt-name {
  color: #6289C6;
}
.block-custom #sakura .modal-fragrance-txt-name {
  color: #D48CAD;
}
.block-custom #crystaltea .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom #osmanthus .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom #pearwoody .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom #rosemuguet .modal-fragrance-txt-name {
  color: #AEA08D;
}
.block-custom #aqedp .modal-fragrance-txt-name {
  color: #BCA0C2;
}
.block-custom #yui .modal-container, .block-custom #urara .modal-container, .block-custom #kihin .modal-container, .block-custom #rin .modal-container, .block-custom #tsuya .modal-container, .block-custom #mai .modal-container, .block-custom #hikari .modal-container, .block-custom #sakura .modal-container, .block-custom #crystaltea .modal-container, .block-custom #osmanthus .modal-container, .block-custom #pearwoody .modal-container, .block-custom #rosemuguet .modal-container, .block-custom #aqedp .modal-container {
  height: calc(75% - 30px);
}
.block-custom sup {
  vertical-align: super;
}
.block-custom .detailbtn {
  background: #000000;
  padding: 3% 8% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.block-custom .detailbtn:hover {
  background: #555555;
}

.page-products-kimono-sakura {
  /*font-family: $minchoTimesnewroman;*/
}
.page-products-kimono-sakura body, .page-products-kimono-sakura h1, .page-products-kimono-sakura h2, .page-products-kimono-sakura h3, .page-products-kimono-sakura h4, .page-products-kimono-sakura p, .page-products-kimono-sakura ul, .page-products-kimono-sakura ol, .page-products-kimono-sakura li, .page-products-kimono-sakura figure, .page-products-kimono-sakura figcaption, .page-products-kimono-sakura blockquote, .page-products-kimono-sakura dl, .page-products-kimono-sakura dd, .page-products-kimono-sakura table, .page-products-kimono-sakura th, .page-products-kimono-sakura td {
  font-weight: 500;
}
.page-products-kimono-sakura sup {
  vertical-align: super;
}
.page-products-kimono-sakura .detailbtn {
  background: #000000;
  padding: 3% 8% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-kimono-sakura .detailbtn:hover {
  background: #555555;
}
.page-products-kimono-sakura .block-kv {
  width: 100%;
  margin: 0 auto 1%;
}
.page-products-kimono-sakura .block-section1, .page-products-kimono-sakura .block-section2, .page-products-kimono-sakura .block-section3, .page-products-kimono-sakura .block-section4 {
  padding-bottom: 10%;
}
.page-products-kimono-sakura .block-section1-title, .page-products-kimono-sakura .block-section2-title, .page-products-kimono-sakura .block-section3-title, .page-products-kimono-sakura .block-section4-title {
  background: url(/decorte/img/decorte2023/sp/custom/kimono_sakura/h2_bg.png) no-repeat right center #F9E8F0;
  background-size: cover;
  padding: 4%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #D48CAD;
  font-size: 20px;
  margin-bottom: 6%;
}
.page-products-kimono-sakura .block-navi {
  margin-bottom: 8%;
}
.page-products-kimono-sakura .block-navi-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.page-products-kimono-sakura .block-navi-list li {
  width: 49%;
}
.page-products-kimono-sakura .block-navi-list li a {
  background: url(/decorte/img/decorte2023/sp/custom/kimono_sakura/navi_bg.png) no-repeat center bottom;
  background-size: contain;
  color: #AD6C8A;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1.4;
  min-height: 80px;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 200px;
  text-decoration: none;
  margin: 0 auto 2%;
}
.page-products-kimono-sakura .block-navi-list li a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: #F5CAE4;
  border-radius: 50%;
  position: absolute;
  bottom: -11px;
  transition: all 0.5s ease;
}
.page-products-kimono-sakura .block-navi-list li a::after {
  border-bottom: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  transform: rotate(45deg);
  bottom: -2px;
}
.page-products-kimono-sakura .block-navi-list li a:hover::before {
  background: #F09BCF;
}
.page-products-kimono-sakura .block-section1 {
  background: url(/decorte/img/decorte2023/sp/custom/kimono_sakura/lead_bg.png) no-repeat center top;
  background-size: cover;
  padding-bottom: 8%;
  margin-bottom: 0;
  text-align: center;
}
.page-products-kimono-sakura .block-section1-title {
  margin-bottom: 60px;
}
.page-products-kimono-sakura .block-section1-date {
  font-size: 14px;
  color: #D48CAD;
  margin-bottom: 4%;
}
.page-products-kimono-sakura .block-section1-name {
  font-size: 18px;
  color: #D48CAD;
  margin-bottom: 6%;
}
.page-products-kimono-sakura .block-section1-copy1 {
  font-size: 24px;
  margin-bottom: 6%;
}
.page-products-kimono-sakura .block-section1-copy2 {
  font-size: 18px;
  margin-bottom: 5%;
}
.page-products-kimono-sakura .block-section1-copy3 {
  font-size: 12px;
  margin-bottom: 5%;
  line-height: 1.6;
}
.page-products-kimono-sakura .block-section1-box {
  display: flex;
  width: 94%;
  max-width: 480px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 8%;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-products-kimono-sakura .block-section1-box-note {
  width: 100%;
  margin: 0 auto 5%;
}
.page-products-kimono-sakura .block-section1-box-scent {
  width: 100px;
  margin: 0 auto;
}
.page-products-kimono-sakura .block-section1-box-scent span {
  display: block;
  text-align: center;
  margin-top: 2%;
  font-size: 12px;
}
.page-products-kimono-sakura .block-section1-box-scent span.block-section1-box-scent-notice {
  font-size: 8px;
  text-align: right;
}
.page-products-kimono-sakura .block-section2 {
  background: url(/decorte/img/decorte2023/sp/custom/kimono_sakura/feature_bg.png) no-repeat center top;
  background-size: cover;
  padding-bottom: 8%;
  margin-bottom: 0;
  text-align: center;
}
.page-products-kimono-sakura .block-section2-title {
  margin-bottom: 60px;
}
.page-products-kimono-sakura .block-section2-txt {
  font-size: 15px;
  margin-bottom: 8%;
}
.page-products-kimono-sakura .block-section2-txt p {
  margin-bottom: 4%;
  font-weight: 400;
}
.page-products-kimono-sakura .block-section2-point {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 94%;
  margin: 0 auto 6%;
  flex-wrap: wrap;
  max-width: 320px;
}
.page-products-kimono-sakura .block-section2-point-item {
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
  background-image: radial-gradient(#ffffff, #ffedf4);
  color: #D883A8;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  margin: 3%;
}
.page-products-kimono-sakura .block-section2-point-item span {
  display: block;
  font-size: 11px;
}
.page-products-kimono-sakura .block-section2-box {
  width: 94%;
  max-width: 480px;
  margin: 0 auto;
  padding: 5%;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-products-kimono-sakura .block-section2-box-title {
  background: #EFF2F8;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  width: 100%;
  font-weight: 500;
}
.page-products-kimono-sakura .block-section2-box-item {
  width: 100%;
  display: flex;
  margin-top: 5%;
}
.page-products-kimono-sakura .block-section2-box-item-image {
  width: 35%;
}
.page-products-kimono-sakura .block-section2-box-item-txt {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-products-kimono-sakura .block-section2-box-item-txt-name {
  color: #6289C6;
  font-size: 14px;
  margin-bottom: 3%;
}
.page-products-kimono-sakura .block-section2-box-item-txt-copy {
  font-size: 15px;
  margin-bottom: 4%;
}
.page-products-kimono-sakura .block-section2-box-item-txt-txt {
  font-size: 11px;
  margin-bottom: 4%;
}
.page-products-kimono-sakura .block-section3-title {
  margin-bottom: 8%;
}
.page-products-kimono-sakura .block-section3-image {
  width: 90%;
  max-width: 400px;
  margin: 0 auto 6%;
}
.page-products-kimono-sakura .block-section3-txt {
  font-size: 14px;
  margin-bottom: 6%;
  text-align: center;
}
.page-products-kimono-sakura .block-section3-btn {
  width: 240px;
  margin: 0 auto;
  border: solid 1px #A8A6AD;
  padding: 10px;
  text-align: center;
  color: #A8A6AD;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.page-products-kimono-sakura .block-section3-btn:hover {
  background: #000000;
  color: #ffffff;
  border: solid 1px #000000;
}
.page-products-kimono-sakura .block-section4-lead {
  padding: 8% 0;
  text-align: center;
  background: url(/decorte/img/decorte2023/sp/custom/kimono_sakura/fragrance_bg.png) no-repeat center center;
  background-size: cover;
}
.page-products-kimono-sakura .block-section4-lead-copy1 {
  font-size: 20px;
  margin-bottom: 3%;
}
.page-products-kimono-sakura .block-section4-lead-copy2 {
  font-size: 18px;
  margin-bottom: 6%;
}
.page-products-kimono-sakura .block-section4-lead-txt {
  font-size: 14px;
  margin-bottom: 5%;
  line-height: 1.6;
}
.page-products-kimono-sakura .block-section4-lead-bannerarea {
  text-align: center;
}
.page-products-kimono-sakura .block-section4-lead-bannerarea-title {
  color: #CC8A9B;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 3%;
}
.page-products-kimono-sakura .block-section4-lead-bannerarea-title::before, .page-products-kimono-sakura .block-section4-lead-bannerarea-title::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #CC8A9B;
}
.page-products-kimono-sakura .block-section4-lead-bannerarea-title::before {
  margin-right: 10px;
  transform: rotate(-30deg);
}
.page-products-kimono-sakura .block-section4-lead-bannerarea-title::after {
  margin-left: 10px;
  transform: rotate(30deg);
}
.page-products-kimono-sakura .block-section4-lead-bannerarea-btn {
  width: 90%;
  display: block;
  margin: 0 auto;
}
.page-products-kimono-sakura .block-section4-scroll {
  overflow-x: scroll;
  width: 94%;
  margin: 0 auto 8%;
  scrollbar-color: #666666 #f0f0f0;
}
.page-products-kimono-sakura .block-section4-fragrancemap {
  width: 930px;
  height: 560px;
  margin: 0 auto 3%;
  position: relative;
  background: url(/decorte/img/decorte2023/sp/custom/kimono_sakura/fragrancemap.png) no-repeat left top;
  background-size: contain;
}
.page-products-kimono-sakura .block-section4-fragrancemap > div {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-kimono-sakura .block-section4-fragrancemap > div span {
  position: absolute;
  display: block;
  border-radius: 4px;
  padding: 2px 4px 3px;
  font-size: 8px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
}
.page-products-kimono-sakura .block-section4-fragrancemap-yui {
  top: 315px;
  left: 265px;
  width: 40px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-yui span { /*background: #FBD9DA;*/
  bottom: -5px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-urara {
  top: 170px;
  left: 74px;
  width: 40px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-urara span { /*background: #EBD6CF;*/
  bottom: -5px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-kihin {
  top: 398px;
  left: 748px;
  width: 40px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-kihin span { /*background: #F4E1C2;*/
  bottom: -5px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-rin {
  top: 468px;
  left: 561px;
  width: 40px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-rin span { /*background: #CDCDCD;*/
  bottom: -5px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-tsuya {
  top: 363px;
  left: 335px;
  width: 40px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-tsuya span { /*background: #EACDE4;*/
  bottom: -5px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-mai {
  top: 428px;
  left: 851px;
  width: 44px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-mai span { /*background: #DDE8F8;*/
  bottom: -7px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-hikari {
  top: 165px;
  left: 263px;
  width: 44px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-hikari span { /*background: #DDE8F8;*/
  bottom: -7px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-sakura {
  top: 245px;
  left: 118px;
  width: 44px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-sakura span { /*background: #FBD9DA;*/
  bottom: -7px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-crystaltea {
  top: 89px;
  left: 29px;
  width: 36px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-crystaltea span { /*background: #EAF6FD;*/
  bottom: -30px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-osmanthus {
  top: 96px;
  left: 164px;
  width: 36px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-osmanthus span { /*background: #FEF3E7;*/
  bottom: -18px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-pearwoody {
  top: 121px;
  left: 327px;
  width: 36px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-pearwoody span { /*background: #EBEDDF;*/
  bottom: -42px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-rosemuguet {
  top: 152px;
  left: 217px;
  width: 36px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-rosemuguet span { /*background: #FBEEF5;*/
  bottom: -42px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-aqedp {
  top: 405px;
  left: 384px;
  width: 34px;
}
.page-products-kimono-sakura .block-section4-fragrancemap-aqedp span { /*background: #F0F0F0;*/
  bottom: -43px;
}
.page-products-kimono-sakura .block-section4-lineup {
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-products-kimono-sakura .block-section4-lineup-title {
  width: 100%;
  padding: 4%;
  font-size: 20px;
  color: #666666;
  background: #f0f0f0;
  margin-bottom: 6%;
  text-align: center;
}
.page-products-kimono-sakura .block-section4-lineup-item {
  width: 100%;
  max-width: 480px;
  display: flex;
  margin: 0 auto 3%;
}
.page-products-kimono-sakura .block-section4-lineup-item-image {
  width: 38%;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt {
  width: 62%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5%;
  text-align: center;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt.bg-hikari {
  background: #ECF1F8;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt.bg-mai {
  background: #ECF1F8;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt.bg-tsuya {
  background: #F6EDF4;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt.bg-yui {
  background: #FDF0F3;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt.bg-kihin {
  background: #FBF0E6;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt.bg-urara {
  background: #F6EDEA;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt.bg-rin {
  background: #E9E7EA;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name {
  font-size: 11px;
  margin-bottom: 2%;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name.color-hikari {
  color: #6289C6;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name.color-mai {
  color: #6289C6;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name.color-tsuya {
  color: #B0597E;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name.color-yui {
  color: #F097B2;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name.color-kihin {
  color: #CEAA80;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name.color-urara {
  color: #D9B4A0;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-name.color-rin {
  color: #A6ABB2;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-copy {
  font-size: 12px;
  margin-bottom: 4%;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt-txt {
  font-size: 10px;
  margin-bottom: 6%;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt .detailbtn {
  margin-bottom: 2%;
  font-size: 10px;
  line-height: 1;
  padding: 3% 6% 4%;
  background: #555555;
  width: 80%;
  max-width: 150px;
  text-align: center;
}
.page-products-kimono-sakura .block-section4-lineup-item-txt .detailbtn:hover {
  background: #000000;
}
.page-products-kimono-sakura .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-products-kimono-sakura .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  column-gap: 20px;
  padding: 5% 3%;
}
.page-products-kimono-sakura .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -25px;
  height: 20px;
  width: 20px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-kimono-sakura .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.page-products-kimono-sakura .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
.page-products-kimono-sakura .modal-btn {
  cursor: pointer;
}
.page-products-kimono-sakura #marcel .modal-container {
  width: 90%;
  max-width: 480px;
  padding: 0;
  min-height: inherit;
}
.page-products-kimono-sakura #marcel .modal-close {
  top: 20px;
  right: 20px;
}
.page-products-kimono-sakura .modal-marcel {
  width: 100%;
}
.page-products-kimono-sakura .modal-marcel-title {
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 5%;
}
.page-products-kimono-sakura .modal-marcel-body {
  padding: 5%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.page-products-kimono-sakura .modal-marcel-body-marcel {
  width: 60%;
  max-width: 240px;
  margin-bottom: 5%;
}
.page-products-kimono-sakura .modal-marcel-body-txt {
  width: 100%;
  font-size: 11px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.6;
  margin-bottom: 5%;
}
.page-products-kimono-sakura .modal-marcel-body-image {
  width: 50%;
  max-width: 180px;
  margin-bottom: 5%;
}
.page-products-kimono-sakura .modal-fragrance {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-direction: column;
  height: 100%;
  overflow: scroll;
}
.page-products-kimono-sakura .modal-fragrance-image {
  width: 120px;
  margin: 0 auto;
}
.page-products-kimono-sakura .modal-fragrance-txt {
  width: 100%;
  text-align: center;
}
.page-products-kimono-sakura .modal-fragrance-txt-name {
  font-size: 14px;
  color: #F097B2;
  margin-bottom: 3%;
}
.page-products-kimono-sakura .modal-fragrance-txt-copy {
  font-size: 16px;
  margin-bottom: 4%;
}
.page-products-kimono-sakura .modal-fragrance-txt-txt {
  font-size: 12px;
  margin-bottom: 5%;
  line-height: 1.6;
}
.page-products-kimono-sakura .modal-fragrance-txt-scent {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto 5%;
  max-width: 240px;
}
.page-products-kimono-sakura .modal-fragrance-txt-scent-item {
  width: 100px;
  text-align: center;
  margin: 0 10px 3%;
}
.page-products-kimono-sakura .modal-fragrance-txt-scent-item span {
  font-size: 10px;
  margin-top: 1%;
  display: block;
}
.page-products-kimono-sakura .modal-fragrance-txt .detailbtn {
  display: inline-block;
  font-size: 11px;
  padding: 2% 8% 3%;
}
.page-products-kimono-sakura .modal-fragrance.scent4 .modal-fragrance-image {
  width: 110px;
  margin-bottom: 4%;
}
.page-products-kimono-sakura .modal-fragrance.scent4 .modal-fragrance-txt {
  width: 100%;
}
.page-products-kimono-sakura .modal-fragrance.scent4 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
.page-products-kimono-sakura .modal-fragrance.scent3 .modal-fragrance-image {
  width: 120px;
  margin-bottom: 5%;
}
.page-products-kimono-sakura .modal-fragrance.scent3 .modal-fragrance-txt {
  width: 100%;
}
.page-products-kimono-sakura .modal-fragrance.scent3 .modal-fragrance-txt-scent-item {
  margin: 0 10px 3%;
}
.page-products-kimono-sakura #yui .modal-fragrance-txt-name {
  color: #F097B2;
}
.page-products-kimono-sakura #urara .modal-fragrance-txt-name {
  color: #D9B4A0;
}
.page-products-kimono-sakura #kihin .modal-fragrance-txt-name {
  color: #CEAA80;
}
.page-products-kimono-sakura #rin .modal-fragrance-txt-name {
  color: #A6ABB2;
}
.page-products-kimono-sakura #tsuya .modal-fragrance-txt-name {
  color: #B0597E;
}
.page-products-kimono-sakura #mai .modal-fragrance-txt-name {
  color: #6289C6;
}
.page-products-kimono-sakura #hikari .modal-fragrance-txt-name {
  color: #6289C6;
}
.page-products-kimono-sakura #sakura .modal-fragrance-txt-name {
  color: #D48CAD;
}
.page-products-kimono-sakura #crystaltea .modal-fragrance-txt-name {
  color: #AEA08D;
}
.page-products-kimono-sakura #osmanthus .modal-fragrance-txt-name {
  color: #AEA08D;
}
.page-products-kimono-sakura #pearwoody .modal-fragrance-txt-name {
  color: #AEA08D;
}
.page-products-kimono-sakura #rosemuguet .modal-fragrance-txt-name {
  color: #AEA08D;
}
.page-products-kimono-sakura #aqedp .modal-fragrance-txt-name {
  color: #BCA0C2;
}
.page-products-kimono-sakura #yui .modal-container, .page-products-kimono-sakura #urara .modal-container, .page-products-kimono-sakura #kihin .modal-container, .page-products-kimono-sakura #rin .modal-container, .page-products-kimono-sakura #tsuya .modal-container, .page-products-kimono-sakura #mai .modal-container, .page-products-kimono-sakura #sakura .modal-container, .page-products-kimono-sakura #crystaltea .modal-container, .page-products-kimono-sakura #osmanthus .modal-container, .page-products-kimono-sakura #pearwoody .modal-container, .page-products-kimono-sakura #rosemuguet .modal-container, .page-products-kimono-sakura #aqedp .modal-container {
  height: calc(75% - 30px);
}

.block-custom .page-products-liposome-cream {
  /* 一時対応用 */
}
.block-custom .page-products-liposome-cream .block-custom-lineup {
  background-color: #3d2a58;
  padding: 20px 0;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--title {
  background: rgb(107, 62, 119);
  background: linear-gradient(90deg, rgba(107, 62, 119, 0) 0%, rgb(98, 61, 122) 30%, rgb(107, 62, 119) 70%, rgba(107, 62, 119, 0) 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 auto 20px;
  text-align: center;
  width: calc(100% - 25px);
}
.block-custom .page-products-liposome-cream .block-custom-lineup--lead {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table {
  position: relative;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-head {
  border-radius: 5px;
  background-color: #a892b2;
  color: #ffffff;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 60px;
  z-index: 1;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-head-item {
  align-items: center;
  display: flex;
  font-size: 10px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-head-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body {
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body::after {
  background-color: #3d2a58;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .slick-track {
  display: flex;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .slick-track .slick-slide {
  height: auto;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .js-slick--arrow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  top: calc(50% - 12px);
  width: 24px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .js-slick--arrow::before, .block-custom .page-products-liposome-cream .block-custom-lineup--table-body .js-slick--arrow::after {
  color: #3d2a58;
  margin: 0;
  position: relative;
  height: 6px;
  width: 6px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .js-slick--next {
  right: 5px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .js-slick--prev {
  left: 5px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--table-body .js-slick--arrow {
  top: 308px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--notes {
  color: #ffffff;
  font-size: 10px;
  margin: 20px auto 0;
  width: calc(100% - 20px);
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item {
  background-color: #ffffff;
  border-radius: 5px;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  margin: 0 2px;
  padding: 0 10px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item a {
  text-decoration: none;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-catch {
  letter-spacing: -0.05em;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__cream .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__eyeserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 62px;
  width: auto;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__lipserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__ypel .block-custom-lineup--item-products-name {
  font-size: 12px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-catch {
  font-size: 11px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-products-image {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-products-name {
  display: block;
  font-size: 13px;
  margin-top: 10px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-feature {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding-top: 30px;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-feature strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-capsule {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-capsule-catch {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-capsule-image {
  margin-bottom: 20px;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-capsule-description {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-liposome-cream .block-custom-lineup--item-effect {
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  padding: 30px 0;
}
.block-custom .page-products-liposome-cream .block-custom-history {
  background-color: #ffffff;
  padding: 40px 0 30px;
}
.block-custom .page-products-liposome-cream .block-custom-history--title {
  align-items: center;
  background: rgb(61, 41, 88);
  background: linear-gradient(90deg, rgb(61, 41, 88) 0%, rgb(78, 54, 113) 50%, rgb(62, 42, 89) 100%);
  color: #ffffff;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-cream .block-custom-history--lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-history--item {
  display: flex;
  margin: 0 auto;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-cream .block-custom-history--item__1984 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item__1992 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item__2021 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-cream .block-custom-history--item__2022 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-cream .block-custom-history--item__2023 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-cream .block-custom-history--item__2024 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-cream .block-custom-history--item__2025 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-cream .block-custom-history--item:last-child .block-custom-history--item-detail::after {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(98, 62, 123) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 30px;
  left: -6px;
  position: absolute;
  width: 6px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item + .block-custom-history--item {
  margin-top: -10px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item-title {
  color: #6b3e77;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-top: -0.5em;
  width: 65px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item-detail {
  border-left: 6px solid #623e7b;
  border-top: 1px solid #623e7b;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 70px);
}
.block-custom .page-products-liposome-cream .block-custom-history--item-detail::before {
  background-color: #623e7b;
  border: 5px solid #a892b2;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: -13px;
  position: absolute;
  top: -10px;
  width: 20px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item-description {
  font-size: 10px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item-description + .block-custom-history--item-description {
  margin-top: 10px;
}
.block-custom .page-products-liposome-cream .block-custom-history--item-image {
  margin-top: 20px;
}
.block-custom .page-products-liposome-cream .block-custom-component {
  color: #ffffff;
}
.block-custom .page-products-liposome-cream .block-custom-component--title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-component--list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
  justify-content: center;
  margin: 0 auto 10px;
  width: calc(100% - 30px);
}
.block-custom .page-products-liposome-cream .block-custom-component--list-item {
  width: 95px;
}
.block-custom .page-products-liposome-cream .block-custom-component--list-item-text {
  font-size: 10px;
  line-height: 1.3;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-custom-component--list-item-text sup {
  font-size: 8px;
}
.block-custom .page-products-liposome-cream .block-custom-component--list-notice {
  font-size: 10px;
  grid-column: 1/7;
  line-height: 1.3;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom .page-products-liposome-cream .block-about-liposome-cream-component {
  color: #ffffff;
}
.block-custom .page-products-liposome-cream .block-about-liposome-cream-component--title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-about-liposome-cream-component--list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto 10px;
  width: calc(100% - 30px);
}
.block-custom .page-products-liposome-cream .block-about-liposome-cream-component--list-item {
  width: calc(50% - 5px);
}
.block-custom .page-products-liposome-cream .block-about-liposome-cream-component--list-item-text {
  font-size: 10px;
  line-height: 1.3;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-liposome-cream .block-about-liposome-cream-component--list-item-text sup {
  font-size: 8px;
}
.block-custom .page-products-liposome-cream .block-about-liposome-cream-component--list-notice {
  font-size: 10px;
  grid-column: 1/7;
  line-height: 1.3;
  margin: 0 auto;
  width: calc(100% - 30px);
}

.block-custom .page-product-liposome-eye-serum {
  background-image: linear-gradient(90deg, #d7ebfa, #8069bb 75%, #372164);
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 40px !important;
}
.block-custom .page-product-liposome-eye-serum strong {
  font-weight: normal;
}
.block-custom .page-product-liposome-eye-serum sup {
  font-size: 10px;
  vertical-align: text-top;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup {
  background-color: #3d2a58;
  padding: 20px 0;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--title {
  background: rgb(107, 62, 119);
  background: linear-gradient(90deg, rgba(107, 62, 119, 0) 0%, rgb(98, 61, 122) 30%, rgb(107, 62, 119) 70%, rgba(107, 62, 119, 0) 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 auto 20px;
  text-align: center;
  width: calc(100% - 25px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--lead {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table {
  position: relative;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-head {
  border-radius: 5px;
  background-color: #a892b2;
  color: #ffffff;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 60px;
  z-index: 1;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-head-item {
  align-items: center;
  display: flex;
  font-size: 10px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-head-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body {
  position: relative;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body::after {
  background-color: #3d2a58;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .slick-track {
  display: flex;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .slick-track .slick-slide {
  height: auto;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .js-slick--arrow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  top: calc(50% - 12px);
  width: 24px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .js-slick--arrow::before, .block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .js-slick--arrow::after {
  color: #3d2a58;
  margin: 0;
  position: relative;
  height: 6px;
  width: 6px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .js-slick--next {
  right: 5px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .js-slick--prev {
  left: 5px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body .js-slick--arrow {
  top: 308px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--notes {
  color: #ffffff;
  font-size: 10px;
  margin: 20px auto 0;
  width: calc(100% - 20px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item {
  background-color: #ffffff;
  border-radius: 5px;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  margin: 0 2px;
  padding: 0 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item a {
  text-decoration: none;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-catch {
  letter-spacing: -0.05em;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__cream .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__eyeserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 62px;
  width: auto;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__lipserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__ypel .block-custom-lineup--item-products-name {
  font-size: 12px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-catch {
  font-size: 11px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-products-image {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-products-name {
  display: block;
  font-size: 13px;
  margin-top: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-feature {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding-top: 30px;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-feature strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-capsule {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-capsule-catch {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-capsule-image {
  margin-bottom: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-capsule-description {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--item-effect {
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  padding: 30px 0;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history {
  background-color: #ffffff;
  padding: 40px 0 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--title {
  align-items: center;
  background: rgb(61, 41, 88);
  background: linear-gradient(90deg, rgb(61, 41, 88) 0%, rgb(78, 54, 113) 50%, rgb(62, 42, 89) 100%);
  color: #ffffff;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item {
  display: flex;
  margin: 0 auto;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item__1984 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item__1992 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item__2021 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item__2022 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item__2023 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item__2024 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item__2025 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item:last-child .block-custom-history--item-detail::after {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(98, 62, 123) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 30px;
  left: -6px;
  position: absolute;
  width: 6px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item + .block-custom-history--item {
  margin-top: -10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item-title {
  color: #6b3e77;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-top: -0.5em;
  width: 65px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item-detail {
  border-left: 6px solid #623e7b;
  border-top: 1px solid #623e7b;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 70px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item-detail::before {
  background-color: #623e7b;
  border: 5px solid #a892b2;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: -13px;
  position: absolute;
  top: -10px;
  width: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item-description {
  font-size: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item-description + .block-custom-history--item-description {
  margin-top: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-history--item-image {
  margin-top: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup {
  background: none;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--title {
  align-items: center;
  background-image: linear-gradient(90deg, #808080, #bfbfbf 15%, #fafafa 50%, #bfbfbf 85%, #acaca6);
  color: #000000;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 20px;
  min-height: 60px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--notes {
  width: calc(100% - 30px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table p, .block-custom .page-product-liposome-eye-serum .block-custom-lineup--table span, .block-custom .page-product-liposome-eye-serum .block-custom-lineup--table li, .block-custom .page-product-liposome-eye-serum .block-custom-lineup--table th, .block-custom .page-product-liposome-eye-serum .block-custom-lineup--table td {
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.block-custom .page-product-liposome-eye-serum .block-custom-lineup--table-body::after {
  background-color: #d7ebfa;
  width: 60px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-main-visual {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-intro {
  background-color: rgba(255, 255, 255, 0.6);
  margin: 0 auto 40px;
  padding: 40px 15px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-intro--copy {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-intro--copy-weak {
  font-size: 16px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-intro--text {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-intro--text:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-intro--notes {
  font-size: 12px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-movie {
  background-color: #dbdbdb;
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-contents {
  margin: 0 auto 60px;
  width: calc(100% - 30px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-contents--title {
  align-items: center;
  background-image: linear-gradient(90deg, #808080, #bfbfbf 15%, #fafafa 50%, #bfbfbf 85%, #acaca6);
  display: flex;
  font-size: 20px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 20px;
  min-height: 60px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail {
  margin-bottom: 60px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail .block-custom-contents--title {
  display: none;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--container {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  margin: 0 auto;
  padding: 30px 10px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--eyes {
  background-image: url("../../images/sp/custom/liposome_eyeserum/detail_eyes_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  margin: 0 auto 40px;
  padding: 20px 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--eyes-lead {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--eyes-lead-weak {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--eyes-cause {
  align-items: center;
  display: flex;
  justify-content: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--eyes-cause-item {
  font-size: 14px;
  line-height: 1.3;
  position: relative;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--eyes-cause-item:not(:last-child) {
  padding-right: 40px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--eyes-cause-item:not(:last-child)::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 10px;
  transform: rotate(-40deg);
  top: 50%;
  width: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule {
  background-color: #533bba;
  color: #ffffff;
  padding: 30px 0;
  position: relative;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_eyeserum/bg_capsule.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-lead {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-lead-weak {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-detail {
  color: #401665;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-detail::before {
  background-color: #401665;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: calc(50% - 20px);
  transform: rotate(40deg);
  top: calc(30px + 15%);
  width: 40px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-detail::after {
  background-color: #401665;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: calc(50% - 20px);
  transform: rotate(-40deg);
  top: calc(30px + 15%);
  width: 40px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-detail-item {
  width: calc(50% - 10px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-detail-item-image {
  margin: 0 auto 10px;
  width: 80%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-detail-item-name {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--capsule-detail-item-text {
  font-size: 11px;
  line-height: 1.5;
  text-align: justify;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_eyeserum/bg_presentation.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-catch {
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 20px;
  padding: 0.5em;
  width: 18em;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-lead {
  color: #ffffff;
  font-size: 12px;
  margin-bottom: 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-care {
  color: #ffffff;
  display: flex;
  gap: 0 4px;
  margin: 0 auto 20px;
  width: calc(100% - 40px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-care-item {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  color: #401665;
  display: flex;
  font-size: 11px;
  justify-content: center;
  line-height: 1.5;
  padding: 10px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-care-item span {
  line-height: 1.5;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-care-item small {
  display: inline-block;
  font-size: 8px;
  line-height: 1.3;
  margin-top: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-care-notes {
  color: #ffffff;
  font-size: 9px;
  margin: 0 auto;
  text-align: justify;
  width: calc(100% - 40px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--presentation-care-notes + .block-custom-detail--presentation-care-notes {
  margin-top: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--component {
  padding: 60px 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--component-lead {
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--component-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 15px;
  justify-content: center;
  margin: 0 auto 10px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--component-list-item {
  max-width: 95px;
  width: calc((100% - 30px) / 3);
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--component-list-item-thumbnail {
  display: block;
  margin: 0 auto 10px;
  width: 90%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--component-list-item-name {
  display: block;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-detail--component-notes {
  color: #ffffff;
  font-size: 9px;
  line-height: 1.3;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto {
  background-color: #f7f5ff;
  padding-bottom: 40px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--lead {
  color: #401665;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-container {
  margin: 0 auto 40px;
  padding-bottom: 20px;
  width: calc(100% - 40px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-container .js-slick--prev {
  color: #401665;
  left: -20px;
  top: 20%;
  top: 15vw;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-container .js-slick--next {
  color: #401665;
  right: -20px;
  top: 20%;
  top: 15vw;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-container .js-slick--dots {
  bottom: 0;
  right: calc(50% - 24px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-container .js-slick--dots button {
  height: 14px;
  width: 14px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-container .js-slick--dots li.slick-active button {
  background-color: #401665;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list {
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-item {
  margin: 0 10px;
  width: calc(50% - 10px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--list-item-text {
  display: block;
  font-size: 14px;
  margin-top: 10px;
  text-align: justify;
}
.block-custom .page-product-liposome-eye-serum .block-custom-howto--movie {
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow {
  background-color: #f7f5ff;
  padding-bottom: 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--list {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--list-item:not(:last-child) {
  margin-bottom: 80px;
  position: relative;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--list-item:not(:last-child)::after {
  border: 30px solid transparent;
  border-bottom: none;
  border-top: 24px solid #7f5593;
  bottom: -54px;
  content: "";
  display: block;
  left: calc(50% - 30px);
  position: absolute;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--list-item.-step4 {
  margin-bottom: 60px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--list-item.-step4::after {
  display: none;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step > * {
  align-items: center;
  display: flex;
  justify-content: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step-title {
  color: #7f5593;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step-theme {
  background-color: #7f5593;
  color: #ffffff;
  font-size: 20px;
  margin-right: 10px;
  min-height: 60px;
  text-align: center;
  width: calc(50% - 5px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step-detail-area {
  flex-flow: column;
  justify-content: space-between;
  text-align: center;
  width: calc(50% - 5px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step-detail-area .block-custom-flow--step-detail {
  padding: 3px 0;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step-detail-area .block-custom-flow--step-detail:nth-child(1) {
  margin-bottom: 4px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--step-detail {
  border: 1px solid;
  color: #7f5593;
  font-size: 16px;
  text-align: center;
  width: calc(50% - 5px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special {
  align-items: center;
  background-image: linear-gradient(0deg, rgba(247, 245, 255, 0.5), rgba(127, 85, 147, 0.5));
  border: 2px solid #7f5593;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 10px;
  width: calc(100% - 20px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-image {
  margin: 0 auto 20px;
  width: 50%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-text-area {
  text-align: center;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-catch {
  border: 1px solid;
  display: block;
  font-size: 14px;
  margin: 0 auto 20px;
  padding: 0.5em;
  width: 20em;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-copy {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-copy-weak {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-main-copy {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-main-copy-weak {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-name {
  font-size: 14px;
  margin: 20px 0 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-more-anchor {
  background-color: #333333;
  color: #ffffff;
  display: block;
  font-size: 16px;
  line-height: 40px;
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-flow--special-notes {
  font-size: 12px;
  margin-top: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-campaign {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 40px 10px;
  width: calc(100% - 30px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-campaign--date {
  border: 1px solid;
  display: block;
  font-size: 14px;
  margin: 0 auto 20px;
  text-align: center;
  width: 12em;
}
.block-custom .page-product-liposome-eye-serum .block-custom-campaign--image {
  margin: 0 auto;
  max-width: 390px;
  width: 50%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-campaign--title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-campaign--detail {
  font-size: 14px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-campaign--detail-item {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
.block-custom .page-product-liposome-eye-serum .block-custom-campaign--notes {
  font-size: 12px;
  margin-top: 10px;
  padding-left: 1em;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme {
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--main-area {
  background-color: #000000;
  background-image: url("../../images/sp/liposome/about_bestcosme_decorate_top.png"), url("../../images/sp/liposome/about_bestcosme_decorate_bottom.png");
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  padding: 40px 15px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--lead {
  color: #d8ad60;
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--lead sup, .block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--lead small {
  font-size: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--awards-count {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--awards-count img {
  margin: 0 10px;
  width: calc(40% - 20px);
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--note {
  color: #d8ad60;
  display: inline-block;
  font-size: 10px;
  line-height: 1.3;
  margin-bottom: 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--list {
  background-color: #ffffff;
  color: #000000;
  margin: 20px auto;
  padding: 40px 10px;
  position: relative;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--list-title {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--list .top-border {
  background: -webkit-linear-gradient(0deg, #806419, #ebdaad, #806419);
  content: "";
  display: block;
  height: 9px;
  left: 0;
  position: absolute;
  top: -20px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--list .top-border::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  top: 4px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--list .bottom-border {
  background: -webkit-linear-gradient(0deg, #806419, #ebdaad, #806419);
  content: "";
  display: block;
  height: 9px;
  left: 0;
  position: absolute;
  bottom: -20px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-bestcosme--list .bottom-border::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  bottom: 4px;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble {
  background-color: rgba(127, 85, 147, 0.5);
  padding: 30px 20px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--lead {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--image {
  margin: 0 auto 30px;
  width: 60%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--title {
  border-bottom: 1px solid;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--list {
  display: flex;
  gap: 14px;
  justify-content: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--list:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--list li {
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  color: #401665;
  display: flex;
  font-weight: 600;
  height: 80px;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--list li span {
  display: inline-block;
  line-height: 1.5;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--list li sup {
  vertical-align: super;
}
.block-custom .page-product-liposome-eye-serum .block-custom-trouble--notes {
  color: #ffffff;
  font-size: 9px;
  margin: 10px auto 0;
  text-align: right;
  width: 100%;
}
.block-custom .page-product-liposome-eye-serum .block-custom-effect {
  padding: 60px 0;
  text-align: center;
}
.block-custom .page-product-liposome-eye-serum .block-custom-effect--catch {
  color: #401665;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-effect--lead {
  color: #401665;
  margin-bottom: 30px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-effect--lead strong {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
}
.block-custom .page-product-liposome-eye-serum .block-custom-effect .block-custom-detail--container {
  background-color: rgba(128, 105, 187, 0.7);
  margin: 0 auto;
  padding: 20px 10px 0;
  width: calc(100% - 40px);
}

.block-custom .page-products-liposome-flunckmuller {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup {
  background-color: #3d2a58;
  padding: 20px 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--title {
  background: rgb(107, 62, 119);
  background: linear-gradient(90deg, rgba(107, 62, 119, 0) 0%, rgb(98, 61, 122) 30%, rgb(107, 62, 119) 70%, rgba(107, 62, 119, 0) 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 auto 20px;
  text-align: center;
  width: calc(100% - 25px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--lead {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table {
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-head {
  border-radius: 5px;
  background-color: #a892b2;
  color: #ffffff;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 60px;
  z-index: 1;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-head-item {
  align-items: center;
  display: flex;
  font-size: 10px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-head-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body {
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body::after {
  background-color: #3d2a58;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .slick-track {
  display: flex;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .slick-track .slick-slide {
  height: auto;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .js-slick--arrow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  top: calc(50% - 12px);
  width: 24px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .js-slick--arrow::before, .block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .js-slick--arrow::after {
  color: #3d2a58;
  margin: 0;
  position: relative;
  height: 6px;
  width: 6px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .js-slick--next {
  right: 5px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .js-slick--prev {
  left: 5px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--table-body .js-slick--arrow {
  top: 308px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--notes {
  color: #ffffff;
  font-size: 10px;
  margin: 20px auto 0;
  width: calc(100% - 20px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item {
  background-color: #ffffff;
  border-radius: 5px;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  margin: 0 2px;
  padding: 0 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item a {
  text-decoration: none;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-catch {
  letter-spacing: -0.05em;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__cream .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__eyeserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 62px;
  width: auto;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__lipserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__ypel .block-custom-lineup--item-products-name {
  font-size: 12px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-catch {
  font-size: 11px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-products-image {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
  text-align: center;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-products-name {
  display: block;
  font-size: 13px;
  margin-top: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-feature {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding-top: 30px;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-feature strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-capsule {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-capsule-catch {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-capsule-image {
  margin-bottom: 20px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-capsule-description {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-lineup--item-effect {
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  padding: 30px 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history {
  background-color: #ffffff;
  padding: 40px 0 30px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--title {
  align-items: center;
  background: rgb(61, 41, 88);
  background: linear-gradient(90deg, rgb(61, 41, 88) 0%, rgb(78, 54, 113) 50%, rgb(62, 42, 89) 100%);
  color: #ffffff;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item {
  display: flex;
  margin: 0 auto;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item__1984 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item__1992 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item__2021 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item__2022 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item__2023 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item__2024 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item__2025 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item:last-child .block-custom-history--item-detail::after {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(98, 62, 123) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 30px;
  left: -6px;
  position: absolute;
  width: 6px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item + .block-custom-history--item {
  margin-top: -10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item-title {
  color: #6b3e77;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-top: -0.5em;
  width: 65px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item-detail {
  border-left: 6px solid #623e7b;
  border-top: 1px solid #623e7b;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 70px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item-detail::before {
  background-color: #623e7b;
  border: 5px solid #a892b2;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: -13px;
  position: absolute;
  top: -10px;
  width: 20px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item-description {
  font-size: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item-description + .block-custom-history--item-description {
  margin-top: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-history--item-image {
  margin-top: 20px;
}
.block-custom .page-products-liposome-flunckmuller h2 {
  display: none;
}
.block-custom .page-products-liposome-flunckmuller h2, .block-custom .page-products-liposome-flunckmuller h3, .block-custom .page-products-liposome-flunckmuller h4, .block-custom .page-products-liposome-flunckmuller dt, .block-custom .page-products-liposome-flunckmuller dd, .block-custom .page-products-liposome-flunckmuller li, .block-custom .page-products-liposome-flunckmuller p, .block-custom .page-products-liposome-flunckmuller span, .block-custom .page-products-liposome-flunckmuller small, .block-custom .page-products-liposome-flunckmuller th, .block-custom .page-products-liposome-flunckmuller td {
  font-weight: 300;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-contents {
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-contents--title {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  margin: 0 auto 20px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-contents--title.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro-area {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/bg_intro.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro-area.-fixed::after {
  position: fixed;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro-area.-fixed .block-custom-intro-effects {
  position: fixed;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro-area::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/bg_intro_watch.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro-effects {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/bg_intro_effects.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro {
  align-items: center;
  color: #ffffff;
  height: 100vh;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 2;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/intro_item.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 86.4vw;
  max-height: 648px;
  max-width: 344px;
  position: absolute;
  right: 27.1vw;
  top: min(36.6vw, 275px);
  width: 45.8vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro--copy {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/intro_copy.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  height: 14.5vw;
  max-height: 109px;
  max-width: 520px;
  left: min(15.3vw, 118px);
  position: absolute;
  top: min(10.2vw, 77px);
  width: 69.3vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro--logo {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  left: 19.3vw;
  max-width: 460px;
  position: absolute;
  top: min(113.8vw, 853px);
  width: 61.3vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro--logo-decorte, .block-custom .page-products-liposome-flunckmuller .block-custom-intro--logo-fm {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 0;
  height: 7.2vw;
  max-height: 54px;
  max-width: 188px;
  width: 25vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro--logo-decorte {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/logo_decorte_intro.png);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro--logo-fm {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/logo_fm_intro.png);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-intro--date {
  align-items: center;
  border: 1px solid;
  display: flex;
  font-size: 14px;
  height: 35px;
  justify-content: center;
  left: min(19.3vw, 145px);
  position: absolute;
  top: min(126.6vw, 950px);
  width: 230px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept {
  color: #ffffff;
  padding-bottom: 60px;
  position: relative;
  text-align: center;
  z-index: 2;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept .block-custom-contents--title {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/concept_title.png);
  height: 6.8vw;
  max-height: 51px;
  max-width: 432px;
  width: 57.6vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept--catch {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 28px;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept--catch.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept--catch-punctuation {
  display: inline-block;
  width: 0.6em;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept--catch-punctuation:last-child {
  width: 0.4em;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept--lead {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 13px;
  line-height: 2.3;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept--lead.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-concept--lead:not(:last-child) {
  margin-bottom: 3em;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design {
  background-color: #462665;
  color: #ffffff;
  padding: 50px 0 0;
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design::before {
  content: "";
  display: block;
  left: 0;
  opacity: 0.2;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design::before {
  background: rgba(65, 45, 98, 0);
  background: linear-gradient(0deg, rgba(65, 45, 98, 0) 0%, rgb(65, 45, 98) 100%);
  height: 200px;
  top: 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design .block-custom-contents--title {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_title.png);
  margin-bottom: 50px;
  height: 6.8vw;
  max-height: 51px;
  max-width: 394px;
  width: 52vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--catch {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_catch.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  height: 12.1vw;
  margin: 0 auto 20px;
  max-height: 91px;
  max-width: 498px;
  position: relative;
  width: 66.4vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--catch.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--date {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  border: 1px solid;
  font-size: 12px;
  display: block;
  line-height: 28px;
  margin: 0 auto 40px;
  position: relative;
  text-align: center;
  width: 175px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--date.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--lead {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 13px;
  line-height: 2;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--lead.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--nav {
  display: flex;
  margin-top: 60px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--nav-trigger {
  align-items: center;
  background-color: #593c75;
  color: #ab9eba;
  display: flex;
  font-size: 12px;
  height: 50px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 50%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--nav-trigger::before {
  content: "";
  display: block;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  left: min(2.5vw, 17px);
  position: absolute;
  height: 70px;
  width: 36px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--nav-trigger.-active {
  background-color: #291f4a;
  color: #ffffff;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--nav-trigger__pt::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_nav_icon_pt.png);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--nav-trigger__cd::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_nav_icon_cd.png);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item::before {
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 133.3vw;
  max-height: 1000px;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item__pt::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_visual_pt.jpg);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item__pt .block-custom-design--name-en {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_name_pt.png);
  height: 6.9vw;
  margin: 0 auto 6px;
  max-height: 52px;
  max-width: 451px;
  width: 60vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item__cd {
  display: none;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item__cd::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_visual_cd.jpg);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--item__cd .block-custom-design--name-en {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/design_name_cd.png);
  height: 5vw;
  margin: 0 auto 13px;
  max-height: 38px;
  max-width: 308px;
  width: 41vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--name {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 11px;
  position: absolute;
  text-align: center;
  top: min(10.4vw, 78px);
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--name.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--name-en {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  font-size: 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-list {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  display: flex;
  justify-content: space-between;
  margin: max(-20vw, -150px) auto 20px;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-list.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-list li {
  position: relative;
  max-width: 200px;
  width: 26.6vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-list li::before, .block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-list li::after {
  background-color: #ffffff;
  bottom: 18px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 8px;
  width: 20px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-list li::after {
  transform: rotateZ(90deg);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-modal-container {
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-modal-close {
  display: block;
  font-size: 0;
  height: 11vw;
  max-height: 82px;
  max-width: 82px;
  position: absolute;
  right: 0;
  top: -11vw;
  width: 11vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-modal-close::before, .block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  max-width: 75px;
  position: absolute;
  width: 10vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-modal-close::before {
  transform: rotateZ(45deg);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--photo-modal-close::after {
  transform: rotateZ(-45deg);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--description {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--description.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--more {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  background-color: rgba(0, 0, 0, 0.1);
  margin: 30px auto 0;
  padding: 25px 20px 60px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--more.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--more-products-name {
  font-size: 15px;
  font-weight: 500;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--more-products-spec {
  font-size: 15px;
  margin-top: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--more-anchor {
  align-items: center;
  border: 1px solid;
  color: #ffffff;
  display: flex;
  font-size: 15px;
  height: 50px;
  justify-content: center;
  margin-top: 20px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-design--more-anchor::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: block;
  height: 11px;
  right: 20px;
  position: absolute;
  transform: rotateZ(45deg) skew(5deg, 5deg);
  width: 11px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/bg_products.jpg);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 50px 0 60px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products .block-custom-contents--title {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/products_title.png);
  height: 5.4vw;
  margin-bottom: 40px;
  max-height: 40px;
  max-width: 421px;
  width: 56.1vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro {
  height: 73.3vw;
  margin: 0 auto;
  max-height: 550px;
  padding-left: min(37.3vw, 280px);
  padding-top: min(1.2vw, 10px);
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/products_item.png);
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 9.2%;
  position: absolute;
  top: 0;
  width: 20%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro-catch {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro-catch.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro-catch strong {
  display: block;
  font-size: 25px;
  font-weight: 500;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro-lead {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 13px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro-lead.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro-notes {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 10px;
  margin-top: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--intro-notes.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-area {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  margin: -26px auto 0;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-area.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-area .slick-track {
  display: flex;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-area .js-slick--arrow.slick-disabled {
  opacity: 0.35;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-area .js-slick--arrow::after {
  border-color: #ffffff;
  border-width: 2px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature {
  background-color: #3b2454;
  height: auto;
  margin: 0 40px;
  padding-bottom: 30px;
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-image {
  margin-bottom: 20px;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-catch {
  font-size: 20px;
  line-height: 1.3;
  margin: 0 auto 10px;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-description {
  font-size: 13px;
  margin: 0 auto;
  text-align: justify;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-products--feature-notes {
  display: block;
  font-size: 10px;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration {
  background-color: #462665;
  color: #ffffff;
  padding: 50px 20px 60px;
  text-align: center;
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration::before {
  content: "";
  display: block;
  left: 0;
  opacity: 0.2;
  position: absolute;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration::before {
  background: rgba(65, 45, 98, 0);
  background: linear-gradient(0deg, rgba(65, 45, 98, 0) 0%, rgb(65, 45, 98) 100%);
  height: 80px;
  top: 0;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration .block-custom-contents--title {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/collaboration_title.png);
  height: 5.4vw;
  margin-bottom: 50px;
  max-height: 41px;
  max-width: 566px;
  width: 75.4vw;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about {
  margin: 0 auto 40px;
  padding: 50px 20px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about::before {
  background-color: rgba(255, 255, 255, 0.1);
  display: block;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  backdrop-filter: blur(16px) brightness(1.1);
  -webkit-backdrop-filter: blur(16px) brightness(1.1);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about-title {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 25px;
  line-height: 1.3;
  margin-bottom: 30px;
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about-title.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about p {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 13px;
  line-height: 2.2;
  margin-bottom: 2em;
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about p.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about-photo {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  margin-top: 30px;
  position: relative;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--about-photo.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--fm-anchor {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  align-items: center;
  border: 1px solid;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  gap: 7%;
  justify-content: center;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--fm-anchor.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--fm-anchor::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_flunckmuller/logo_fm.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 10vw;
  max-height: 80px;
  width: 34%;
}
.block-custom .page-products-liposome-flunckmuller .block-custom-collaboration--fm-anchor::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: block;
  height: 11px;
  right: 20px;
  position: absolute;
  transform: rotateZ(45deg) skew(5deg, 5deg);
  width: 11px;
}

.block-custom .page-products-liposome-lipserum {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  letter-spacing: 0;
  /*.block-custom-lineup {

    background-color: #3d2a58;
    padding: 20px 0;
    &--title {
      background: rgb(107,62,119);
      background: linear-gradient(90deg, rgba(107,62,119,0) 0%, rgba(98,61,122,1) 30%, rgba(107,62,119,1) 70%, rgba(107,62,119,0) 100%);
      color: $white;
      font-size: 16px;
      font-weight: 700;
      line-height: 36px;
      margin: 0 auto 20px;
      text-align: center;
      width: calc(100% - 25px);
    }
    &--lead {
      color: $white;
      font-size: 13px;
      margin-bottom: 30px;
      text-align: center;
    }
    &--table {
      position: relative;
      &-head {
        border-radius: 5px;
        background-color: #a892b2;
        color: $white;
        display: grid;
        grid-template-rows: 210px 110px 1fr 110px;
        height: 100%;
        left: 10px;
        position: absolute;
        top: 0;
        width: 60px;
        z-index: 1;
        &-item {
          align-items: center;
          display: flex;
          font-size: 10px;
          justify-content: center;
          line-height: 1.3;
          text-align: center;
          &:not(:last-child) {
            border-bottom: 1px solid rgba(255,255,255,0.2);
          }
        }
      }
      &-body {
        position: relative;
        width: 100%;
        &::after {
          background-color: #3d2a58;
          content: "";
          display: block;
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 70px;
        }
        @include slide;
        .js-slick--arrow {
          top: calc(320px - 12px);
        }
      }
    }
    &--notes {
      color: $white;
      font-size: 10px;
      margin: 20px auto 0;
      width: calc(100% - 20px);
    }
    &--item {
      background-color: $white;
      border-radius: 5px;
      display: grid;
      grid-template-rows: 210px 110px 1fr 110px;
      margin: 0 2px;
      padding: 0 10px;
      &__serum {
        .block-custom-lineup--item-capsule-catch {
          letter-spacing: -0.05em;
        }
        .block-custom-lineup--item-capsule-image {
          img {
            margin: 0 auto;
            height: 94px;
            width: auto;
          }
        }
      }
      &__cream {
        .block-custom-lineup--item-capsule-image {
          img {
            margin: 0 auto;
            height: 94px;
            width: auto;
          }
        }
      }
      &__eyeserum {
        .block-custom-lineup--item-capsule-image {
          img {
            margin: 0 auto;
            height: 62px;
            width: auto;
          }
        }
      }
      &__lipserum {
        .block-custom-lineup--item-capsule-image {
          img {
            margin: 0 auto;
            height: 94px;
            width: auto;
          }
        }
      }
      &-products-image {
        border-bottom: 1px solid rgba(107,62,119,0.2);
        padding: 30px 0;
        text-align: center;
      }
      &-products-name {
        display: block;
        font-size: 13px;
        margin-top: 10px;
      }
      &-feature {
        border-bottom: 1px solid rgba(107,62,119,0.2);
        padding-top: 30px;

        font-size: 10px;
        line-height: 1.3;
        text-align: center;
        strong {
          display: block;
          font-size: 12px;
          font-weight: 700;
          margin-bottom: 10px;
        }
      }
      &-capsule {
        border-bottom: 1px solid rgba(107,62,119,0.2);
        padding: 30px 0;

        &-catch {
          font-size: 12px;
          font-weight: 700;
          line-height: 1.3;
          margin-bottom: 20px;
          text-align: center;
        }
        &-image {
          margin-bottom: 20px;
        }
        &-description {
          font-size: 10px;
          line-height: 1.5;
        }
      }
      &-effect {
        font-size: 11px;
        line-height: 1.5;
        text-align: center;
        padding: 30px 0;
      }
    }
  }*/
  /*.block-custom-history {
    background-color: $white;
    padding: 40px 0 30px;
    &--title {
      align-items: center;
      background: rgb(61,41,88);
      background: linear-gradient(90deg, rgba(61,41,88,1) 0%, rgba(78,54,113,1) 50%, rgba(62,42,89,1) 100%);
      color: $white;
      display: flex;
      font-size: 15px;
      font-weight: 700;
      height: 50px;
      justify-content: center;
      margin-bottom: 30px;
    }
    &--lead {
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 20px;
      text-align: center;
    }
    &--item {
      display: flex;
      margin: 0 auto;
      padding-top: 10px;
      position: relative;
      width: calc(100% - 40px);
      &__1984 {
        .block-custom-history--item-image {
          width: 120px;
        }
      }
      &__1992 {
        .block-custom-history--item-image {
          width: 120px;
        }
      }
      &__2021 {
        .block-custom-history--item-image {
          width: 160px;
        }
      }
      &__2022 {
        .block-custom-history--item-image {
          width: 85px;
        }
      }
      &__2023 {
        .block-custom-history--item-image {
          width: 35px;
        }
      }
      &__2024 {
        .block-custom-history--item-image {
          width: 85px;
        }
      }
      &:last-child {
        .block-custom-history--item-detail {
          &::after {
            background: rgb(255,255,255);
            background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(98,62,123,1) 100%);
            bottom: 0;
            content: "";
            display: block;
            height: 30px;
            left: -6px;
            position: absolute;
            width: 6px;
          }
        }
      }
      + .block-custom-history--item {
        margin-top: -10px;
      }
      &-title {
        color: #6b3e77;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        margin-top: -0.5em;
        width: 65px;
      }
      &-detail {
        border-left: 6px solid #623e7b;
        border-top: 1px solid #623e7b;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 10px;
        padding-top: 10px;
        position: relative;
        width: calc(100% - 70px);
        &::before {
          background-color: #623e7b;
          border: 5px solid #a892b2;
          border-radius: 50%;
          content: "";
          display: block;
          height: 20px;
          left: -13px;
          position: absolute;
          top: -10px;
          width: 20px;
        }
      }
      &-description {
        font-size: 10px;
        + .block-custom-history--item-description {
          margin-top: 10px;
        }
      }
      &-image {
        margin-top: 20px;
      }
    }
  }*/
}
.block-custom .page-products-liposome-lipserum h1, .block-custom .page-products-liposome-lipserum h2, .block-custom .page-products-liposome-lipserum h3, .block-custom .page-products-liposome-lipserum h4, .block-custom .page-products-liposome-lipserum dt, .block-custom .page-products-liposome-lipserum dd, .block-custom .page-products-liposome-lipserum li, .block-custom .page-products-liposome-lipserum p, .block-custom .page-products-liposome-lipserum span, .block-custom .page-products-liposome-lipserum small, .block-custom .page-products-liposome-lipserum th, .block-custom .page-products-liposome-lipserum td, .block-custom .page-products-liposome-lipserum figcaption {
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.block-custom .page-products-liposome-lipserum sup {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup {
  background-color: #3d2a58;
  padding: 20px 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--title {
  background: rgb(107, 62, 119);
  background: linear-gradient(90deg, rgba(107, 62, 119, 0) 0%, rgb(98, 61, 122) 30%, rgb(107, 62, 119) 70%, rgba(107, 62, 119, 0) 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 auto 20px;
  text-align: center;
  width: calc(100% - 25px);
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--lead {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table {
  position: relative;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-head {
  border-radius: 5px;
  background-color: #a892b2;
  color: #ffffff;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 60px;
  z-index: 1;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-head-item {
  align-items: center;
  display: flex;
  font-size: 10px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-head-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body {
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body::after {
  background-color: #3d2a58;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .slick-track {
  display: flex;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .slick-track .slick-slide {
  height: auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .js-slick--arrow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  top: calc(50% - 12px);
  width: 24px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .js-slick--arrow::before, .block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .js-slick--arrow::after {
  color: #3d2a58;
  margin: 0;
  position: relative;
  height: 6px;
  width: 6px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .js-slick--next {
  right: 5px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .js-slick--prev {
  left: 5px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--table-body .js-slick--arrow {
  top: 308px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--notes {
  color: #ffffff;
  font-size: 10px;
  margin: 20px auto 0;
  width: calc(100% - 20px);
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item {
  background-color: #ffffff;
  border-radius: 5px;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  margin: 0 2px;
  padding: 0 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item a {
  text-decoration: none;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-catch {
  letter-spacing: -0.05em;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__cream .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__eyeserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 62px;
  width: auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__lipserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__ypel .block-custom-lineup--item-products-name {
  font-size: 12px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-catch {
  font-size: 11px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-products-image {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-products-name {
  display: block;
  font-size: 13px;
  margin-top: 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-feature {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding-top: 30px;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-feature strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-capsule {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-capsule-catch {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-capsule-image {
  margin-bottom: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-capsule-description {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-liposome-lipserum .block-custom-lineup--item-effect {
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  padding: 30px 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-history {
  background-color: #ffffff;
  padding: 40px 0 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--title {
  align-items: center;
  background: rgb(61, 41, 88);
  background: linear-gradient(90deg, rgb(61, 41, 88) 0%, rgb(78, 54, 113) 50%, rgb(62, 42, 89) 100%);
  color: #ffffff;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item {
  display: flex;
  margin: 0 auto;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item__1984 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item__1992 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item__2021 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item__2022 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item__2023 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item__2024 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item__2025 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item:last-child .block-custom-history--item-detail::after {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(98, 62, 123) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 30px;
  left: -6px;
  position: absolute;
  width: 6px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item + .block-custom-history--item {
  margin-top: -10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item-title {
  color: #6b3e77;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-top: -0.5em;
  width: 65px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item-detail {
  border-left: 6px solid #623e7b;
  border-top: 1px solid #623e7b;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 70px);
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item-detail::before {
  background-color: #623e7b;
  border: 5px solid #a892b2;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: -13px;
  position: absolute;
  top: -10px;
  width: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item-description {
  font-size: 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item-description + .block-custom-history--item-description {
  margin-top: 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-history--item-image {
  margin-top: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-intro {
  background-color: #361f67;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/intro_visual.jpg?20241004);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #ffffff;
  padding: 88% 20px 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-intro--catch {
  font-size: 25px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-intro--catch small {
  display: block;
  font-size: 15px;
  line-height: 1.3;
}
.block-custom .page-products-liposome-lipserum .block-custom-intro--lead {
  font-size: 11px;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-intro--lead strong {
  font-size: 14px;
}
.block-custom .page-products-liposome-lipserum .block-custom-intro--movie {
  margin-top: 30px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-intro--movie video-js {
  height: calc(100vw - 40px);
  width: calc(100vw - 40px);
}
.block-custom .page-products-liposome-lipserum .block-custom-intro--notes {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-nav {
  background-color: #2f1b4d;
  padding: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-nav--menu {
  display: grid;
  gap: 12px 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.block-custom .page-products-liposome-lipserum .block-custom-nav--menu-item {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  display: flex;
  font-size: 8px;
  height: 100%;
  justify-content: center;
  line-height: 1.3;
  padding-bottom: 12px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-nav--menu-item::after {
  border-right: 1px solid;
  border-bottom: 1px solid;
  bottom: 6px;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  transform: rotate(45deg);
  width: 5px;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature {
  background-color: #462f82;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/bg_feature.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #ffffff;
  padding: 40px 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--catch {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--lead {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--visual {
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item {
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-radius: 0 0 8px 8px;
  margin-bottom: 15px;
  margin-top: 40px;
  padding: 12px 0 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item::before {
  border-top: 1px solid;
  border-left: 1px solid;
  border-top-left-radius: 8px;
  content: "";
  display: block;
  height: 8px;
  left: -1px;
  position: absolute;
  top: -8px;
  width: calc(50% - 40px);
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item::after {
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-right-radius: 8px;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: -1px;
  top: -8px;
  width: calc(50% - 40px);
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item-label {
  align-items: center;
  display: flex;
  font-size: 10px;
  justify-content: center;
  left: -1px;
  line-height: 1;
  position: absolute;
  top: -28px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item-label strong {
  font-family: "Times New Roman";
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 0.1em;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item-catch {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item-description {
  font-size: 11px;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item-more {
  background-color: #623e7b;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  margin: 20px auto 0;
  padding: 1em 20px;
  position: relative;
  text-align: center;
  width: fit-content;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--item-more::after {
  content: "";
  border-right: 1px solid;
  border-bottom: 1px solid;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 10px;
  top: calc(50% - 3px);
  transform: rotate(45deg);
  width: 4px;
}
.block-custom .page-products-liposome-lipserum .block-custom-feature--notes {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-contents {
  padding: 30px 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-contents--title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology {
  background-color: #462f82;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/bg_technology.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology .block-custom-contents--title {
  color: #ffffff;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology--container {
  background: rgb(240, 238, 245);
  background: linear-gradient(90deg, rgba(240, 238, 245, 0.7) 0%, rgb(240, 238, 245) 30%, rgb(240, 238, 245) 70%, rgba(240, 238, 245, 0.7) 100%);
  border-radius: 5px;
  display: grid;
  gap: 5px 16px;
  grid-template-columns: 1fr 1fr;
  padding: 20px 16px;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology--item__c {
  grid-column: 1/3;
  padding: 0 10%;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology--item-title {
  color: #6b3e77;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.2em;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology--item-description {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology--image {
  grid-column: 1/3;
  padding: 0 8%;
}
.block-custom .page-products-liposome-lipserum .block-custom-technology--notes {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 20px;
  color: #ffffff;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient {
  background: rgb(97, 72, 159);
  background: linear-gradient(45deg, rgb(97, 72, 159) 0%, rgb(193, 185, 217) 100%);
  padding: 30px 15px;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient .block-custom-contents--title {
  color: #ffffff;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 10px;
  justify-content: space-between;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: visible;
  pointer-events: none;
  position: relative;
  z-index: 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group::before {
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  filter: blur(12px);
  height: 130%;
  left: 0;
  outline: none;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  top: -15%;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group-title {
  border-bottom: 1px solid;
  color: #2f1b4d;
  font-size: 15px;
  line-height: 1;
  padding-bottom: 0.5em;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__a {
  gap: 10px 0;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__a .block-custom-ingredient--item {
  width: calc((100vw - 30px) / 5);
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__b {
  gap: 10px 10px;
  width: calc(50% - 5px);
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__b .block-custom-ingredient--item {
  width: 42%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__b .block-custom-ingredient--item:not(:last-child) {
  margin-right: -4%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__c {
  gap: 10px 10px;
  width: calc(50% - 5px);
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__c .block-custom-ingredient--item {
  width: 42%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__c .block-custom-ingredient--item:not(:last-child) {
  margin-right: -4%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__d {
  gap: 10px 0;
  width: calc(38% - 5px);
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__d .block-custom-ingredient--item {
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__e {
  gap: 10px 0;
  width: calc(62% - 5px);
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__e .block-custom-ingredient--group-title {
  line-height: 2;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__e .block-custom-ingredient--item {
  width: 39%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--group__e .block-custom-ingredient--item:not(:last-child) {
  margin-right: -9%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--item {
  position: relative;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--item img {
  height: 17vw;
  margin: 0 auto;
  width: 17vw;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--item figcaption {
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--effect {
  background-color: rgba(209, 171, 222, 0.67);
  border-radius: 10px;
  color: #ffffff;
  margin-top: 40px;
  padding: 20px 10px 30px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--effect-lead {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--effect-lead strong {
  display: inline-block;
  margin-top: 0.5em;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--effect-list {
  display: grid;
  gap: 10px 8px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--effect-item img {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--effect-item figcaption {
  font-size: 10px;
  margin-top: 2px;
}
.block-custom .page-products-liposome-lipserum .block-custom-ingredient--notes {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 20px;
  color: #ffffff;
  margin-top: 40px;
}
.block-custom .page-products-liposome-lipserum .block-custom-prescription {
  background-color: #462f82;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/bg_feature.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-prescription .block-custom-contents--title {
  color: #ffffff;
}
.block-custom .page-products-liposome-lipserum .block-custom-prescription--lead {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-prescription--list {
  display: grid;
  gap: 36px 20px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 30px;
  padding: 0 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-prescription--item {
  align-items: center;
  color: #6b3e77;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  min-height: 6em;
  position: relative;
  text-align: center;
  z-index: 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-prescription--item::before {
  background-color: #ffffff;
  border-radius: 60%;
  content: "";
  display: block;
  filter: blur(8px);
  height: 120%;
  left: 0;
  position: absolute;
  top: -10%;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-liposome-lipserum .block-custom-prescription--notes {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 20px;
  color: #ffffff;
}
.block-custom .page-products-liposome-lipserum .block-custom-use {
  background: rgb(45, 23, 88);
  background: linear-gradient(90deg, rgb(45, 23, 88) 0%, rgb(67, 43, 111) 20%, rgb(161, 129, 209) 80%, rgb(221, 221, 221) 100%);
}
.block-custom .page-products-liposome-lipserum .block-custom-use--title {
  align-items: center;
  background-color: #623e7b;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto, .block-custom .page-products-liposome-lipserum .block-custom-use--usability {
  background: rgb(240, 238, 245);
  background: linear-gradient(90deg, rgb(240, 238, 245) 0%, rgb(240, 238, 245) 20%, rgb(240, 238, 245) 80%, rgb(240, 238, 245) 100%);
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 40px;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto {
  margin-bottom: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-lead {
  align-items: center;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%);
  color: #6b3e77;
  display: flex;
  font-size: 16px;
  height: 100px;
  justify-content: center;
  line-height: 1.5;
  margin: 0 auto 20px;
  text-align: center;
  width: calc(100% - 10px);
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-image {
  margin: 0 auto 20px;
  width: 50%;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-example {
  display: grid;
  gap: 15px 15px;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  width: 285px;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-example-item {
  color: #2f1b4d;
  display: flex;
  font-size: 12px;
  height: 135px;
  justify-content: center;
  line-height: 1.5;
  padding-top: 55px;
  position: relative;
  text-align: center;
  width: 135px;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-example-item__01::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/icon_use_howto_a.png);
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-example-item__02::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/icon_use_howto_b.png);
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-example-item__03::after, .block-custom .page-products-liposome-lipserum .block-custom-use--howto-example-item__04::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/icon_use_howto_c.png);
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-example-item::before {
  border: 2px solid transparent;
  background: linear-gradient(45deg, rgb(108, 62, 120) 0%, rgb(166, 140, 174) 40%, rgb(229, 222, 231) 70%, rgb(167, 149, 178) 100%) border-box border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--howto-example-item::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: "";
  display: block;
  height: 23px;
  position: absolute;
  top: 25px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--usability-image {
  margin: 0 auto 20px;
  width: 50%;
}
.block-custom .page-products-liposome-lipserum .block-custom-use--usability-text {
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip {
  background-color: #3c2a77;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/bg_lip.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--feature-area {
  margin-bottom: 40px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--feature-area .block-custom-contents--title {
  color: #623e7b;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--feature-area .block-custom-lip--container {
  padding: 20px 0 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-area .block-custom-contents--title {
  color: #ffffff;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-area .block-custom-lip--container {
  padding: 20px 20px 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--container {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--lead {
  align-items: center;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(98, 61, 122, 0) 0%, rgb(98, 61, 122) 30%, rgb(98, 61, 122) 70%, rgba(98, 61, 122, 0) 100%);
  color: #ffffff;
  display: flex;
  font-size: 16px;
  height: 70px;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--key-points {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--key-points-item {
  border: 1px solid #a892b2;
  border-radius: 5px;
  color: #623e7b;
  margin: 0 auto;
  padding: 10px;
  width: 76%;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--key-points-item:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--key-points-item-title {
  border-bottom: 1px solid #a892b2;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--key-points-item-description {
  font-size: 12px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--feature {
  color: #623e7b;
  font-size: 13px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--feature strong {
  align-items: center;
  background-color: #ded4e3;
  border-radius: 5px;
  color: #6b3e77;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  margin: 5px auto;
  min-height: 65px;
  min-width: 18em;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto 30px;
  position: relative;
  width: calc(100% - 10px);
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item:nth-of-type(2) .block-custom-lip--comparison-item-figure {
  text-align: right;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item-title {
  align-items: center;
  color: #623e7b;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 0 4px;
  justify-content: center;
  position: relative;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item-title::before, .block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item-title::after {
  background-color: #623e7b;
  content: "";
  display: block;
  height: 1px;
  width: 1em;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item-figure {
  margin: 0 auto 10px;
  width: 77%;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item-figure small {
  font-size: 8px;
  font-weight: 400;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item-description {
  color: #623e7b;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-item-description strong {
  font-size: 11px;
  font-weight: 700;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--comparison-caption {
  left: 0;
  position: absolute;
  top: 24px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--summary {
  color: #623e7b;
  font-size: 16px;
  font-weight: 600;
  padding-top: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--summary::before {
  border: 22px solid transparent;
  border-bottom: none;
  border-top: 14px solid #a892b2;
  content: "";
  display: block;
  left: calc(50% - 22px);
  position: absolute;
  top: 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-lead {
  color: #6b3e77;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-title {
  background-color: #a892b2;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-more-image {
  display: none;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-more-trigger {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #a892b2;
  color: #623e7b;
  display: flex;
  font-size: 12px;
  height: 24px;
  justify-content: center;
  margin: 10px auto;
  position: relative;
  text-align: center;
  width: 200px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-more-trigger::before, .block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-more-trigger::after {
  background-color: #6b3e77;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 6px;
  transition: 0.4s;
  width: 11px;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-more-trigger::before {
  transform: rotate(90deg);
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-more-trigger__close::before {
  transform: rotate(0);
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-summary {
  color: #623e7b;
  font-size: 14px;
  font-weight: 700;
  padding-top: 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-lip--appearance-item-summary::before {
  border: 15px solid transparent;
  border-bottom: none;
  border-top: 10px solid #6b3e77;
  content: "";
  display: block;
  left: calc(50% - 15px);
  position: absolute;
  top: 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome {
  background-color: #462f82;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_lipserum/bg_liposome.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  padding: 30px 0 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome .block-custom-contents--title {
  color: #2f1b4d;
  font-size: 20px;
  font-weight: 600;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature {
  margin: 0 auto 46px;
  width: 100%;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .slick-track {
  display: flex;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .slick-track .slick-slide {
  height: auto;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--arrow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  top: calc(50% - 12px);
  width: 24px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--arrow::before, .block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--arrow::after {
  color: #3d2a58;
  margin: 0;
  position: relative;
  height: 6px;
  width: 6px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--next {
  right: 5px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--prev {
  left: 5px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--dots {
  margin-top: 10px;
  position: absolute;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--dots li:not(:last-child) {
  margin-right: 8px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--dots li.slick-active button {
  opacity: 1;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature .js-slick--dots li button {
  background-color: #ffffff;
  height: 6px;
  opacity: 0.4;
  width: 6px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  margin: 0 10px;
  overflow: hidden;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item__04 .block-custom-about-liposome--feature-item-image {
  margin: 0 auto;
  width: 70%;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item__05 .block-custom-about-liposome--feature-item-image {
  margin: 0 auto;
  width: 90%;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item-title {
  align-items: center;
  background-color: #623e7b;
  color: #ffffff;
  display: flex;
  font-size: 20px;
  height: 50px;
  justify-content: center;
  position: relative;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item-title-num {
  border-right: 1px solid;
  color: #a892b2;
  display: block;
  font-family: "Times New Roman";
  font-size: 30px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  width: 35px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item-detail {
  padding: 20px;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item-description {
  color: #3d2a58;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item-image-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.block-custom .page-products-liposome-lipserum .block-custom-about-liposome--feature-item-image figcaption {
  font-size: 7px;
  line-height: 1;
  margin-top: 4px;
}
.block-custom .page-products-liposome-lipserum .block-custom-notes {
  font-size: 10px;
  margin: 0 auto;
  width: calc(100% - 30px);
}

.block-custom .page-products-purpleribbon2025 {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-purpleribbon2025 h1, .block-custom .page-products-purpleribbon2025 h2, .block-custom .page-products-purpleribbon2025 h3, .block-custom .page-products-purpleribbon2025 h4, .block-custom .page-products-purpleribbon2025 dt, .block-custom .page-products-purpleribbon2025 dd, .block-custom .page-products-purpleribbon2025 li, .block-custom .page-products-purpleribbon2025 p, .block-custom .page-products-purpleribbon2025 span, .block-custom .page-products-purpleribbon2025 small, .block-custom .page-products-purpleribbon2025 th, .block-custom .page-products-purpleribbon2025 td, .block-custom .page-products-purpleribbon2025 figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-purpleribbon2025 sup {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro {
  /*      background-image: url(/decorte/img/decorte2023/sp/custom/liposome_purpleribbon2025/bg_intro.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 100%;
        padding-bottom: 30px;*/
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--main-visual {
  filter: blur(10px);
  transition: 0.8s;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--main-visual.-viewSpotted {
  filter: none;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--catch-area {
  margin-bottom: 30px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.4s;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--catch-area.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--catch {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--lead {
  font-size: 14px;
  text-align: center;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--lead-notes {
  font-size: 8px;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec {
  padding: 0 20px;
  position: relative;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.4s;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-catch {
  align-items: center;
  background: rgb(83, 45, 156);
  background: linear-gradient(135deg, rgb(83, 45, 156) 0%, rgb(35, 18, 65) 100%);
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  height: 80px;
  justify-content: center;
  padding-top: 10px;
  position: absolute;
  right: calc(50% - 170px);
  text-align: center;
  top: -10px;
  width: 80px;
  z-index: 1;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-catch span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-catch strong {
  font-size: 16px;
  font-weight: 900;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-date {
  color: #1c1246;
  font-size: 16px;
  margin-bottom: 10px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-name {
  color: #1c1246;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-price {
  font-size: 12px;
  margin-bottom: 20px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-lead {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin: 20px 0;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-detail {
  font-size: 10px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-intro--spec-set-image {
  margin: 0 auto;
  width: 60%;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_purpleribbon2025/bg_purple.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--title {
  align-items: center;
  background: rgb(155, 129, 204);
  background: linear-gradient(90deg, rgb(155, 129, 204) 0%, rgb(92, 69, 138) 50%, rgb(158, 133, 204) 80%, rgb(96, 76, 133) 100%);
  color: #ffffff;
  display: flex;
  font-size: 20px;
  height: 70px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--title span, .block-custom .page-products-purpleribbon2025 .block-custom-detail--title small {
  line-height: 1;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--title small {
  display: block;
  font-size: 9px;
  margin-top: 10px;
  width: 100%;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--lead {
  color: #ffffff;
  font-size: 14px;
  margin: 30px 0;
  text-align: center;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products {
  align-items: center;
  display: flex;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products-detail {
  background: rgb(69, 37, 129);
  background: linear-gradient(90deg, rgb(69, 37, 129) 0%, rgba(69, 37, 129, 0) 100%);
  color: #ffffff;
  padding: 20px 10px;
  width: 70%;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products-image {
  width: 30%;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products-name {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin-bottom: 20px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products-copy {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products-notes {
  font-size: 8px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 10px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products-more {
  margin-top: 20px;
}
.block-custom .page-products-purpleribbon2025 .block-custom-detail--products-more-anchor {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  padding: 0 1em;
  text-align: center;
}
.block-custom .page-products-purpleribbon2025 .block-custom-recommend {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_purpleribbon2025/bg_purple.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}
.block-custom .page-products-purpleribbon2025 .block-custom-recommend--lead {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-purpleribbon2025 .block-custom-recommend--banner {
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-purpleribbon2025 .block-about-purpleribbon2025-project--container {
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.4s;
  transform: translateY(20px);
}
.block-custom .page-products-purpleribbon2025 .block-about-purpleribbon2025-project--container.-viewActive {
  background-color: #ffffff;
  transform: translateY(0);
}

.block-custom .page-products-liposome-serum {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  /*.block-custom-history {
    &--lead {
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 30px;
      text-align: center;
    }
    &--chronology {
      padding-bottom: 30px;
      position: relative;
      &::after {
        background: linear-gradient(to bottom,  rgba(104,60,126,1) 0%,rgba(255,255,255,1) 100%);
        bottom: 0;
        content: "";
        display: block;
        height: 30px;
        left: 70px;
        position: absolute;
        width: 6px;
      }
    }
    &--log {
      display: flex;
      justify-content: space-between;
      &-year {
        color: $purple;
        font-size: 20px;
        font-weight: $weightBold;
        line-height: 1;
        margin-top: -0.5em;
        width: 60px;
      }
      &-detail {
        align-items: center;
        border-left: 6px solid $purple;
        border-top: 1px solid $purple;
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0 20px 30px;
        position: relative;
        width: calc(100% - 70px);
        &::before {
          background-color: $purple;
          border: 5px solid $purple3;
          border-radius: 50%;
          content: "";
          display: block;
          height: 20px;
          left: -13px;
          width: 20px;
          position: absolute;
          top: -10px
        }
      }
      &-text {
        font-size: 10px;
        margin-bottom: 10px;
        text-align: justify;
        width: 100%;
      }
      &-image {
        width: 50%;
      }
      &-products {
        margin-left: 10px;
        &-name {
          font-size: 10px;
        }
        img {
          margin: 0 auto;
          width: 60px;
        }
      }
    }
  }*/
}
.block-custom .page-products-liposome-serum .block-custom-lineup {
  background-color: #3d2a58;
  padding: 20px 0;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--title {
  background: rgb(107, 62, 119);
  background: linear-gradient(90deg, rgba(107, 62, 119, 0) 0%, rgb(98, 61, 122) 30%, rgb(107, 62, 119) 70%, rgba(107, 62, 119, 0) 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 auto 20px;
  text-align: center;
  width: calc(100% - 25px);
}
.block-custom .page-products-liposome-serum .block-custom-lineup--lead {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table {
  position: relative;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-head {
  border-radius: 5px;
  background-color: #a892b2;
  color: #ffffff;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 60px;
  z-index: 1;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-head-item {
  align-items: center;
  display: flex;
  font-size: 10px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-head-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body {
  position: relative;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body::after {
  background-color: #3d2a58;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .slick-track {
  display: flex;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .slick-track .slick-slide {
  height: auto;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .js-slick--arrow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  top: calc(50% - 12px);
  width: 24px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .js-slick--arrow.slick-disabled {
  opacity: 0;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .js-slick--arrow::before, .block-custom .page-products-liposome-serum .block-custom-lineup--table-body .js-slick--arrow::after {
  color: #3d2a58;
  margin: 0;
  position: relative;
  height: 6px;
  width: 6px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .js-slick--next {
  right: 5px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .js-slick--prev {
  left: 5px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body .js-slick--arrow {
  top: 308px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--notes {
  color: #ffffff;
  font-size: 10px;
  margin: 20px auto 0;
  width: calc(100% - 20px);
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item {
  background-color: #ffffff;
  border-radius: 5px;
  display: grid;
  grid-template-rows: 210px 130px 1fr 110px;
  margin: 0 2px;
  padding: 0 10px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item a {
  text-decoration: none;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-catch {
  letter-spacing: -0.05em;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__serum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__cream .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__eyeserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 62px;
  width: auto;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__lipserum .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__ypel .block-custom-lineup--item-products-name {
  font-size: 12px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-image img {
  margin: 0 auto;
  height: 94px;
  width: auto;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item__ypel .block-custom-lineup--item-capsule-catch {
  font-size: 11px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-products-image {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-products-name {
  display: block;
  font-size: 13px;
  margin-top: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-feature {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding-top: 30px;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-feature strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-capsule {
  border-bottom: 1px solid rgba(107, 62, 119, 0.2);
  padding: 30px 0;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-capsule-catch {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-capsule-image {
  margin-bottom: 20px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-capsule-description {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--item-effect {
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  padding: 30px 0;
}
.block-custom .page-products-liposome-serum .block-custom-history {
  background-color: #ffffff;
  padding: 40px 0 30px;
}
.block-custom .page-products-liposome-serum .block-custom-history--title {
  align-items: center;
  background: rgb(61, 41, 88);
  background: linear-gradient(90deg, rgb(61, 41, 88) 0%, rgb(78, 54, 113) 50%, rgb(62, 42, 89) 100%);
  color: #ffffff;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-history--lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-history--item {
  display: flex;
  margin: 0 auto;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-serum .block-custom-history--item__1984 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item__1992 .block-custom-history--item-image {
  width: 120px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item__2021 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-history--item__2022 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-history--item__2023 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-history--item__2024 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-history--item__2025 .block-custom-history--item-image {
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-history--item:last-child .block-custom-history--item-detail::after {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(98, 62, 123) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 30px;
  left: -6px;
  position: absolute;
  width: 6px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item + .block-custom-history--item {
  margin-top: -10px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item-title {
  color: #6b3e77;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-top: -0.5em;
  width: 65px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item-detail {
  border-left: 6px solid #623e7b;
  border-top: 1px solid #623e7b;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 10px;
  position: relative;
  width: calc(100% - 70px);
}
.block-custom .page-products-liposome-serum .block-custom-history--item-detail::before {
  background-color: #623e7b;
  border: 5px solid #a892b2;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: -13px;
  position: absolute;
  top: -10px;
  width: 20px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item-description {
  font-size: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item-description + .block-custom-history--item-description {
  margin-top: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-history--item-image {
  margin-top: 20px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup {
  background: none;
  background-color: #f8f2fa;
  padding: 0 0 30px;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--title {
  background: linear-gradient(to right, #3d2a58 0%, #503773 50%, #3d2a58 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 30px;
  padding: 1.2em;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--lead {
  color: #000000;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--notes {
  color: #000000;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table p, .block-custom .page-products-liposome-serum .block-custom-lineup--table span, .block-custom .page-products-liposome-serum .block-custom-lineup--table li, .block-custom .page-products-liposome-serum .block-custom-lineup--table th, .block-custom .page-products-liposome-serum .block-custom-lineup--table td {
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.block-custom .page-products-liposome-serum .block-custom-lineup--table-body::after {
  background-color: #f8f2fa;
}
.block-custom .page-products-liposome-serum .block-custom-history {
  padding-top: 0;
}
.block-custom .page-products-liposome-serum .block-custom-nav--list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 10px 0;
  width: calc(100% - 40px);
}
.block-custom .page-products-liposome-serum .block-custom-nav--list:not(:last-child) {
  border-bottom: 1px solid #ac91b4;
}
.block-custom .page-products-liposome-serum .block-custom-nav--list-item {
  align-items: center;
  color: #683c7e;
  display: flex;
  font-size: 12px;
  letter-spacing: 0;
  min-height: 60px;
  justify-content: center;
  line-height: 1.3;
  position: relative;
  text-align: center;
  width: 25%;
}
.block-custom .page-products-liposome-serum .block-custom-nav--list-item::after {
  box-sizing: border-box;
  border: 5px solid transparent;
  border-bottom: 6px solid;
  border-top: 0;
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  right: 0;
}
.block-custom .page-products-liposome-serum .block-custom-nav--list-item:not(:last-child) {
  border-right: 1px solid #ac91b4;
}
.block-custom .page-products-liposome-serum .block-custom-nav--list-item::after {
  bottom: 4px;
  position: absolute;
  right: calc(50% - 5px);
  transform: rotate(180deg);
  top: auto;
}
.block-custom .page-products-liposome-serum .block-custom-contents {
  padding: 0 20px 30px;
}
.block-custom .page-products-liposome-serum .block-custom-contents--title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d2a58+0,503773+50,3d2a58+100 */
  background: linear-gradient(to right, #3d2a58 0%, #503773 50%, #3d2a58 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin: 0 -20px 30px;
  padding: 1.2em;
  text-align: center;
  width: calc(100% + 40px);
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme {
  background-color: #000000;
  color: #d8ad60;
  padding: 30px 20px;
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--lead {
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--lead + .block-custom-bestcosme--lead {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--logo {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--logo img {
  width: calc(50% - 10px);
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--logo small {
  margin-left: -10px;
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--notes {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--list {
  background-color: #ffffff;
  border: 2px solid #d8ad60;
  border-radius: 8px;
  padding: 20px 10px;
}
.block-custom .page-products-liposome-serum .block-custom-bestcosme--list-title {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-technology {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_serum/bg_01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-liposome-serum .block-custom-technology--sub-section-header {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px 20px;
}
.block-custom .page-products-liposome-serum .block-custom-technology--sub-section-title {
  border-bottom: 1px solid;
  border-top: 1px solid;
  color: #3d2a58;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
  padding: 1em 0;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-technology--sub-section-title:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--list {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item {
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:not(:first-child) {
  padding: 30px 20px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:not(:last-child) {
  margin-bottom: 4px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(1) {
  padding: 0 20px 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(1) .block-custom-technology-feature--item-text {
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(1) .block-custom-technology-feature--item-image {
  display: flex;
  justify-content: space-between;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(1) .block-custom-technology-feature--item-image-item {
  width: calc(50% - 5px);
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(1) .block-custom-technology-feature--item-image-item-caption {
  font-size: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(2) .block-custom-technology-feature--item-text {
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(3) .block-custom-technology-feature--item-title {
  font-size: 18px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(3) .block-custom-technology-feature--item-text {
  width: 50%;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(3) .block-custom-technology-feature--item-image {
  width: calc(50% - 10px);
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(4) .block-custom-technology-feature--item-title {
  font-size: 15px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(4) .block-custom-technology-feature--item-text {
  order: 3;
  width: 50%;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(4) .block-custom-technology-feature--item-image {
  order: 2;
  width: calc(50% - 10px);
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(5) .block-custom-technology-feature--item-text {
  width: 50%;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item:nth-child(5) .block-custom-technology-feature--item-image {
  width: calc(50% - 10px);
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item-title {
  align-items: center;
  color: #683c7e;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-left: 30px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item-title-number {
  border-right: 1px solid;
  color: #ac91b4;
  display: inline-block;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  margin-left: -30px;
  margin-right: 10px;
  width: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item-text {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: justify;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--item-notes {
  font-size: 10px;
  line-height: 1.3;
  margin-top: 20px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--movie {
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-feature--notes {
  color: #ffffff;
  font-size: 10px;
  line-height: 1.3;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect--copy {
  font-size: 16px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect--list {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0 10px 20px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect--item {
  background-color: #ffffff;
  padding: 20px 0 20px 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect--item:not(:last-child) {
  margin-bottom: 4px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect--item-title {
  color: #683c7e;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 18px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect--item-title-number {
  align-items: center;
  background-color: #683c7e;
  color: #ffffff;
  display: flex;
  font-size: 20px;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-effect--item-text {
  font-size: 12px;
  line-height: 1.5;
}
.block-custom .page-products-liposome-serum .block-custom-technology-structure {
  background-color: rgba(255, 255, 255, 0.9);
}
.block-custom .page-products-liposome-serum .block-custom-technology-structure .block-custom-technology--sub-section-header {
  background: none;
}
.block-custom .page-products-liposome-serum .block-custom-technology-structure--main-contents {
  padding: 0 20px 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-structure--main-contents p {
  font-size: 14px;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-technology-structure--main-contents figure figcaption {
  font-size: 12px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-effect {
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_serum/bg_02.jpg);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% auto;
  color: #ffffff;
  position: relative;
}
.block-custom .page-products-liposome-serum .block-custom-effect > * {
  position: relative;
}
.block-custom .page-products-liposome-serum .block-custom-effect::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9f73e6+0,9f73e6+99&0+0,0.5+15,0.5+85,0+100 */
  background: linear-gradient(to right, rgba(159, 115, 230, 0) 0%, rgba(159, 115, 230, 0.5) 15%, rgba(159, 115, 230, 0.5) 85%, rgba(159, 115, 230, 0.03) 99%, rgba(159, 115, 230, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-liposome-serum .block-custom-effect--lead {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-effect--11keysigns {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-effect--11keysigns-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-effect--11keysigns-notes {
  display: block;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.3;
  margin-top: 10px;
  text-align: justify;
}
.block-custom .page-products-liposome-serum .block-custom-component--title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-component--list {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-component--item {
  position: relative;
  text-align: center;
  width: 95px;
}
.block-custom .page-products-liposome-serum .block-custom-component--item:not(:last-child) {
  margin-right: 15px;
}
.block-custom .page-products-liposome-serum .block-custom-component--item::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+50,1+75 */
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 75%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 50%;
  display: block;
  height: 95px;
  position: absolute;
  width: 95px;
}
.block-custom .page-products-liposome-serum .block-custom-component--item-name {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.3;
  margin-top: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-component--notes {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.3;
}
.block-custom .page-products-liposome-serum .block-custom-component--notes + .block-custom-component--notes {
  margin-top: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-usability {
  background-color: #110b25;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_serum/bg_03.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #ffffff;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-usability--image {
  margin: 0 auto 20px;
  width: 60%;
}
.block-custom .page-products-liposome-serum .block-custom-usability--lead {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-usability--lead-text:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-liposome-serum .block-custom-usability--lead-text strong {
  font-size: 20px;
  font-weight: 700;
}
.block-custom .page-products-liposome-serum .block-custom-usability--conclusion {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.block-custom .page-products-liposome-serum .block-custom-usability--conclusion strong {
  display: block;
  font-size: 18px;
  margin-top: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-prescription {
  background-color: #110b25;
  background-image: url(/decorte/img/decorte2023/sp/custom/liposome_serum/bg_03.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #ffffff;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--lead {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--catch {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--list {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--item {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--item:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--visual {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--feature {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: space-between;
  margin-bottom: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--feature-item {
  align-items: center;
  border: 1px solid;
  border-radius: 8px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 1.5;
  letter-spacing: 0;
  min-height: 70px;
  text-align: center;
  width: calc(50% - 2px);
}
.block-custom .page-products-liposome-serum .block-custom-prescription--notes {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.3;
}
.block-custom .page-products-liposome-serum .block-custom-prescription--notes + .block-custom-prescription--notes {
  margin-top: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-howto--lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-howto--reason {
  border-bottom: 1px solid #3d2a58;
  border-top: 1px solid #3d2a58;
  margin-bottom: 30px;
  padding: 20px 0;
}
.block-custom .page-products-liposome-serum .block-custom-howto--reason-title {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-howto--reason-text {
  font-size: 12px;
  line-height: 2;
  text-align: justify;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-list {
  display: flex;
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step {
  position: relative;
  text-align: center;
  width: 19%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step:not(:last-child) {
  margin-right: 1px;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step:not(:last-child)::after {
  border: 6px solid transparent;
  border-left: 10px solid #e6e6e6;
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  top: 50%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-title {
  background-color: #ac91b4;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 1em;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-title-number {
  background-color: #683c7e;
  display: block;
  line-height: 1;
  margin-bottom: 1em;
  padding: 0.5em;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-products-text {
  font-size: 10px;
  display: block;
  letter-spacing: 0;
  line-height: 1.3;
  min-height: 50px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-products img {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-liposome {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 10px;
  position: relative;
  text-align: center;
  width: calc(24% - 3px);
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-liposome::after {
  border: 6px solid transparent;
  border-left: 10px solid #e6e6e6;
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  top: 50%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-liposome-text {
  color: #683c7e;
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  min-height: 50px;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--step-liposome img {
  margin: 0 auto;
  width: 50%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--detail {
  background-color: #f8f2fa;
  border-radius: 8px;
  padding: 20px 10px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-howto--detail-lead {
  font-size: 13px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-howto--detail-conclusion {
  font-size: 16px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-howto--flow {
  padding: 10px;
}
.block-custom .page-products-liposome-serum .block-custom-howto--flow-item {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
  position: relative;
}
.block-custom .page-products-liposome-serum .block-custom-howto--flow-item-number {
  align-items: center;
  background-color: #683c7e;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  height: 24px;
  justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 24px;
}
.block-custom .page-products-liposome-serum .block-custom-howto--flow-item-text {
  font-size: 12px;
  text-align: justify;
  width: 54%;
}
.block-custom .page-products-liposome-serum .block-custom-howto--flow-item img {
  margin: 0 8%;
  width: 30%;
}
.block-custom .page-products-liposome-serum .block-custom-size--lead {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-size--list:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-liposome-serum .block-custom-size--list__2column {
  display: flex;
  justify-content: space-between;
}
.block-custom .page-products-liposome-serum .block-custom-size--list__2column .block-custom-size--category {
  width: calc(50% - 10px);
}
.block-custom .page-products-liposome-serum .block-custom-size--category__trial .block-custom-size--item {
  padding: 0;
}
.block-custom .page-products-liposome-serum .block-custom-size--category__3size {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-custom .page-products-liposome-serum .block-custom-size--category__3size .block-custom-size--item {
  width: calc((100% - 20px) / 3);
}
.block-custom .page-products-liposome-serum .block-custom-size--category__refill {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.block-custom .page-products-liposome-serum .block-custom-size--category__refill .block-custom-size--item {
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-size--category__teiki {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.block-custom .page-products-liposome-serum .block-custom-size--category__teiki .block-custom-size--item {
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-size--category__teiki .block-custom-size--item-image {
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-size--category__teiki .block-custom-size--item-text {
  font-size: 16px;
}
.block-custom .page-products-liposome-serum .block-custom-size--category-title {
  background-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 10px;
  height: 40px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-size--category-title small {
  display: block;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-size--item {
  position: relative;
}
.block-custom .page-products-liposome-serum .block-custom-size--item-pickup {
  color: #683c7e;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-size--item-image {
  margin: 0 auto 10px;
  width: 60px;
}
.block-custom .page-products-liposome-serum .block-custom-size--item-text {
  font-size: 10px;
  line-height: 1.3;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-liposome-serum .block-custom-size--item-more {
  bottom: 0;
  width: 100%;
}
.block-custom .page-products-liposome-serum .block-custom-size--item-more-anchor {
  align-items: center;
  background-color: #333333;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  margin: 0 auto;
  max-width: 110px;
  width: 100%;
}

.block-custom .page-products-lipserum {
  color: #231815;
}
.block-custom .page-products-lipserum * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 0;
}
.block-custom .page-products-lipserum .section-title {
  font-size: 20px;
}
.block-custom .page-products-lipserum .base-text {
  font-size: 12px;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.block-custom .page-products-lipserum h2 {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum h3 {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum p {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum li {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum a {
  font-weight: 400;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum .block-img {
  aspect-ratio: 1;
}
.block-custom .page-products-lipserum .block-img img {
  display: block;
}
.block-custom .page-products-lipserum .block-read {
  background: linear-gradient(135deg, #FCF6F5, #E9AFA9);
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum .block-read--inner {
  max-width: 600px;
  margin-inline: auto;
  padding: 0 20px;
}
.block-custom .page-products-lipserum .block-read--container {
  padding: 40px 0px;
}
.block-custom .page-products-lipserum .block-read--content {
  background: #FFFFFF;
  padding: 30px 5px 27px;
  text-align: center;
}
.block-custom .page-products-lipserum .block-read--text {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0;
  margin-bottom: 12px;
}
.block-custom .page-products-lipserum .block-read--text:last-of-type {
  margin-bottom: unset;
}
.block-custom .page-products-lipserum .block-feature {
  background: #FFFFFF;
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.block-custom .page-products-lipserum .block-feature--inner {
  max-width: 600px;
  margin-inline: auto;
  padding: 0 20px;
}
.block-custom .page-products-lipserum .block-feature--title {
  font-size: 24px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-lipserum .block-feature--title::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d18e9d+0,d18e9d+25,e39e98+50,f9cbc7+75,f9cbc7+75,f9cbc7+100&0+0,1+25,1+75,0+100 */
  background: linear-gradient(45deg, rgba(209, 142, 157, 0) 0%, rgb(209, 142, 157) 25%, rgb(227, 158, 152) 50%, rgb(249, 203, 199) 75%, rgba(249, 203, 199, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  left: calc(50% - 100px);
  position: absolute;
  width: 200px;
}
.block-custom .page-products-lipserum .block-feature--items {
  counter-reset: number 0;
  padding: unset;
}
.block-custom .page-products-lipserum .block-feature--item {
  list-style: none;
}
.block-custom .page-products-lipserum .block-feature--item:not(:last-of-type) {
  margin-bottom: 18px;
}
.block-custom .page-products-lipserum .block-feature--item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.block-custom .page-products-lipserum .block-feature--item-num {
  position: relative;
  width: 60px;
  z-index: 1;
}
.block-custom .page-products-lipserum .block-feature--item-num::after {
  counter-increment: number 1;
  content: counter(number);
  display: block;
  position: absolute;
  left: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #808080;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.block-custom .page-products-lipserum .block-feature--item-label {
  position: relative;
  z-index: 5;
  font-size: 14px;
  color: #E39E98;
  margin-left: -10px;
}
.block-custom .page-products-lipserum .block-feature--item-label small {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-lipserum .block-movie {
  background: linear-gradient(135deg, #FCF6F5, #E9AFA9);
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum .block-movie--inner {
  padding: 0 20px;
  max-width: 600px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum .block-movie--container {
  padding: 20px 0;
}
.block-custom .page-products-lipserum .block-movie--item {
  aspect-ratio: 960/540;
  background: #FFF;
}
.block-custom .page-products-lipserum .block-lists {
  margin-bottom: 35px;
}
.block-custom .page-products-lipserum .block-lists--inner {
  max-width: 600px;
  padding: 0 20px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum .block-lists--items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
}
.block-custom .page-products-lipserum .block-lists-card--img {
  margin-bottom: 20px;
  width: 80%;
  margin-inline: auto;
}
.block-custom .page-products-lipserum .block-lists-card--catch {
  text-align: center;
  font-size: 20px;
  line-height: 1.45;
  margin-bottom: 15px;
}
.block-custom .page-products-lipserum .block-lists-card:nth-of-type(1) .block-lists-card--catch {
  color: #91A4C9;
}
.block-custom .page-products-lipserum .block-lists-card:nth-of-type(2) .block-lists-card--catch {
  color: #E39E98;
}
.block-custom .page-products-lipserum .block-lists-card:nth-of-type(3) .block-lists-card--catch {
  color: #D18E9D;
}
.block-custom .page-products-lipserum .block-lists-card--reads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  max-width: 350px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum .block-lists-card:nth-of-type(3) .block-lists-card--reads {
  gap: 0;
}
.block-custom .page-products-lipserum .block-lists-card--reads-img {
  width: 140px;
}
.block-custom .page-products-lipserum .block-lists-card--reads-text {
  font-size: 16px;
  letter-spacing: 0;
}
.block-custom .page-products-lipserum .block-lists-card--text {
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.4615384615;
}
.block-custom .page-products-lipserum .block-lists-card--lists {
  background: #F5F5F5;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.block-custom .page-products-lipserum .block-lists-card--list {
  font-size: 12px;
  line-height: 1.4;
  list-style: none;
  letter-spacing: 0.1em;
}
.block-custom .page-products-lipserum .block-lists-card--list::before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  aspect-ratio: 1;
  width: 10px;
  background: #231815;
}
.block-custom .page-products-lipserum .block-lists-card--bottom {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-lipserum .block-position {
  margin-bottom: 42px;
}
.block-custom .page-products-lipserum .block-position--inner {
  max-width: 390px;
  margin-inline: auto;
  padding: 0 15px;
}
.block-custom .page-products-lipserum .block-position--title {
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-lipserum .block-position--title small {
  font-size: 10px;
  vertical-align: super;
  margin-top: -1px;
}
.block-custom .page-products-lipserum .block-position--img {
  padding: 0 5px;
  margin-bottom: 10px;
  aspect-ratio: 360/270;
  max-width: 360px;
}
.block-custom .page-products-lipserum .block-position--bottom {
  font-size: 10px;
  line-height: 1.5;
  padding: 0 5px;
}
.block-custom .page-products-lipserum .block-position--bottom-notes {
  font-size: 10px;
  line-height: 1.3;
  margin-top: 20px;
}
.block-custom .page-products-lipserum .block-link {
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum .block-link--inner {
  max-width: 390px;
  padding: 0 20px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum .block-link--content {
  border: 10px solid #FCDCE7;
  padding: 20px 40px 20px;
  position: relative;
}
.block-custom .page-products-lipserum .block-link--content::before {
  box-sizing: content-box;
  content: "限定色";
  display: block;
  background: #E398B1;
  position: absolute;
  top: 10px;
  left: -20px;
  width: 90px;
  padding: 5px 0 9px 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
  letter-spacing: 0.1em;
  font-size: 18px;
  z-index: 2;
}
.block-custom .page-products-lipserum .block-link--content::after {
  content: "";
  display: block;
  position: absolute;
  background: #B07689;
  aspect-ratio: 1;
  width: 10px;
  -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  top: 50px;
  left: -20px;
  z-index: 1;
}
.block-custom .page-products-lipserum .block-link--content--img {
  max-width: 200px;
  aspect-ratio: 200/184;
  margin-inline: auto;
  margin-bottom: 20px;
}
.block-custom .page-products-lipserum .block-link--content--texts {
  width: 100%;
  text-align: center;
}
.block-custom .page-products-lipserum .block-link--content--infos {
  margin-bottom: 17px;
}
.block-custom .page-products-lipserum .block-link--content--info {
  font-size: 14px;
  line-height: 1.4285714286;
  margin-bottom: 8px;
}
.block-custom .page-products-lipserum .block-link--content--link {
  border: 1px solid #707070;
  min-width: 200px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 12px 20px;
  line-height: 1;
  display: block;
  font-size: 14px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum .block-oil-feature {
  margin: 0 auto 40px;
  width: calc(100% - 40px);
}
.block-custom .page-products-lipserum .block-oil-feature--lead {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-lipserum .block-oil-feature--lead::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d18e9d+0,d18e9d+25,e39e98+50,f9cbc7+75,f9cbc7+75,f9cbc7+100&0+0,1+25,1+75,0+100 */
  background: linear-gradient(45deg, rgba(209, 142, 157, 0) 0%, rgb(209, 142, 157) 25%, rgb(227, 158, 152) 50%, rgb(249, 203, 199) 75%, rgba(249, 203, 199, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  left: calc(50% - 100px);
  position: absolute;
  width: 200px;
}
.block-custom .page-products-lipserum .block-oil-feature--image {
  margin: 0 auto 30px;
  width: 100%;
}
.block-custom .page-products-lipserum .block-oil-feature--list {
  display: flex;
  margin: 0 auto 20px;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.block-custom .page-products-lipserum .block-oil-feature--list::before {
  background-color: #e39e98;
  content: "";
  display: block;
  height: 4px;
  left: calc(50% - 15px);
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 30px;
}
.block-custom .page-products-lipserum .block-oil-feature--list::after {
  background-color: #e39e98;
  content: "";
  display: block;
  height: 4px;
  left: calc(50% - 15px);
  position: absolute;
  top: 50%;
  transform: rotate(135deg);
  width: 30px;
}
.block-custom .page-products-lipserum .block-oil-feature--list-item {
  background: rgb(255, 235, 241);
  background: linear-gradient(180deg, rgb(255, 235, 241) 0%, rgb(255, 252, 253) 100%);
  border-radius: 8px;
  padding: 20px 0 10px;
  width: calc(50% - 15px);
}
.block-custom .page-products-lipserum .block-oil-feature--list-item-name {
  align-items: center;
  background-color: #e39e98;
  border-radius: 14px;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin: -34px auto 10px;
  min-height: 28px;
  width: 10em;
}
.block-custom .page-products-lipserum .block-oil-feature--list-item-text {
  font-size: 11px;
  line-height: 1.5;
  padding: 0 10px;
}
.block-custom .page-products-lipserum .block-oil-feature--summary {
  color: #e39e98;
  font-size: 16px;
  font-weight: 700;
  padding-top: 40px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-lipserum .block-oil-feature--summary::before {
  border: 40px solid transparent;
  border-bottom: 0;
  border-top: 24px solid #e39e98;
  content: "";
  display: block;
  line-height: 1;
  opacity: 0.3;
  position: absolute;
  right: calc(50% - 40px);
  top: 0;
}

.block-custom .page-products-lipserum-limited {
  color: #231815;
}
.block-custom .page-products-lipserum-limited * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 0;
}
.block-custom .page-products-lipserum-limited .section-title {
  font-size: 20px;
}
.block-custom .page-products-lipserum-limited .base-text {
  font-size: 12px;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.block-custom .page-products-lipserum-limited h2 {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum-limited h3 {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum-limited p {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum-limited li {
  font-weight: 400;
  margin: unset;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum-limited a {
  font-weight: 400;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.block-custom .page-products-lipserum-limited .block-img {
  aspect-ratio: 1;
}
.block-custom .page-products-lipserum-limited .block-img img {
  display: block;
}
.block-custom .page-products-lipserum-limited .block-read {
  background: linear-gradient(135deg, #FAF2F4, #F0ADBF);
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum-limited .block-read--inner {
  max-width: 600px;
  margin-inline: auto;
  padding: 0 20px;
}
.block-custom .page-products-lipserum-limited .block-read--container {
  padding: 40px 0px;
}
.block-custom .page-products-lipserum-limited .block-read--content {
  background: #FFFFFF;
  padding: 27px 10px 27px;
  text-align: center;
}
.block-custom .page-products-lipserum-limited .block-read--text {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 2;
  margin-bottom: 12px;
}
.block-custom .page-products-lipserum-limited .block-read--text:last-of-type {
  margin-bottom: unset;
}
.block-custom .page-products-lipserum-limited .block-feature {
  background: #FFFFFF;
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum-limited .block-feature--inner {
  max-width: 600px;
  margin-inline: auto;
  padding: 0 20px;
}
.block-custom .page-products-lipserum-limited .block-feature--title {
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-lipserum-limited .block-feature--items {
  counter-reset: number 0;
  padding: unset;
}
.block-custom .page-products-lipserum-limited .block-feature--item {
  list-style: none;
}
.block-custom .page-products-lipserum-limited .block-feature--item:not(:last-of-type) {
  margin-bottom: 18px;
}
.block-custom .page-products-lipserum-limited .block-feature--item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3px;
}
.block-custom .page-products-lipserum-limited .block-feature--item-num {
  position: relative;
  width: 60px;
  z-index: 1;
}
.block-custom .page-products-lipserum-limited .block-feature--item-num::after {
  counter-increment: number 1;
  content: counter(number);
  display: block;
  position: absolute;
  left: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #808080;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.block-custom .page-products-lipserum-limited .block-feature--item-label {
  position: relative;
  z-index: 5;
  font-size: 14px;
  color: #E398B1;
  margin-left: -10px;
  line-height: 1.4285714286;
}
.block-custom .page-products-lipserum-limited .block-feature--item-label small {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-lipserum-limited .block-movie {
  background: linear-gradient(135deg, #FCF6F5, #E9AFA9);
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum-limited .block-movie--inner {
  padding: 0 20px;
  max-width: 600px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum-limited .block-movie--container {
  padding: 20px 0;
}
.block-custom .page-products-lipserum-limited .block-movie--item {
  aspect-ratio: 960/540;
  background: #FFF;
}
.block-custom .page-products-lipserum-limited .block-lists {
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum-limited .block-lists--inner {
  max-width: 600px;
  padding: 0 20px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum-limited .block-lists--items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
}
.block-custom .page-products-lipserum-limited .block-lists-card--img {
  margin-bottom: 20px;
  width: 80%;
  margin-inline: auto;
}
.block-custom .page-products-lipserum-limited .block-lists-card--catch {
  text-align: center;
  font-size: 20px;
  line-height: 1.45;
  margin-bottom: 15px;
  color: #E398B1;
}
.block-custom .page-products-lipserum-limited .block-lists-card--reads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  max-width: 350px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum-limited .block-lists-card--reads-img {
  width: 140px;
}
.block-custom .page-products-lipserum-limited .block-lists-card--reads-text {
  font-size: 16px;
  letter-spacing: 0;
}
.block-custom .page-products-lipserum-limited .block-lists-card--text {
  margin-bottom: 22px;
  font-size: 13px;
  line-height: 1.4615384615;
}
.block-custom .page-products-lipserum-limited .block-lists-card--lists {
  background: #F5F5F5;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.block-custom .page-products-lipserum-limited .block-lists-card--list {
  font-size: 12px;
  line-height: 1.4;
  list-style: none;
  letter-spacing: 0.1em;
}
.block-custom .page-products-lipserum-limited .block-lists-card--list::before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  aspect-ratio: 1;
  width: 10px;
  background: #231815;
}
.block-custom .page-products-lipserum-limited .block-lists-card--bottom {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-lipserum-limited .block-position {
  margin-bottom: 42px;
}
.block-custom .page-products-lipserum-limited .block-position--inner {
  max-width: 390px;
  margin-inline: auto;
  padding: 0 20px;
}
.block-custom .page-products-lipserum-limited .block-position--title {
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-lipserum-limited .block-position--title small {
  font-size: 10px;
  vertical-align: super;
  margin-top: -1px;
}
.block-custom .page-products-lipserum-limited .block-position--img {
  margin-bottom: 10px;
  aspect-ratio: 350/270;
  max-width: 350px;
}
.block-custom .page-products-lipserum-limited .block-position--bottom {
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-lipserum-limited .block-link {
  margin-bottom: 40px;
}
.block-custom .page-products-lipserum-limited .block-link--inner {
  max-width: 390px;
  padding: 0 20px;
  margin-inline: auto;
}
.block-custom .page-products-lipserum-limited .block-link--content {
  border: 10px solid #FCDEDB;
  padding: 20px 40px 20px;
  position: relative;
}
.block-custom .page-products-lipserum-limited .block-link--content--img {
  max-width: 200px;
  aspect-ratio: 200/184;
  margin-inline: auto;
  margin-bottom: 10px;
}
.block-custom .page-products-lipserum-limited .block-link--content--texts {
  width: 100%;
  text-align: center;
}
.block-custom .page-products-lipserum-limited .block-link--content--infos {
  margin-bottom: 17px;
}
.block-custom .page-products-lipserum-limited .block-link--content--info {
  font-size: 14px;
  line-height: 1.4285714286;
  margin-bottom: 8px;
}
.block-custom .page-products-lipserum-limited .block-link--content--link {
  border: 1px solid #707070;
  min-width: 200px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 12px 20px;
  line-height: 1;
  display: block;
  font-size: 14px;
  margin-inline: auto;
}

.block-custom .page-products-loosepowder {
  /*  & {
      background-color: $white;
      color: #231815;
      padding: 0 0 40px !important;
      position: relative;
    }*/
}
.block-custom .page-products-loosepowder .block-custom-visual {
  margin-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-intro {
  margin-bottom: 40px;
  padding: 0 20px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-intro--copy {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-intro--sub-copy {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-intro--lead {
  font-size: 14px;
  line-height: 2;
}
.block-custom .page-products-loosepowder .block-custom-intro--lead:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-page-nav {
  margin: 0 20px;
}
.block-custom .page-products-loosepowder .block-custom-page-nav--list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.block-custom .page-products-loosepowder .block-custom-page-nav--list-item {
  align-items: center;
  background-color: #e8e4ed;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  justify-content: center;
  min-height: 80px;
  position: relative;
  text-align: center;
  width: calc(33.3333333333% - 10px);
  margin: 0.5px;
}
.block-custom .page-products-loosepowder .block-custom-page-nav--list-item::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-loosepowder .block-custom-page-nav--list-item::after {
  bottom: 20px;
  right: calc(50% - 4px);
  top: auto;
  transform: rotate(135deg);
}
.block-custom .page-products-loosepowder .block-custom-contents {
  padding: 0 20px;
}
.block-custom .page-products-loosepowder .block-custom-contents--title {
  align-items: center;
  background: rgb(252, 242, 252);
  background: linear-gradient(300deg, rgb(252, 242, 252) 0%, rgb(223, 212, 220) 100%);
  display: flex;
  font-size: 20px;
  height: 60px;
  justify-content: center;
  margin: 0 -20px 40px;
  text-align: center;
  width: calc(100% + 40px);
}
.block-custom .page-products-loosepowder .block-custom-main-bg-container {
  background-image: url("../../../img/decorte2023/sp/custom/loosepowder/main_bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-feature {
  background-image: url("../../../img/decorte2023/sp/custom/loosepowder/main_bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-feature .block-custom-contents--title {
  margin-bottom: 60px;
}
.block-custom .page-products-loosepowder .block-custom-feature--item {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #b3b3b3;
  border-radius: 8px;
  padding: 20px;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-feature--item:not(:last-child) {
  margin-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-feature--item-title {
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-feature--item-number {
  color: #b3b3b3;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 50px;
  font-weight: normal;
  left: calc(50% - 0.5em);
  line-height: 1;
  position: absolute;
  text-align: center;
  top: -60px;
  width: 1em;
  z-index: 1;
}
.block-custom .page-products-loosepowder .block-custom-feature--item-number::before {
  background-color: #ffffff;
  bottom: 10px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-loosepowder .block-custom-feature--item-new {
  color: #cc937a;
  font-size: 14px;
  height: 80px;
  left: -30px;
  line-height: 1;
  overflow: hidden;
  padding: 10px 0 0 10px;
  position: absolute;
  text-align: left;
  top: -30px;
  width: 104px;
  z-index: 0;
}
.block-custom .page-products-loosepowder .block-custom-feature--item-new::before {
  background-color: #faece1;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
  display: block;
  content: "";
  height: 100px;
  left: -35px;
  position: absolute;
  top: -64px;
  transform: rotate(-34deg);
  width: 100px;
  z-index: -1;
}
.block-custom .page-products-loosepowder .block-custom-feature--item-copy {
  font-size: 16px;
}
.block-custom .page-products-loosepowder .block-custom-feature--item-description {
  font-size: 12px;
}
.block-custom .page-products-loosepowder .block-custom-technology {
  background-image: url("../../../img/decorte2023/sp/custom/loosepowder/technology_bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-technology--copy {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-technology--lead {
  font-size: 14px;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-technology--item {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-powder-name {
  background-image: url("../../../img/decorte2023/sp/custom/loosepowder/technology_decoration.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 160px;
  font-size: 20px;
  height: 160px;
  padding-top: 60px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-powder-name-en {
  display: block;
  font-size: 12px;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-lead {
  font-size: 13px;
  margin-bottom: 30px;
  margin-top: -40px;
  padding-top: 10px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-lead::before {
  background: linear-gradient(90deg, rgba(179, 179, 179, 0) 10%, rgb(179, 179, 179) 100%);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-sub-lead {
  font-size: 12px;
  margin: 20px auto;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-notes {
  font-size: 10px;
  margin: 10px auto;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-notes:last-child {
  margin-bottom: 0;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-figure-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-figure-area:last-child {
  margin-bottom: 0;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-figure {
  width: calc(50% - 10px);
}
.block-custom .page-products-loosepowder .block-custom-technology--item-figure-name {
  border-left: 8px solid #e6e6e6;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 4px;
  padding-left: 8px;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-figure-caption {
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-technology--item > .block-custom-technology--item-figure {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-text {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-component-area {
  border: 2px solid #e6e6e6;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto;
  padding: 20px 20px 10px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-component-title {
  background-color: #666666;
  color: #ffffff;
  left: calc(50% - 5em);
  line-height: 1;
  padding: 0.5em;
  position: absolute;
  text-align: center;
  top: -15px;
  width: 10em;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-component {
  margin: 5px;
  width: calc((100% - 30px) / 3);
}
.block-custom .page-products-loosepowder .block-custom-technology--item-component-name {
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-technology--item-component-notes {
  font-size: 10px;
  text-align: right;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-texture {
  margin-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-texture--figure {
  margin: 0 auto 60px;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-texture--lead {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-texture--item-area {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 20px;
  max-width: 780px;
  padding-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-texture--item {
  text-align: center;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__tsuya, .block-custom .page-products-loosepowder .block-custom-texture--item__illuminate {
  width: 50%;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__tsuya .block-custom-texture--item-text, .block-custom .page-products-loosepowder .block-custom-texture--item__illuminate .block-custom-texture--item-text {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 5.4em;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__tsuya .block-custom-texture--item-color, .block-custom .page-products-loosepowder .block-custom-texture--item__illuminate .block-custom-texture--item-color {
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__silky {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__silky .block-custom-texture--item-color {
  width: 50%;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__semi {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__semi .block-custom-texture--item-color {
  width: 50%;
}
.block-custom .page-products-loosepowder .block-custom-texture--item__matte .block-custom-texture--item-color {
  width: 50%;
}
.block-custom .page-products-loosepowder .block-custom-texture--item-theme {
  background-color: #e6e6e6;
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0.5em;
}
.block-custom .page-products-loosepowder .block-custom-texture--item-text {
  font-size: 12px;
  margin-bottom: 10px;
}
.block-custom .page-products-loosepowder .block-custom-texture--item-color-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
  justify-content: center;
}
.block-custom .page-products-loosepowder .block-custom-texture--item-color {
  position: relative;
}
.block-custom .page-products-loosepowder .block-custom-texture--item-color-name {
  bottom: 0;
  font-size: 10px;
  left: 12%;
  line-height: 1.3;
  min-height: 2.6em;
  position: absolute;
  text-align: left;
}
.block-custom .page-products-loosepowder .block-custom-colors {
  background-color: #faf0f8;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-colors--title {
  font-size: 20px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-colors--main-container {
  background-color: #ffffff;
  border-radius: 16px;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-area {
  margin-bottom: 30px;
  overflow-x: scroll;
  padding-bottom: 6px;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-area::-webkit-scrollbar {
  height: 10px;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-area::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-area::-webkit-scrollbar-thumb {
  background-color: #666666;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-list {
  margin: 0 auto;
  touch-action: pan-x;
  width: 360px;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-list .slick-list {
  width: 360px;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-list .slick-track {
  transform: unset !important;
  width: 360px !important;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-list-item {
  border-radius: 8px;
  cursor: pointer;
  height: 40px;
  width: 40px !important;
}
.block-custom .page-products-loosepowder .block-custom-colors--thumbnail-list-item.slick-current {
  border: 1px solid #b3b3b3;
}
.block-custom .page-products-loosepowder .block-custom-colors--list {
  margin: 0 auto;
  width: 90%;
}
.block-custom .page-products-loosepowder .block-custom-colors--list .js-slick--arrow {
  top: 0;
}
.block-custom .page-products-loosepowder .block-custom-colors--list .js-slick--prev {
  left: -30px;
}
.block-custom .page-products-loosepowder .block-custom-colors--list .js-slick--next {
  right: -30px;
}
.block-custom .page-products-loosepowder .block-custom-colors--list-item-name {
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-colors--list-item-texture {
  background-color: #e6e6e6;
  display: block;
  line-height: 1;
  margin: 0 auto;
  max-width: fit-content;
  font-size: 10px;
  font-weight: 700;
  padding: 0.5em;
}
.block-custom .page-products-loosepowder .block-custom-colors--list-item-copy {
  font-size: 12px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-ranking {
  margin: 40px auto;
}
.block-custom .page-products-loosepowder .block-custom-ranking--comingsoon {
  font-size: 24px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-ranking--category-title {
  border-bottom: 1px solid;
  font-weight: 700;
  font-size: 14px;
  margin: 0 auto 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-ranking--list {
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-ranking--list:not(:last-child) {
  margin-bottom: 40px;
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item {
  padding-top: 20px;
  position: relative;
  width: calc((100% - 40px) / 5);
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item:not(:last-child) {
  margin-right: 10px;
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item:nth-child(1)::before {
  background-image: url(/decorte/img/decorte2023/sp/ranking/rank_01.png);
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item:nth-child(2)::before {
  background-image: url(/decorte/img/decorte2023/sp/ranking/rank_02.png);
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item:nth-child(3)::before {
  background-image: url(/decorte/img/decorte2023/sp/ranking/rank_03.png);
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item:nth-child(4)::before {
  background-image: url(/decorte/img/decorte2023/sp/ranking/rank_04.png);
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item:nth-child(5)::before {
  background-image: url(/decorte/img/decorte2023/sp/ranking/rank_05.png);
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item::before {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
.block-custom .page-products-loosepowder .block-custom-ranking--list-item-name {
  display: block;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-ranking--notes {
  font-size: 10px;
  margin: 0 auto;
  text-align: right;
  width: 100%;
}
.block-custom .page-products-loosepowder .block-custom-mini {
  padding: 0;
}
.block-custom .page-products-loosepowder .block-custom-mini.mgntop {
  margin-top: 40px;
}
.block-custom .page-products-loosepowder .block-custom-mini .block-custom-contents--title {
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--copy {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--visual {
  max-width: 750px;
  width: 100%;
  margin: 0 auto 30px;
}
.block-custom .page-products-loosepowder .block-custom-mini--info {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-mini--info-date {
  display: block;
  background: #f0f0f0;
  padding: 4px 6px;
  font-size: 12px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--info-name {
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--info-price {
  font-size: 12px;
}
.block-custom .page-products-loosepowder .block-custom-mini--info-lead {
  font-size: 14px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--info-btn {
  width: 240px;
  text-align: center;
  padding: 13px 0px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  position: relative;
  transition: all 0.5s ease;
  margin-top: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--info-btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  transform: rotate(45deg);
}
.block-custom .page-products-loosepowder .block-custom-mini--info-btn:hover {
  background: #444444;
}
.block-custom .page-products-loosepowder .block-custom-mini--tama {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 40px;
  justify-content: center;
}
.block-custom .page-products-loosepowder .block-custom-mini--tama-item {
  display: flex;
  flex-direction: column;
  width: 110px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--tama-item img {
  width: 80px;
  margin: 0 auto 10px;
}
.block-custom .page-products-loosepowder .block-custom-mini--tama-item span {
  display: block;
  font-size: 11px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors {
  width: 100%;
  margin: 0 auto;
  background: #FAF0F8;
  padding: 30px 10px;
  text-align: center;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-copy {
  font-size: 24px;
  margin-bottom: 15px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-title {
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body {
  background: #ffffff;
  padding: 25px 10px;
  border-radius: 8px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs {
  transition: all 0.5s ease;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs .slick-list {
  padding-bottom: 40px !important;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item {
  cursor: pointer;
  transition: all 0.5s ease;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.slick-slide {
  transform: translateY(60px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.slick-slide img {
  margin: auto;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos00 {
  transform: translateY(0) scale(0.9);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos01 {
  transform: translateY(15px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos02 {
  transform: translateY(30px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos03 {
  transform: translateY(45px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos04 {
  transform: translateY(60px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos05 {
  transform: translateY(60px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos06 {
  transform: translateY(45px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos07 {
  transform: translateY(30px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos101 {
  transform: translateY(15px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos1 {
  transform: translateY(15px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos2 {
  transform: translateY(30px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos3 {
  transform: translateY(45px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos4 {
  transform: translateY(60px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos5 {
  transform: translateY(75px) scale(0.7);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.pos-current {
  transform: translateY(0) scale(0.9);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.slick-current, .block-custom .page-products-loosepowder .block-custom-mini--colors-body-thumbs-item.is-active-next {
  transform: translateY(0) scale(0.9);
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details {
  width: 100%;
  margin: 0 auto;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-name {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 300;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-sub {
  font-size: 12px;
  padding: 3px 8px;
  background: #f0f0f0;
  margin-bottom: 10px;
  font-weight: 300;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-copy {
  font-size: 12px;
  margin-bottom: 30px;
  font-weight: 300;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-image {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 250px;
  margin: 0 auto;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-image p:nth-of-type(1) {
  width: 250px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-image p:nth-of-type(2) {
  width: 200px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-tag {
  display: flex;
  justify-content: center;
  font-size: 11px;
  font-weight: 300;
  flex-wrap: wrap;
  margin-top: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details-item-tag > li {
  display: block;
  margin: 4px 4px;
  padding: 5px 12px;
  background: #e8e4ed;
  border-radius: 20px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details .js-slick--arrow {
  top: 40px;
}
.block-custom .page-products-loosepowder .block-custom-mini--colors-body-details .js-slick--arrow::after {
  height: 20px;
  width: 20px;
}
.block-custom .page-products-loosepowder #colors.block-custom-mini .block-custom-contents--title {
  margin-bottom: 0;
}

.block-custom .page-products-mwc-2024 {
  background-color: #e6e4e7;
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/bg_intro.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.block-custom .page-products-mwc-2024 h1, .block-custom .page-products-mwc-2024 h2, .block-custom .page-products-mwc-2024 h3, .block-custom .page-products-mwc-2024 h4, .block-custom .page-products-mwc-2024 dt, .block-custom .page-products-mwc-2024 dd, .block-custom .page-products-mwc-2024 li, .block-custom .page-products-mwc-2024 p, .block-custom .page-products-mwc-2024 span, .block-custom .page-products-mwc-2024 small, .block-custom .page-products-mwc-2024 th, .block-custom .page-products-mwc-2024 td, .block-custom .page-products-mwc-2024 figcaption {
  font-feature-settings: "palt";
  font-weight: 300;
  letter-spacing: 0.02em;
}
.block-custom .page-products-mwc-2024 sup {
  font-size: 8px;
  vertical-align: super;
}
.block-custom .page-products-mwc-2024 .block-custom-contents {
  padding: 60px 0;
  position: relative;
}
.block-custom .page-products-mwc-2024 .block-custom-contents--title {
  margin-bottom: 10px;
}
.block-custom .page-products-mwc-2024 .block-custom-contents--lead {
  font-size: 13px;
  text-align: center;
  padding: 0 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-contents--lead:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-other-contens {
  background-color: #f4f1f5;
  padding-bottom: 30px;
}
.block-custom .page-products-mwc-2024 .block-custom-intro {
  padding: 0;
}
.block-custom .page-products-mwc-2024 .block-custom-intro--text-area {
  background: rgb(240, 238, 239);
  background: linear-gradient(180deg, rgb(240, 238, 239) 0%, rgb(240, 238, 239) 70%, rgba(240, 238, 239, 0) 100%);
  padding: 30px 0;
}
.block-custom .page-products-mwc-2024 .block-custom-compact {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/bg_compact.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.block-custom .page-products-mwc-2024 .block-custom-compact--products {
  margin: 30px auto;
  width: 60%;
}
.block-custom .page-products-mwc-2024 .block-custom-compact--image {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-mwc-2024 .block-custom-mirror {
  background-color: #e6e4e7;
  padding-bottom: 0;
  position: relative;
}
.block-custom .page-products-mwc-2024 .block-custom-mirror::before {
  background: rgb(228, 227, 232);
  background: linear-gradient(180deg, rgba(228, 227, 232, 0) 0%, rgb(228, 227, 232) 50%, rgba(228, 223, 227, 0) 100%);
  content: "";
  display: block;
  height: 120px;
  left: 0;
  position: absolute;
  top: -60px;
  width: 100%;
}
.block-custom .page-products-mwc-2024 .block-custom-mirror::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/deco_butterfly_01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 87px;
  left: 20%;
  position: absolute;
  bottom: -50px;
  width: 80px;
  z-index: 1;
}
.block-custom .page-products-mwc-2024 .block-custom-mirror--notes {
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-mwc-2024 .block-custom-mirror--image {
  margin-top: 30px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/bg_finishes.jpg);
  background-position: center top;
  position: relative;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes::before {
  background: rgb(228, 227, 232);
  background: linear-gradient(180deg, rgba(228, 227, 232, 0) 0%, rgb(224, 221, 232) 50%, rgba(224, 221, 232, 0) 100%);
  content: "";
  display: block;
  height: 120px;
  left: 0;
  position: absolute;
  top: -60px;
  width: 100%;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/deco_butterfly_02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 70px;
  right: 10%;
  position: absolute;
  bottom: -30px;
  width: 60px;
  z-index: 1;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 20px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item:nth-child(odd) {
  margin-left: 20px;
  margin-right: 0;
  padding-right: 40px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item:nth-child(even) {
  margin-left: 0;
  margin-right: 20px;
  padding-left: 40px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item__01::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/deco_flower_01.png);
  height: 90px;
  right: -20px;
  top: -20px;
  width: 94px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item__02::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/deco_flower_02.png);
  height: 75px;
  left: -10px;
  top: -10px;
  width: 69px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item__03::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/deco_flower_03.png);
  height: 57px;
  right: 10px;
  top: -10px;
  width: 64px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item__04::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/deco_flower_04.png);
  height: 102px;
  left: 10px;
  top: -10px;
  width: 63px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(12px 10px 10px rgba(0, 0, 0, 0.16));
  content: "";
  display: block;
  position: absolute;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item-title {
  border-bottom: 1px solid #cccccc;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--item-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.block-custom .page-products-mwc-2024 .block-custom-finishes--notes {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 20px;
  padding: 0 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients {
  background-color: #f4f1f5;
  position: relative;
  z-index: 0;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients::before {
  background: rgb(244, 241, 245);
  background: linear-gradient(180deg, rgba(244, 241, 245, 0) 0%, rgb(244, 241, 245) 50%, rgb(244, 241, 245) 100%);
  content: "";
  display: block;
  height: 120px;
  left: 0;
  position: absolute;
  top: -60px;
  width: 100%;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--image {
  margin: -54% 0 -60%;
  position: relative;
  z-index: -1;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--list {
  padding: 0 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item {
  background-repeat: no-repeat;
  background-size: 23vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  min-height: 23vw;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item:nth-child(odd) {
  background-position: left center;
  padding-left: calc(23vw + 10px);
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item:nth-child(even) {
  background-position: right center;
  padding-right: calc(23vw + 10px);
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item__a {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/ingredients_item_a.png);
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item__b {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/ingredients_item_b.png);
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item__c {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/ingredients_item_c.png);
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item__d {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/ingredients_item_d.png);
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--item-title {
  font-weight: 700;
  margin-bottom: 0.5em;
}
.block-custom .page-products-mwc-2024 .block-custom-ingredients--notes {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 20px;
  padding: 0 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-key-visual {
  margin-bottom: 60px;
}
.block-custom .page-products-mwc-2024 .block-custom-movie {
  margin: 60px auto;
  position: relative;
  width: 80%;
}
.block-custom .page-products-mwc-2024 .block-custom-movie::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2024/deco_butterfly_02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 47px;
  left: -30px;
  position: absolute;
  top: -35px;
  transform: scale(-1, 1);
  width: 40px;
  z-index: 1;
}
.block-custom .page-products-mwc-2024 .block-custom-movie .vjs-poster {
  background-color: unset;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile {
  align-items: center;
  display: flex;
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile--image {
  width: 50%;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile--text-area {
  width: 50%;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile--post {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile--name {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile--more-trigger {
  background-color: #e1d8dd;
  display: block;
  font-size: 13px;
  line-height: 1;
  margin: 0 auto;
  padding: 1em 0;
  width: 8em;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile--modal .block-custom-mw-profile--image {
  margin: 0 auto 10px;
  width: 80%;
}
.block-custom .page-products-mwc-2024 .block-custom-mw-profile--modal .block-custom-mw-profile--text {
  margin-bottom: 10px;
}
.block-custom .page-products-mwc-2024 .block-custom-archive-link {
  margin-top: 60px;
  padding: 0 20px;
}
.block-custom .page-products-mwc-2024 .block-custom-archive-link--anchor {
  align-items: center;
  border: 1px solid #b69487;
  color: #957769;
  display: flex;
  height: 40px;
  justify-content: center;
  line-height: 1;
  position: relative;
  text-align: center;
}
.block-custom .page-products-mwc-2024 .block-custom-archive-link--anchor::after {
  border-right: 1px solid #b69487;
  border-top: 1px solid #b69487;
  content: "";
  display: block;
  height: 10px;
  right: 20px;
  transform: rotate(45deg);
  position: absolute;
  width: 10px;
}

/*.page-products {
  padding: 0;
}

.pane-topic-path {
  display: none;
}*/
/* 共通 */
.block-custom .page-products-mwc2025 {
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --bg-gray: #EFEFEF;
  --text-color: #4D4D4D;
  color: var(--text-color);
  /* mv */
  /* design */
  /* fragranceoil */
  /* finishes */
  /* ingredients */
  /* spec */
  /* profile */
}
.block-custom .page-products-mwc2025 * {
  font-feature-settings: unset;
}
.block-custom .page-products-mwc2025 .inner {
  margin-inline: auto;
  padding-inline: 5.1282051282%;
  max-width: 600px;
  width: 100%;
}
.block-custom .page-products-mwc2025 .text-large {
  font-size: 16px;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  letter-spacing: 0.005em;
}
.block-custom .page-products-mwc2025 .text {
  font-size: 12px;
  font-weight: var(--fw-regular);
  line-height: 1.4166666667;
  letter-spacing: 0.005em;
}
.block-custom .page-products-mwc2025 .text-small {
  font-size: 11px;
  font-weight: var(--fw-regular);
  line-height: 1.4545454545;
  letter-spacing: 0.005em;
}
.block-custom .page-products-mwc2025 .block-custom-butterfly {
  --top-position: -35px;
  --right-position: 0px;
  position: relative;
}
.block-custom .page-products-mwc2025 .block-custom-butterfly::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: var(--top-position);
  right: var(--right-position);
  width: 30px;
  aspect-ratio: 30/35;
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2025/butterfly.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.block-custom .page-products-mwc2025 .block-custom-layout-common {
  display: grid;
  gap: 60px;
  padding-block: 60px;
}
.block-custom .page-products-mwc2025 .block-custom-mv {
  container-type: inline-size;
  background-color: var(--bg-gray);
  padding-bottom: 60px;
}
.block-custom .page-products-mwc2025 .block-custom-mv--inner.inner {
  display: grid;
  place-items: center;
}
.block-custom .page-products-mwc2025 .block-custom-mv--img {
  position: relative;
  margin-inline: calc(50% - 50cqi);
}
.block-custom .page-products-mwc2025 .block-custom-mv--img img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.block-custom .page-products-mwc2025 .block-custom-mv--img::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 60px;
  background-image: linear-gradient(to bottom, transparent, var(--bg-gray));
}
.block-custom .page-products-mwc2025 .block-custom-mv--title {
  position: relative;
  margin-top: -30px;
}
.block-custom .page-products-mwc2025 .block-custom-mv--title img {
  object-fit: contain;
}
.block-custom .page-products-mwc2025 .block-custom-mv--body {
  margin-inline: -0.5em;
}
.block-custom .page-products-mwc2025 .block-custom-mv--sub-title {
  margin-top: 58px;
  margin-inline: -0.5em;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-mv--text {
  margin-top: 30px;
  display: grid;
  gap: 20px;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-design {
  padding-block: 60px;
}
.block-custom .page-products-mwc2025 .block-custom-design--inner.inner {
  display: grid;
  gap: 30px;
  justify-content: center;
}
.block-custom .page-products-mwc2025 .block-custom-design--img img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.block-custom .page-products-mwc2025 .block-custom-design--text {
  display: grid;
  gap: 20px;
  margin-inline: -0.5em;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-design--text .text {
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.block-custom .page-products-mwc2025 .block-custom-fragranceoil {
  container-type: inline-size;
  padding-bottom: 60px;
  background-color: #F9F9F9;
}
.block-custom .page-products-mwc2025 .block-custom-fragranceoil--img {
  margin-inline: calc(50% - 50cqi);
}
.block-custom .page-products-mwc2025 .block-custom-fragranceoil--img img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.block-custom .page-products-mwc2025 .block-custom-fragranceoil--title {
  --top-position: -16px;
  --right-position: 6px;
}
.block-custom .page-products-mwc2025 .block-custom-fragranceoil--text {
  display: grid;
  gap: 20px;
  margin-top: 30px;
  margin-inline: -0.5em;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-fragranceoil--notes {
  font-size: 8px;
  margin-top: 30px;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-finishes {
  padding-block: 60px;
  background-image: url(/decorte/img/decorte2023/pc/custom/mwc_2025/finishes_visual.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--inner.inner {
  display: grid;
  grid-template-columns: 100%;
  place-items: center;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--title img {
  object-fit: contain;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--text {
  margin-top: 30px;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--list-wrap {
  position: relative;
  margin-top: 60px;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--list {
  counter-reset: finishesNum;
  width: 240px;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--list .slick-list {
  overflow: initial;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--list .slick-track {
  display: flex;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  margin-inline: 10px;
  padding: 20px 20px 30px;
  height: auto;
  counter-increment: finishesNum;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px) brightness(1.5);
}
.block-custom .page-products-mwc2025 .block-custom-finishes--item-number {
  position: relative;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--item-number::before {
  content: counter(finishesNum, upper-roman);
  font-size: 16px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  line-height: 1.4375;
  letter-spacing: 0.05em;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--item-head {
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1.4285714286;
  letter-spacing: 0.005em;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrows {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrow {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 30px;
  aspect-ratio: 1/1;
  background-color: #FCECDD;
  border-radius: 50%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  pointer-events: auto;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrow.prev-arrow {
  left: -55px;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrow.next-arrow {
  right: -55px;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 10px;
  aspect-ratio: 1/1;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #C9A889;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrow.prev-arrow::before {
  left: 50%;
  translate: -25% -50%;
  rotate: 45deg;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--arrow.next-arrow::before {
  right: 50%;
  translate: 25% -50%;
  rotate: -135deg;
}
.block-custom .page-products-mwc2025 .block-custom-finishes--notes {
  font-size: 8px;
  margin-top: 30px;
  text-align: right;
  width: 100%;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients {
  padding-top: 60px;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--inner.inner {
  display: grid;
  place-items: center;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--title {
  /* max-width: 600px; */
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--title img {
  object-fit: contain;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--text {
  display: grid;
  gap: 20px;
  margin-top: 30px;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--img-wrap {
  position: relative;
  margin-top: 30px;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--img-head {
  position: absolute;
  top: 0;
  inset-inline: 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 12px;
  place-content: center;
  align-items: center;
  padding: 5px 20px;
  background-image: linear-gradient(to right, transparent, #c9bba3 50%, transparent);
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: #fff;
  line-height: 1.4285714286;
  letter-spacing: 0.005em;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--img-head::before {
  content: "";
  display: inline-block;
  width: 26px;
  aspect-ratio: 26/30;
  background-image: url(/decorte/img/decorte2023/sp/custom/mwc_2025/icon-tap.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--img img {
  aspect-ratio: 390/480;
  object-fit: cover;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--item {
  position: absolute;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--item__1 {
  top: max(42px, 8.75%);
  right: 31%;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--item__2 {
  bottom: 23.9583333333%;
  right: 5%;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--item__3 {
  bottom: 5.2083333333%;
  left: 5%;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--item__4 {
  bottom: 2.0833333333%;
  right: 29.7435897436%;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--item-text {
  position: relative;
  display: grid;
  place-items: center;
  padding-block: 30px;
  min-width: 90px;
  aspect-ratio: 1/1;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));
  font-size: 11px;
  font-weight: var(--fw-medium);
  line-height: 1.3636363636;
  letter-spacing: 0.005em;
  color: #807059;
  text-align: center;
  cursor: pointer;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--item-text::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  translate: -50%;
  width: 10px;
  aspect-ratio: 1/1;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(135deg, #fff4db, #bca169);
  border-radius: 50%;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-content {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  display: none;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-inner.inner {
  position: relative;
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 460px;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-body {
  position: relative;
  display: grid;
  gap: 20px;
  place-items: center;
  padding: 40px 20px;
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-close {
  position: absolute;
  top: -36px;
  right: 6px;
  width: 31px;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-close::before,
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  rotate: 45deg;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-close::after {
  rotate: -45deg;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-img {
  max-width: 180px;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-img img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-title {
  font-size: 18px;
  font-weight: var(--fw-medium);
  line-height: 1.4444444444;
  letter-spacing: 0.005em;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--modal-text {
  font-size: 13px;
  font-weight: var(--fw-regular);
  line-height: 1.4615384615;
  letter-spacing: 0.005em;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-ingredients--notes {
  font-size: 8px;
  line-height: 1.5;
  padding: 0 10px;
  margin-top: 10px;
}
.block-custom .page-products-mwc2025 .block-custom-spec--inner.inner {
  display: grid;
  place-items: center;
}
.block-custom .page-products-mwc2025 .block-custom-spec--img {
  max-width: 260px;
}
.block-custom .page-products-mwc2025 .block-custom-spec--img img {
  object-fit: cover;
}
.block-custom .page-products-mwc2025 .block-custom-spec--content {
  margin-top: 30px;
  text-align: center;
}
.block-custom .page-products-mwc2025 .block-custom-spec--head {
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1.4285714286;
  letter-spacing: 0.005em;
  color: #9C9283;
  text-decoration: underline;
  text-underline-offset: 8px;
}
.block-custom .page-products-mwc2025 .block-custom-spec--title.text {
  margin-top: 25px;
  font-weight: var(--fw-medium);
}
.block-custom .page-products-mwc2025 .block-custom-spec--price {
  margin-top: 12px;
  font-size: 10px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  letter-spacing: 0.005em;
}
.block-custom .page-products-mwc2025 .block-custom-spec--note {
  margin-top: 10px;
  font-size: 8px;
  font-weight: var(--fw-regular);
  line-height: 1.375;
  letter-spacing: 0.005em;
}
.block-custom .page-products-mwc2025 .block-custom-spec--button {
  margin-top: 30px;
  max-width: 200px;
  width: 100%;
}
.block-custom .page-products-mwc2025 .block-custom-spec--button--link {
  display: block;
  padding: 12px 1em 11px;
  font-size: 12px;
  font-weight: var(--fw-regular);
  color: var(--text-color);
  line-height: 1.4166666667;
  letter-spacing: 0.005em;
  text-align: center;
  background-image: linear-gradient(99deg, #f0e5d0, #dbceb8);
  transition: opacity 0.3s ease-out;
}
.block-custom .page-products-mwc2025 .block-custom-profile--container {
  position: relative;
  padding-block: 30px;
}
.block-custom .page-products-mwc2025 .block-custom-profile--container::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50cqi);
  background-image: linear-gradient(to right, #fcfcfc, #e3e3e3);
}
.block-custom .page-products-mwc2025 .block-custom-profile--content {
  padding: 30px 20px 20px;
  background-color: #fff;
}
.block-custom .page-products-mwc2025 .block-custom-profile--title {
  max-width: 260px;
}
.block-custom .page-products-mwc2025 .block-custom-profile--title img {
  object-fit: contain;
}
.block-custom .page-products-mwc2025 .block-custom-profile--text {
  margin-top: 30px;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
.block-custom .page-products-mwc2025 .block-custom-profile--img {
  margin-top: 20px;
}
.block-custom .page-products-mwc2025 .block-custom-profile--img img {
  object-fit: cover;
}
.block-custom .page-products-mwc2025 .block-custom-profile--bottom {
  margin-inline: auto;
  margin-top: 30px;
  max-width: 350px;
  width: 100%;
}
.block-custom .page-products-mwc2025 .block-custom-profile--button {
  display: block;
  padding: 11px 1em 10px;
  border: 1px solid #CEC2AD;
  font-size: 12px;
  font-weight: var(--fw-regular);
  color: #9C9283;
  line-height: 1.4166666667;
  letter-spacing: 0.005em;
  text-align: center;
  transition: opacity 0.3s ease-out;
}

.block-custom .page-products-naillacquer .block-custom-colors--map-lead {
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-image {
  margin: 0 auto;
  max-width: 678px;
  position: relative;
  width: calc(100% - 30px);
}
.block-custom .page-products-naillacquer .block-custom-colors--map-image #color_map_points {
  left: 0;
  position: absolute;
  top: 0;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-image #color_map_points .block-custom-colors--map-image-point {
  cursor: pointer;
  opacity: 0;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal {
  align-items: center;
  background-color: #666666;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-container {
  width: 100%;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-close {
  cursor: pointer;
  font-size: 0;
  height: 30px;
  right: 20px;
  position: absolute;
  top: 20px;
  width: 30px;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-close::before, .block-custom .page-products-naillacquer .block-custom-colors--map-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 15px);
  position: absolute;
  top: 50%;
  width: 30px;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-close::before {
  transform: rotateZ(45deg);
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-close::after {
  transform: rotateZ(-45deg);
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-slide {
  width: 100%;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-slide .js-slick--arrow {
  height: 40px;
  top: calc(50% - 20px);
  width: 20px;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-slide .js-slick--arrow::after {
  border-color: #606060;
  margin: 0;
  height: 16px;
  width: 16px;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-slide .block-custom-colors--detail {
  position: relative;
}
.block-custom .page-products-naillacquer .block-custom-colors--map-modal-slide .slick-track {
  pointer-events: none;
}

.block-custom .page-products-naillacquer *,
.block-custom .page-products-nailserum *,
.block-custom .page-products-nailremover *,
.block-custom .page-products-crystal-rosy * {
  letter-spacing: 0;
}
.block-custom .page-products-naillacquer small,
.block-custom .page-products-nailserum small,
.block-custom .page-products-nailremover small,
.block-custom .page-products-crystal-rosy small {
  display: inline-block;
  -webkit-transform: translateY(-2.5px) scale(0.8);
  transform: translateY(-2.5px) scale(0.8);
}
.block-custom .page-products-naillacquer .inner,
.block-custom .page-products-nailserum .inner,
.block-custom .page-products-nailremover .inner,
.block-custom .page-products-crystal-rosy .inner {
  padding: 0 15px;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .h2-title,
.block-custom .page-products-nailserum .h2-title,
.block-custom .page-products-nailremover .h2-title,
.block-custom .page-products-crystal-rosy .h2-title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #ffffff;
  line-height: 1.7916666667;
  background: #000000;
  padding: 8px 5px 11px;
}
.block-custom .page-products-naillacquer .button,
.block-custom .page-products-nailserum .button,
.block-custom .page-products-nailremover .button,
.block-custom .page-products-crystal-rosy .button {
  width: 245px;
  text-align: center;
  padding: 9.5px 0px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  display: block;
  background: #000000;
}
.block-custom .page-products-naillacquer .block-custom-related,
.block-custom .page-products-nailserum .block-custom-related,
.block-custom .page-products-nailremover .block-custom-related,
.block-custom .page-products-crystal-rosy .block-custom-related {
  background: -webkit-gradient(linear, left bottom, left top, from(#f5ece7), color-stop(#ffffff), to(#f5ece7));
  background: linear-gradient(0deg, #f5ece7, #ffffff, #f5ece7);
}
.block-custom .page-products-naillacquer .block-custom-related--inner,
.block-custom .page-products-nailserum .block-custom-related--inner,
.block-custom .page-products-nailremover .block-custom-related--inner,
.block-custom .page-products-crystal-rosy .block-custom-related--inner {
  padding: 0 33.5px;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-related--container,
.block-custom .page-products-nailserum .block-custom-related--container,
.block-custom .page-products-nailremover .block-custom-related--container,
.block-custom .page-products-crystal-rosy .block-custom-related--container {
  padding: 10px 0 60px;
}
.block-custom .page-products-naillacquer .block-custom-related--items,
.block-custom .page-products-nailserum .block-custom-related--items,
.block-custom .page-products-nailremover .block-custom-related--items,
.block-custom .page-products-crystal-rosy .block-custom-related--items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 50px;
}
.block-custom .page-products-naillacquer .block-custom-related--item-img,
.block-custom .page-products-nailserum .block-custom-related--item-img,
.block-custom .page-products-nailremover .block-custom-related--item-img,
.block-custom .page-products-crystal-rosy .block-custom-related--item-img {
  aspect-ratio: 1;
  width: 250px;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-related--item-text,
.block-custom .page-products-nailserum .block-custom-related--item-text,
.block-custom .page-products-nailremover .block-custom-related--item-text,
.block-custom .page-products-crystal-rosy .block-custom-related--item-text {
  margin-bottom: 17.5px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.7777777778;
}
.block-custom .page-products-naillacquer .block-custom-related--item-name,
.block-custom .page-products-nailserum .block-custom-related--item-name,
.block-custom .page-products-nailremover .block-custom-related--item-name,
.block-custom .page-products-crystal-rosy .block-custom-related--item-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  margin-bottom: 27.5px;
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 2.1333333333;
}
.block-custom .page-products-naillacquer .block-custom-related--item-buttons,
.block-custom .page-products-nailserum .block-custom-related--item-buttons,
.block-custom .page-products-nailremover .block-custom-related--item-buttons,
.block-custom .page-products-crystal-rosy .block-custom-related--item-buttons {
  max-width: 245px;
  width: 100%;
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
}
.block-custom .page-products-naillacquer .block-custom-related--item-buttons + .block-custom-related--item-name,
.block-custom .page-products-nailserum .block-custom-related--item-buttons + .block-custom-related--item-name,
.block-custom .page-products-nailremover .block-custom-related--item-buttons + .block-custom-related--item-name,
.block-custom .page-products-crystal-rosy .block-custom-related--item-buttons + .block-custom-related--item-name {
  margin-top: 50px;
}
.block-custom .page-products-naillacquer .block-custom-related--item-button,
.block-custom .page-products-nailserum .block-custom-related--item-button,
.block-custom .page-products-nailremover .block-custom-related--item-button,
.block-custom .page-products-crystal-rosy .block-custom-related--item-button {
  display: block;
  width: 100%;
}
.block-custom .page-products-naillacquer .related-button,
.block-custom .page-products-nailserum .related-button,
.block-custom .page-products-nailremover .related-button,
.block-custom .page-products-crystal-rosy .related-button {
  width: 100%;
  text-align: center;
  padding: 9.5px;
  border: 0.5px solid #cccccc;
  background: #ffffff;
  font-size: 13px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.3;
}
.block-custom .page-products-naillacquer .block-custom-head {
  aspect-ratio: 750/1000;
}
.block-custom .page-products-naillacquer .block-custom-read {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/read-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.block-custom .page-products-naillacquer .block-custom-read--container {
  padding-top: 0;
}
.block-custom .page-products-naillacquer .block-custom-read--texts {
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  width: 100%;
  text-align: center;
  min-height: 55vh;
  margin-bottom: 530px;
}
.block-custom .page-products-naillacquer .block-custom-read--text {
  margin-bottom: 17.5px;
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.6875;
}
.block-custom .page-products-naillacquer .block-custom-read--text:last-of-type {
  margin-bottom: unset;
}
.block-custom .page-products-naillacquer .block-custom-read--head {
  text-align: center;
  margin-bottom: 55px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.6666666667;
}
.block-custom .page-products-naillacquer .block-custom-read--items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.block-custom .page-products-naillacquer .block-custom-read--item {
  position: relative;
  overflow: hidden;
}
.block-custom .page-products-naillacquer .block-custom-read--item-title {
  width: 100%;
  padding: 10px 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(75%, #ffffff), to(transparent));
  background: linear-gradient(90deg, transparent 0, #ffffff 75%, transparent 100%);
  text-align: center;
  position: relative;
  z-index: 5;
}
.block-custom .page-products-naillacquer .block-custom-read--item-title .en {
  display: block;
  font-size: 21px;
  font-weight: 400;
  font-family: "Times New Roman", "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #000000;
  line-height: 1.6;
}
.block-custom .page-products-naillacquer .block-custom-read--item-title .jp {
  display: block;
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.25;
}
.block-custom .page-products-naillacquer .block-custom-read--item-texts {
  padding-top: 20px;
  text-align: center;
  position: relative;
  padding-bottom: 55px;
  z-index: 4;
}
.block-custom .page-products-naillacquer .block-custom-read--item-texts::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
}
.block-custom .page-products-naillacquer .block-custom-read--item:nth-last-of-type(1) .block-custom-read--item-texts::before {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/read-item-bg2.png");
  background-position: right bottom;
  background-size: 100% auto;
}
.block-custom .page-products-naillacquer .block-custom-read--item:nth-last-of-type(2) .block-custom-read--item-texts::before {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/read-item-bg1.png");
  background-position: left top;
  background-size: cover;
  bottom: 0;
}
.block-custom .page-products-naillacquer .block-custom-read--item-text {
  position: relative;
  z-index: 3;
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
.block-custom .page-products-naillacquer .block-custom-read--item-text:not(:last-child) {
  margin-bottom: 12px;
}
.block-custom .page-products-naillacquer .block-custom-read--item-small {
  font-size: 10px;
  font-weight: 400;
  position: relative;
  z-index: 5;
}
.block-custom .page-products-naillacquer .block-custom-ingre {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/ingre-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-naillacquer .block-custom-ingre--inner {
  margin-inline: auto;
  padding: 0 7.5px;
  width: 375px;
  overflow: hidden;
}
.block-custom .page-products-naillacquer .block-custom-ingre--container {
  padding: 37.5px 0 80px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--content {
  position: relative;
}
.block-custom .page-products-naillacquer .block-custom-ingre--content::after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1.5px solid #E3CFC5;
  aspect-ratio: 880/800;
  width: 440px;
  z-index: 1;
}
.block-custom .page-products-naillacquer .block-custom-ingre--item {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.block-custom .page-products-naillacquer .block-custom-ingre--item-img {
  width: 125px;
  aspect-ratio: 1;
  margin-bottom: -7.5px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--item-img .w160 {
  display: block;
  width: 100px;
  aspect-ratio: 1;
  margin-inline: auto;
  -webkit-transform: translateY(12.5px);
  transform: translateY(12.5px);
}
.block-custom .page-products-naillacquer .block-custom-ingre--item-name {
  margin-top: -2.5px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-ingre--item-name .text {
  display: block;
  padding: 4px 19px;
  border-radius: 50px;
  background: #E3CFC5;
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.2;
}
.block-custom .page-products-naillacquer .block-custom-ingre--item-name .toggle {
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/common/toggle.png");
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.block-custom .page-products-naillacquer .block-custom-ingre--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.block-custom .page-products-naillacquer .block-custom-ingre--items__1 {
  margin-top: -82.5px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--items__2 {
  margin-top: -47.5px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--img {
  pointer-events: none;
  width: 260px;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-top: -50px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--item__first {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-ingre--item__last {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -100px;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #666666;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal.is-open {
  visibility: visible;
  opacity: 1;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-bg {
  width: 100%;
  height: 100%;
  position: relative;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 325px;
  aspect-ratio: 650/680;
  background: #ffffff;
  border-radius: 5px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-content::after, .block-custom .page-products-naillacquer .block-custom-ingre--modal-content::before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  left: 95%;
  bottom: calc(100% + 20px);
  height: 0.5px;
  width: 30px;
  background: #ffffff;
  aspect-ratio: unset;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-content::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-content::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-img {
  aspect-ratio: 1;
  width: 150px;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-img .w200 {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  width: 110px;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-texts {
  padding-top: 30px;
  text-align: center;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-head {
  margin-bottom: 15px;
  border-bottom: 2.5px solid #d1a69c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 16px;
  font-weight: 500;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.3636363636;
  padding-bottom: 1.5px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-text {
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.7857142857;
  margin-bottom: 7.5px;
}
.block-custom .page-products-naillacquer .block-custom-ingre--modal-small {
  font-size: 9px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.5;
  margin-top: 1px;
}
.block-custom .page-products-naillacquer .block-custom-colors {
  background: #FCF9F7;
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-naillacquer .block-custom-colors--container {
  overflow: hidden;
  padding: 60px 0 105px;
}
.block-custom .page-products-naillacquer .block-custom-colors--title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  font-family: "Times New Roman", "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #D1A69C;
  line-height: 1;
}
.block-custom .page-products-naillacquer .block-custom-colors--detail-slide {
  aspect-ratio: 750/500;
  margin-inline: auto;
  position: relative;
  margin-bottom: 80px;
}
.block-custom .page-products-naillacquer .slick-list {
  overflow: visible !important;
}
.block-custom .page-products-naillacquer .js-slick--next {
  right: 9px;
  border-width: 2px;
}
.block-custom .page-products-naillacquer .js-slick--prev {
  left: 9px;
  border-width: 2px;
}
.block-custom .page-products-naillacquer .block-custom-colors--detail-img {
  position: absolute;
  aspect-ratio: 1;
  width: 160px;
  z-index: 2;
  bottom: -64px;
  right: 0px;
}
.block-custom .page-products-naillacquer .block-custom-colors--detail-texts {
  position: absolute;
  top: 80px;
  width: 135px;
  left: 53%;
}
.block-custom .page-products-naillacquer .block-custom-colors--detail-texts .en {
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: block;
  text-align: center;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 500;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #000000;
  line-height: 1.3846153846;
}
.block-custom .page-products-naillacquer .block-custom-colors--detail-texts .jp {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.3846153846;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav {
  padding: 0 15px;
  max-width: 400px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav-item {
  cursor: pointer;
  padding: 0px 5px 6.5px;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  border: 1.5px solid transparent;
  text-align: center;
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav-item:nth-of-type(23) {
  order: -1;
  margin-right: 80%;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav-item__current {
  border: 1.5px solid #e3cfc5;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav-item {
  overflow: hidden;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav-item img {
  aspect-ratio: 1;
  width: 70px;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  max-width: unset;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav-item figcaption {
  margin-top: -2px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #000000;
  line-height: 1;
}
.block-custom .page-products-naillacquer .block-custom-colors--shades-nav-item .block-custom-colors--shades-nav-item-new {
  font-size: 8px;
  background: #990000;
  color: #ffffff;
  padding: 1px 3px;
  margin-top: 5px;
  display: inline-block;
}
.block-custom .page-products-naillacquer .block-custom-rank {
  margin-bottom: 85px;
}
.block-custom .page-products-naillacquer .block-custom-rank--inner {
  padding: 0;
}
.block-custom .page-products-naillacquer .block-custom-rank--title {
  margin-bottom: 33px;
}
.block-custom .page-products-naillacquer .block-custom-rank--items {
  /*display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 37.5px 29px;
  place-content: center;
  margin: 0 23.5px;
  max-width: 400px;
  margin-inline: auto;*/
  display: flex;
  gap: 10px;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom .page-products-naillacquer .block-custom-rank--item {
  display: block;
  padding: 10px 0 0 10px;
}
.block-custom .page-products-naillacquer .block-custom-rank--imgs {
  position: relative;
}
.block-custom .page-products-naillacquer .block-custom-rank--imgs::after {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  aspect-ratio: 36/52;
  width: 18px;
  background-repeat: no-repeat;
  background-size: contain;
}
.block-custom .page-products-naillacquer .block-custom-rank--item:nth-of-type(1) .block-custom-rank--imgs::after {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/rank1.png");
}
.block-custom .page-products-naillacquer .block-custom-rank--item:nth-of-type(2) .block-custom-rank--imgs::after {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/rank2.png");
}
.block-custom .page-products-naillacquer .block-custom-rank--item:nth-of-type(3) .block-custom-rank--imgs::after {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/rank3.png");
}
.block-custom .page-products-naillacquer .block-custom-rank--item:nth-of-type(4) .block-custom-rank--imgs::after {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/rank4.png");
}
.block-custom .page-products-naillacquer .block-custom-rank--item:nth-of-type(5) .block-custom-rank--imgs::after {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/rank5.png");
}
.block-custom .page-products-naillacquer .block-custom-rank--img {
  aspect-ratio: 1;
}
.block-custom .page-products-naillacquer .block-custom-rank--number {
  margin-top: -6px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #000000;
  line-height: 1.5;
}
.block-custom .page-products-naillacquer .block-custom-rank--name {
  text-align: center;
  font-size: 9px;
  font-weight: 500;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #000000;
  line-height: 1.5;
}
.block-custom .page-products-naillacquer .block-custom-gift {
  margin-bottom: 80px;
}
.block-custom .page-products-naillacquer .block-custom-gift--inner {
  padding: 0;
}
.block-custom .page-products-naillacquer .block-custom-gift--title {
  margin-bottom: 20px;
}
.block-custom .page-products-naillacquer .block-custom-gift--items {
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-gift--item {
  padding: 0 7.5px;
}
.block-custom .page-products-naillacquer .block-custom-gift--item-img {
  aspect-ratio: 1;
  margin-bottom: 20px;
}
.block-custom .page-products-naillacquer .block-custom-gift--item-title {
  text-align: center;
  color: #000000;
  margin-bottom: 6px;
}
.block-custom .page-products-naillacquer .block-custom-gift--item-title .en {
  display: block;
  font-size: 18px;
  font-weight: 700;
  font-family: "Times New Roman", "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1;
  letter-spacing: 0.03em;
}
.block-custom .page-products-naillacquer .block-custom-gift--item-title .jp {
  display: block;
  font-size: 10px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 2;
}
.block-custom .page-products-naillacquer .block-custom-gift--item-text {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.5;
  margin-bottom: 22.5px;
}
.block-custom .page-products-naillacquer .block-custom-gift--item-link {
  position: relative;
  margin-inline: auto;
}
.block-custom .page-products-naillacquer .block-custom-gift--item-link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10.5px;
  aspect-ratio: 12/24;
  width: 6px;
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/common/arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.block-custom .page-products-naillacquer .block-custom-gift .js-slick--arrow {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border-radius: 50%;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: calc(32% - 15px);
  width: 30px;
}
.block-custom .page-products-naillacquer .block-custom-gift .js-slick--arrow::after {
  margin: 0;
  top: calc(50% - 5px);
  height: 9px;
  width: 9px;
}
.block-custom .page-products-naillacquer .block-custom-gift .js-slick--next {
  right: 40px;
}
.block-custom .page-products-naillacquer .block-custom-gift .js-slick--next::after {
  margin-right: 4px;
}
.block-custom .page-products-naillacquer .block-custom-gift .js-slick--prev {
  left: 40px;
}
.block-custom .page-products-naillacquer .block-custom-gift .js-slick--prev::after {
  margin-left: 4px;
}
.block-custom .page-products-crystal-rosy .block-custom-read {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/crystal_rosy/read-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-crystal-rosy .block-custom-read__container {
  padding: 24px 0 60px;
}
.block-custom .page-products-crystal-rosy .block-custom-read--main {
  margin-bottom: 65px;
}
.block-custom .page-products-crystal-rosy .block-custom-read--img {
  aspect-ratio: 1;
  width: 300px;
  margin-bottom: 27.5px;
  margin-inline: auto;
}
.block-custom .page-products-crystal-rosy .block-custom-read--head {
  margin-top: -40px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8181818182;
}
.block-custom .page-products-crystal-rosy .block-custom-read--items {
  margin: 0 15px 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
}
.block-custom .page-products-crystal-rosy .block-custom-read--item {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 27.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-read--item-head {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/common/read-head-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 11.5px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 0 10px #B49380;
}
.block-custom .page-products-crystal-rosy .block-custom-read--item-text {
  margin-bottom: 16.5px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7916666667;
}
.block-custom .page-products-crystal-rosy .block-custom-read--item-small {
  font-size: 9px;
  font-weight: 400;
  line-height: 1.5555555556;
  padding: 0 15px;
  margin-top: 25px;
  text-align: center;
}
.block-custom .page-products-crystal-rosy .block-custom-read--bottom {
  margin-inline: auto;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(30%, #E3CFC5), color-stop(60%, #E3CFC5), to(transparent));
  background: linear-gradient(90deg, transparent 0, #E3CFC5 30%, #E3CFC5 60%, transparent 100%);
  padding: 17.5px 0 30px;
}
.block-custom .page-products-crystal-rosy .block-custom-read--bottom-notes {
  font-size: 9px;
  margin-top: 20px;
  padding: 0 20px;
  text-align: right;
}
.block-custom .page-products-crystal-rosy .block-custom-read--bottom-head {
  text-align: center;
  max-width: 250px;
  margin-inline: auto;
  margin-bottom: 17.5px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.5;
  text-shadow: 0 0 10px #B49380;
}
.block-custom .page-products-crystal-rosy .block-custom-read--bottom-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  padding: 0 17.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-read--bottom-item-img {
  aspect-ratio: 220/240;
  margin-bottom: 7.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-read--bottom-item-text {
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  color: #484848;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/naillacquer/ingre-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--inner {
  margin-inline: auto;
  padding: 0 7.5px;
  width: 375px;
  overflow: hidden;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--container {
  padding: 37.5px 0 80px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--content {
  position: relative;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--content::after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1.5px solid #E3CFC5;
  aspect-ratio: 880/800;
  width: 440px;
  z-index: 1;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item-img {
  width: 125px;
  aspect-ratio: 1;
  margin-bottom: -7.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item-img .w160 {
  display: block;
  width: 100px;
  aspect-ratio: 1;
  margin-inline: auto;
  -webkit-transform: translateY(12.5px);
  transform: translateY(12.5px);
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item-name {
  margin-top: -2.5px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item-name .text {
  display: block;
  padding: 4px 19px;
  border-radius: 50px;
  background: #E3CFC5;
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.2;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item-name .toggle {
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/common/toggle.png");
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--items__1 {
  margin-top: -82.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--items__2 {
  margin-top: -47.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--img {
  pointer-events: none;
  width: 260px;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-top: -30px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item__first {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--item__last {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -100px;
  margin-inline: auto;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #666666;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal.is-open {
  visibility: visible;
  opacity: 1;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-bg {
  width: 100%;
  height: 100%;
  position: relative;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 325px;
  aspect-ratio: 650/680;
  background: #ffffff;
  border-radius: 5px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-content::after, .block-custom .page-products-crystal-rosy .block-custom-ingre--modal-content::before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  left: 95%;
  bottom: calc(100% + 20px);
  height: 0.5px;
  width: 30px;
  background: #ffffff;
  aspect-ratio: unset;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-content::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-content::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-img {
  aspect-ratio: 1;
  width: 150px;
  margin-inline: auto;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-img .w200 {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  width: 110px;
  margin-inline: auto;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-texts {
  padding-top: 30px;
  text-align: center;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-head {
  margin-bottom: 15px;
  border-bottom: 2.5px solid #d1a69c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 16px;
  font-weight: 500;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.3636363636;
  padding-bottom: 1.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-text {
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.7857142857;
  margin-bottom: 7.5px;
}
.block-custom .page-products-crystal-rosy .block-custom-ingre--modal-small {
  font-size: 9px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  line-height: 1.5;
  margin-top: 1px;
}
.block-custom .page-products-nailserum .block-custom-read {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/nailserum/read-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-nailserum .block-custom-read__container {
  padding: 24px 0 60px;
}
.block-custom .page-products-nailserum .block-custom-read--item-img1 {
  aspect-ratio: 620/170;
  width: 310px;
  margin-bottom: 28.5px;
  margin-inline: auto;
}
.block-custom .page-products-nailserum .block-custom-read--item-img2 {
  width: 310px;
  aspect-ratio: 620/400;
  margin-inline: auto;
}
.block-custom .page-products-nailserum .block-custom-read--main {
  margin-bottom: 65px;
}
.block-custom .page-products-nailserum .block-custom-read--img {
  aspect-ratio: 1;
  width: 300px;
  margin-bottom: 27.5px;
  margin-inline: auto;
}
.block-custom .page-products-nailserum .block-custom-read--head {
  margin-top: -40px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8181818182;
}
.block-custom .page-products-nailserum .block-custom-read--items {
  margin: 0 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
}
.block-custom .page-products-nailserum .block-custom-read--item {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 27.5px;
}
.block-custom .page-products-nailserum .block-custom-read--item-head {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/common/read-head-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 11.5px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 0 10px #886557;
}
.block-custom .page-products-nailserum .block-custom-read--item-text {
  margin-bottom: 16.5px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6875;
}
.block-custom .page-products-nailserum .block-custom-read--item-small {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5555555556;
  padding: 0 15px;
  margin-top: 25px;
  text-align: center;
}
.block-custom .page-products-nailserum .block-custom-read--item-lists {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px 15px;
  max-width: 275px;
}
.block-custom .page-products-nailserum .block-custom-read--item-list {
  height: 100%;
  padding-bottom: 5.5px;
  position: relative;
  width: 125px;
}
.block-custom .page-products-nailserum .block-custom-read--item-list::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(60%, rgba(255, 255, 255, 0.86)), to(#ffffff));
  background: linear-gradient(transparent 0, rgba(255, 255, 255, 0.86) 60%, #ffffff 100%);
  width: 130px;
  height: 125px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
  z-index: 1;
}
.block-custom .page-products-nailserum .block-custom-read--item-list:nth-of-type(1) {
  width: 180px;
}
.block-custom .page-products-nailserum .block-custom-read--item-list:nth-of-type(1)::after {
  width: 100%;
  height: 125px;
}
.block-custom .page-products-nailserum .block-custom-read--item-list-img {
  position: relative;
  z-index: 3;
  width: 100px;
  aspect-ratio: 1;
  margin-inline: auto;
}
.block-custom .page-products-nailserum .block-custom-read--item-list-img.large {
  width: 165px;
  margin-inline: auto;
  aspect-ratio: 330/200;
}
.block-custom .page-products-nailserum .block-custom-read--item-list-name {
  margin-top: -6.5px;
  position: relative;
  z-index: 3;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  min-height: 44.5px;
}
.block-custom .page-products-nailserum .block-custom-read--item-list-name .line {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: block;
  border-bottom: 2.5px solid #E1CDC3;
}
.block-custom .page-products-nailremover .block-custom-read {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/nailremover/read-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-nailremover .block-custom-read__container {
  padding: 40px 0 60px;
}
.block-custom .page-products-nailremover .block-custom-read--main {
  margin-bottom: 35px;
}
.block-custom .page-products-nailremover .block-custom-read--img {
  aspect-ratio: 1;
  width: 300px;
  margin-bottom: 27.5px;
  margin-inline: auto;
}
.block-custom .page-products-nailremover .block-custom-read--head {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8181818182;
}
.block-custom .page-products-nailremover .block-custom-read--items {
  margin: 0 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
}
.block-custom .page-products-nailremover .block-custom-read--item {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 27.5px;
}
.block-custom .page-products-nailremover .block-custom-read--item-head {
  background-image: url("../../../img/decorte2023/sp/custom/naillacquer_series/common/read-head-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 14px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 0 10px #886557;
}
.block-custom .page-products-nailremover .block-custom-read--item-text {
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7916666667;
}
.block-custom .page-products-nailremover .block-custom-read--item-small {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5555555556;
  padding: 0 15px;
  max-width: 345px;
  margin-inline: auto;
}
.block-custom .page-products-nailremover .block-custom-read--item-lists {
  padding: 0 15px;
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 7.5px;
  margin-inline: auto;
  max-width: 345px;
}
.block-custom .page-products-nailremover .block-custom-read--item-list {
  padding-bottom: 15px;
  position: relative;
}
.block-custom .page-products-nailremover .block-custom-read--item-list::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(60%, rgba(255, 255, 255, 0.86)), to(#ffffff));
  background: linear-gradient(transparent 0, rgba(255, 255, 255, 0.86) 60%, #ffffff 100%);
  width: 100px;
  height: 125px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
  z-index: 1;
}
.block-custom .page-products-nailremover .block-custom-read--item-list-img {
  position: relative;
  z-index: 3;
  width: 100px;
  aspect-ratio: 1;
  margin-inline: auto;
}
.block-custom .page-products-nailremover .block-custom-read--item-list-name {
  margin-top: -6.5px;
  position: relative;
  z-index: 3;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  min-height: 44.5px;
}
.block-custom .page-products-nailremover .block-custom-read--item-list-name .line {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: block;
  border-bottom: 2.5px solid #E1CDC3;
}


.block-custom .page-products-rose_essence_cleansing_water {
  font-size: 12px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  /*toggle*/
  /*toggle END*/
}
.block-custom .page-products-rose_essence_cleansing_water h1, .block-custom .page-products-rose_essence_cleansing_water h2, .block-custom .page-products-rose_essence_cleansing_water h3, .block-custom .page-products-rose_essence_cleansing_water h4, .block-custom .page-products-rose_essence_cleansing_water dt, .block-custom .page-products-rose_essence_cleansing_water dd, .block-custom .page-products-rose_essence_cleansing_water li, .block-custom .page-products-rose_essence_cleansing_water p, .block-custom .page-products-rose_essence_cleansing_water span, .block-custom .page-products-rose_essence_cleansing_water small, .block-custom .page-products-rose_essence_cleansing_water th, .block-custom .page-products-rose_essence_cleansing_water td, .block-custom .page-products-rose_essence_cleansing_water figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-rose_essence_cleansing_water .detailbtn {
  background: #000000;
  padding: 8px 12px;
  line-height: 1.4;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
  cursor: pointer;
}
.block-custom .page-products-rose_essence_cleansing_water .detailbtn:hover {
  background: #B17884;
}
.block-custom .page-products-rose_essence_cleansing_water sup {
  font-size: 0.5em;
  vertical-align: top;
}
.block-custom .page-products-rose_essence_cleansing_water .block-custom-contents {
  position: relative;
}
.block-custom .page-products-rose_essence_cleansing_water .block-custom-contents-title {
  height: 80px;
  background: linear-gradient(90deg, #F0CFD6, #FAEDF2);
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000000;
  margin-bottom: 20px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-custom-contents-box {
  width: 96%;
  max-width: 480px;
  margin: 0 auto;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.7);
}
.block-custom .page-products-rose_essence_cleansing_water .block-lead {
  width: 100%;
  background: linear-gradient(180deg, #FFF5F8, #F8E1E6);
}
.block-custom .page-products-rose_essence_cleansing_water .block-lead-wrap {
  width: 100%;
  padding: 40px 10px;
  text-align: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-lead-txt {
  font-size: 13px;
  margin-bottom: 15px;
  line-height: 1.8;
  text-align: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-lead-txt:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature {
  padding-bottom: 20px;
  background: url(/decorte/img/decorte2023/sp/custom/rose_essence_cleansing_water/feature_bg.png) no-repeat center top;
  background-size: cover;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-h4title {
  background: url(/decorte/img/decorte2023/sp/custom/rose_essence_cleansing_water/feature_title_bg.png) no-repeat center top;
  background-size: cover;
  padding: 20px 10px;
  text-align: center;
  color: #D35675;
  border-radius: 4px;
  font-size: 18px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-h4title strong {
  font-size: 28px;
  font-weight: 500;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-h5title {
  width: calc(100% - 30px);
  margin: 0 auto 20px;
  color: #D35675;
  background: #ffffff;
  font-size: 15px;
  line-height: 1.4;
  padding: 8px 12px;
  text-align: left;
  border: solid 1px #D35675;
  border-radius: 40px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-h5title strong {
  font-size: 1.1em;
  margin-right: 0.5em;
  font-weight: 500;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-h5title span {
  line-height: 1.4;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px 30px;
  flex-direction: column;
  text-align: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box p {
  margin-bottom: 12px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box p:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image1 {
  width: 150px;
  margin-bottom: 20px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image2 {
  width: 160px;
  margin-right: 20px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image3 {
  display: flex;
  justify-content: center;
  width: 320px;
  margin: 15px auto 0;
  flex-wrap: wrap;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image3-item {
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: linear-gradient(135deg, #fbe3e9, #fdfafc 50%, #fbe3e9);
  border-radius: 50%;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image3-item:nth-of-type(1) {
  margin-right: 20px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image3-item:nth-of-type(2) {
  margin-top: 20px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image3-item:nth-of-type(3) {
  margin-top: -20px;
  margin-right: 33px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image3-item img {
  width: 120px;
  margin-top: -10px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-image3-item span {
  font-size: 11px;
  text-align: center;
  line-height: 1.4;
  display: block;
  margin-top: -10px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-txt3 {
  width: 100%;
  text-align: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-box-notice {
  font-size: 9px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-feature-notice {
  font-size: 9px;
  line-height: 1.6;
  margin-top: 15px;
  width: 100%;
}
.block-custom .page-products-rose_essence_cleansing_water .block-prescription {
  padding-bottom: 30px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-prescription-lead {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-prescription-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 220px;
  margin: 0 auto 10px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-prescription-box-image {
  width: 100px;
  margin-bottom: 20px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-prescription-notice {
  font-size: 9px;
  text-align: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-cotton {
  padding-bottom: 30px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-cotton-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.block-custom .page-products-rose_essence_cleansing_water .block-cotton-box-image {
  width: 240px;
  margin-bottom: 10px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-cotton-box-txt {
  text-align: center;
}
.block-custom .page-products-rose_essence_cleansing_water .block-cotton-box-txt-lead {
  font-size: 12px;
  margin-bottom: 15px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-cotton-box-txt-name {
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-cotton-box-txt .detailbtn {
  display: inline-block;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  padding: 8% 2% 4%;
  height: 50%;
  border-radius: 8px;
}
.block-custom .page-products-rose_essence_cleansing_water .block-section3 .modal-close {
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  color: #000000;
  width: auto;
  font-weight: 400;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-btn {
  cursor: pointer;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-wrap {
  height: 100%;
  overflow-y: auto;
  padding: 30px 5px 5px;
  scrollbar-color: #f0f0f0 #ffffff;
  width: 100%;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata {
  background: #F4E8EA;
  padding: 10px 15px 10px;
  border-radius: 8px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-title {
  text-align: center;
  margin: -25px auto 10px;
  height: 30px;
  display: block;
  padding: 5px 16px;
  border-radius: 30px;
  background: #E6CFD3;
  color: #804B54;
  display: block;
  width: 160px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dashed 1px #A68A8F;
  flex-wrap: wrap;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box-category {
  font-size: 12px;
  width: 100%;
  text-align: center;
  margin-bottom: 4%;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box-list {
  width: 100%;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box-list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box-list-item:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box-list-item-name {
  font-size: 10px;
  border-radius: 4px;
  height: 40px;
  width: calc(100% - 61px);
  background: #E6D5D8;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  line-height: 1.3;
}
.block-custom .page-products-rose_essence_cleansing_water .modal-makeupdata-box-list-item-image {
  width: 56px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
}
.block-custom .page-products-rose_essence_cleansing_water .togglebtn {
  cursor: pointer;
  display: inline-block;
  margin-top: 15px;
}
.block-custom .page-products-rose_essence_cleansing_water .togglebtn.open {
  display: none;
}
.block-custom .page-products-rose_essence_cleansing_water .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
.block-custom .page-products-rose_essence_cleansing_water .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.block-custom .page-products-rose_essence_cleansing_water .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.block-custom .page-products-rose_essence_cleansing_water .downarrow {
  width: 30px;
  height: 30px;
  background: #D35675;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}
.block-custom .page-products-rose_essence_cleansing_water .downarrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}

.block-custom .page-products-rosyglowrizer {
  background-color: #b3b3b3;
  color: #231815;
  padding-bottom: 60px;
  position: relative;
}
.block-custom .page-products-rosyglowrizer h2 {
  display: none;
}
.block-custom .page-products-rosyglowrizer .block-custom-bg {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-rosyglowrizer .block-custom-bg::before, .block-custom .page-products-rosyglowrizer .block-custom-bg::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  content: "";
  left: 0;
  position: absolute;
  height: 100vh;
  width: 100%;
}
.block-custom .page-products-rosyglowrizer .block-custom-bg::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/bg_a.jpg);
  top: 0;
}
.block-custom .page-products-rosyglowrizer .block-custom-bg::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/bg_b.jpg);
  bottom: 0;
  opacity: 0;
  transition: 0.4s;
}
.block-custom .page-products-rosyglowrizer .block-custom-bg.-fixed {
  position: fixed;
}
.block-custom .page-products-rosyglowrizer .block-custom-bg.-bottom::after {
  opacity: 1;
}
.block-custom .page-products-rosyglowrizer .block-custom-decoration--petal {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 10;
  margin-top: -80px;
  opacity: 0;
  transition: 0.8s ease-out;
}
.block-custom .page-products-rosyglowrizer .block-custom-decoration--petal.-viewActive {
  margin-top: 0;
  opacity: 0.8;
}
.block-custom .page-products-rosyglowrizer .block-custom-decoration--petal.-viewActive.-blurOut {
  filter: blur(30px);
  opacity: 0;
}
.block-custom .page-products-rosyglowrizer .block-custom-decoration--petal__01 {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/decoration_petal_a.png);
  height: min(50vw, 392px);
  right: max(-3.8vw, -30px);
  top: min(143vw, 1118px);
  width: min(98vw, 766px);
}
.block-custom .page-products-rosyglowrizer .block-custom-decoration--petal__02 {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/decoration_petal_b.png);
  height: min(37.4vw, 292px);
  right: max(-16vw, -126px);
  top: min(74.8vw, 584px);
  width: min(39.7vw, 310px);
}
.block-custom .page-products-rosyglowrizer .block-custom-decoration--petal__03 {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/decoration_petal_c.png);
  height: min(63.8vw, 498px);
  right: max(-73.8vw, -576px);
  top: max(-24.3vw, -190px);
  width: min(107.9vw, 842px);
}
.block-custom .page-products-rosyglowrizer .block-custom-decoration--petal__04 {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/decoration_petal_b.png);
  bottom: max(-10vw, -78px);
  height: min(37.4vw, 292px);
  left: min(11.7vw, 92px);
  width: min(39.7vw, 310px);
}
.block-custom .page-products-rosyglowrizer .block-custom-intro {
  overflow: hidden;
  padding-bottom: min(23vw, 180px);
  position: relative;
}
.block-custom .page-products-rosyglowrizer .block-custom-intro.-viewSpotted::before {
  filter: blur(0);
}
.block-custom .page-products-rosyglowrizer .block-custom-intro::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/visual.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: min(166vw, 1300px);
  margin-bottom: min(23vw, 180px);
  position: relative;
  width: 100%;
  z-index: 1;
  filter: blur(30px);
  transition: 0.8s ease-out;
}
.block-custom .page-products-rosyglowrizer .block-custom-intro::after {
  background-color: #ffffff;
  border-bottom-left-radius: 100% min(77vw, 600px);
  border-bottom-right-radius: 100% min(77vw, 600px);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: -24.4%;
  bottom: 0;
  z-index: 0;
  width: 148.8%;
}
.block-custom .page-products-rosyglowrizer .block-custom-intro--lead {
  font-size: min(4vw, 32px);
  font-weight: 300;
  position: relative;
  text-align: center;
  z-index: 1;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature {
  margin: -60px auto 60px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item {
  background-color: #ffffff;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  position: relative;
  text-align: center;
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(30px);
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item__02 {
  z-index: 1;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item-movie {
  border-radius: 16px;
  margin: 0 auto 20px;
  overflow: hidden;
  width: 60%;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item-movie video-js {
  background: none;
  pointer-events: none;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item-movie video-js .vjs-control-bar {
  display: none;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item dt {
  align-items: center;
  background-color: #f5C8C4;
  display: flex;
  font-size: 16px;
  font-weight: 300;
  justify-content: center;
  margin-bottom: 20px;
  min-height: 50px;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item dd:not([class]) {
  font-size: 15px;
  font-weight: 500;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item dd:not([class]):has(figure) {
  margin-bottom: 20px;
}
.block-custom .page-products-rosyglowrizer .block-custom-feature--item figure {
  border-radius: 16px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  width: 60%;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients {
  margin-bottom: 60px;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--main-container {
  padding: 60px 0;
  position: relative;
  z-index: 1;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--bg {
  background-color: #ffffff;
  border-bottom-left-radius: 100% min(77vw, 600px);
  border-bottom-right-radius: 100% min(77vw, 600px);
  border-top-left-radius: 100% min(77vw, 600px);
  border-top-right-radius: 100% min(77vw, 600px);
  content: "";
  display: block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: -24.4%;
  top: 0;
  width: 148.8%;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--bg-effect {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transform: scale(0);
  position: absolute;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--bg-effect.-active {
  opacity: 0;
  transform: scale(10);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--bg-effect__a {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/ingredients_effect_a.png);
  right: max(-57.6vw, -450px);
  top: max(-4vw, -36px);
  height: min(45.6vw, 358px);
  width: min(139vw, 1087px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--bg-effect__b {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/ingredients_effect_b.png);
  left: min(16vw, 125.4px);
  top: min(82.5vw, 644px);
  height: min(37.8vw, 296px);
  width: min(123vw, 961px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--bg-effect__c {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/ingredients_effect_c.png);
  left: max(-28vw, -220px);
  bottom: max(-6.6vw, -52px);
  height: min(41.2vw, 323px);
  width: min(167.4vw, 1306px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--title {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 60px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--list {
  height: min(139.7vw, 1090px);
  position: relative;
  width: 100%;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item {
  position: absolute;
  width: 20%;
  filter: blur(60px);
  opacity: 0;
  transition: 0.8s ease-out;
  transform: translateY(30px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item.-viewSpotted {
  filter: none;
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item figcaption {
  font-size: min(2.4vw, 18px);
  text-align: center;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__01, .block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__02, .block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__03 {
  width: 28%;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__01 figcaption, .block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__02 figcaption, .block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__03 figcaption {
  font-size: min(3vw, 24px);
  font-weight: 500;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__01 {
  left: 8.9%;
  top: min(57.1vw, 446px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__02 {
  left: 36%;
  top: min(28.7vw, 224px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__03 {
  right: 8.9%;
  top: min(57.1vw, 446px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__04 {
  left: 5%;
  top: min(24.3vw, 190px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__05 {
  left: 24.87%;
  top: 0;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__06 {
  right: 24.87%;
  top: 0;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__07 {
  right: 5%;
  top: min(24.3vw, 190px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__08 {
  left: 5%;
  top: min(95.1vw, 742px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__09 {
  left: 40%;
  top: min(82.8vw, 646px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__10 {
  bottom: 0;
  right: 24.87%;
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--item__11 {
  right: 5%;
  top: min(95.1vw, 742px);
}
.block-custom .page-products-rosyglowrizer .block-custom-ingredients--notes {
  font-size: 8px;
  font-weight: 300;
  line-height: 1.5;
  margin: 20px auto 0;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--container {
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 auto;
  padding-bottom: 30px;
  position: relative;
  width: calc(100% - 40px);
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(30px);
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--container.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--title {
  align-items: center;
  background-color: #E6E6E6;
  display: flex;
  font-size: 16px;
  font-weight: 300;
  height: 50px;
  justify-content: center;
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list {
  padding-left: 10px;
  width: 100%;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list .js-slick--arrow {
  border-radius: 50%;
  height: 30px;
  top: 10px;
  width: 30px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list .js-slick--arrow::after {
  border-color: #ffffff;
  margin: 0;
  height: 10px;
  width: 10px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list .js-slick--arrow.js-slick--prev {
  background-color: #EB9B94;
  left: 10px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list .js-slick--arrow.js-slick--prev::after {
  margin-left: 5px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list .js-slick--arrow.js-slick--next {
  background-color: #EBBB93;
  right: 10px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list .js-slick--arrow.js-slick--next::after {
  margin-right: 5px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--list .js-slick--arrow.slick-disabled {
  background-color: #CCCCCC;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products {
  padding: 0 10px;
  text-align: center;
  width: min(61.5vw, 440px);
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products:not(.slick-active) {
  opacity: 0.4;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products__a .block-custom-lineup--products-catch {
  color: #DB3A2C;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products__a .block-custom-lineup--products-feature dt {
  background-color: #F5C8C4;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products__b .block-custom-lineup--products-catch {
  color: #DB7E2C;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products__b .block-custom-lineup--products-feature dt {
  background-color: #F5DBC4;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-catch {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-image {
  margin-bottom: 20px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-name {
  font-size: 10px;
  font-weight: 300;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-sample-image {
  margin: 30px auto 20px;
  width: 100%;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature.block-custom-lineup--products-feature__target dd {
  align-items: center;
  display: flex;
  margin-left: 10%;
  position: relative;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature.block-custom-lineup--products-feature__target dd:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature.block-custom-lineup--products-feature__target dd::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rosyglowrizer/icon_lineup_products_target.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  content: "";
  height: 18px;
  margin-right: 10px;
  width: 20px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature dt {
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature dd {
  font-size: 10px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature dd:has(strong) {
  margin: 20px 0 10px;
}
.block-custom .page-products-rosyglowrizer .block-custom-lineup--products-feature dd strong {
  border-bottom: 1px solid;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}

.page-product-rougedecorte.block-custom {
  background-color: #000000;
  padding: 0 0 60px !important;
}
.page-product-rougedecorte .block-custom--subject {
  max-width: 1280px;
  color: #ffffff;
  margin: 0 auto 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.page-product-rougedecorte .block-custom--subject .txt {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
}
.page-product-rougedecorte .leadBlock {
  max-width: 1280px;
  margin: 0 auto 60px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
.page-product-rougedecorte .leadBlock__image {
  width: 100%;
}
.page-product-rougedecorte .leadBlock__txt {
  width: 100%;
  background: #ffffff;
  padding: 30px 15px;
  font-size: 12px;
  text-align: center;
}
.page-product-rougedecorte .leadBlock__txt p {
  margin-bottom: 20px;
}
.page-product-rougedecorte .leadBlock__txt .title {
  font-size: 24px;
  margin-bottom: 30px;
}
.page-product-rougedecorte .leadBlock__txt .leadmore {
  cursor: pointer;
  font-size: 14px;
  border-bottom: solid 1px #666666;
  padding-bottom: 10px;
  display: inline-block;
}
.page-product-rougedecorte .leadBlock__txt .leadmore.on {
  display: none;
}
.page-product-rougedecorte .leadBlock__txt .leadmoretxt {
  opacity: 0;
  height: 0;
  transition: all 1s ease;
}
.page-product-rougedecorte .leadBlock__txt .leadmoretxt.on {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.page-product-rougedecorte .movieBlock {
  width: 100%;
  margin: 0 auto 100px;
  position: relative;
  display: block;
  max-width: 1280px;
}
.page-product-rougedecorte .movieBlock .fullwidth {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.page-product-rougedecorte .typeBlock {
  width: inherit;
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  justify-content: center;
  align-items: flex-start;
  margin: 0 10px 60px;
  background: #ffffff;
  padding: 30px 8%;
}
.page-product-rougedecorte .typeBlock__block {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 15px;
}
.page-product-rougedecorte .typeBlock__block:last-of-type {
  margin-bottom: 0;
}
.page-product-rougedecorte .typeBlock__block .image {
  width: 45%;
  text-align: right;
}
.page-product-rougedecorte .typeBlock__block .image img {
  max-width: 120px;
  margin: 0 0 0 auto;
}
.page-product-rougedecorte .typeBlock__block .txtblock {
  width: 50%;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.page-product-rougedecorte .typeBlock__block .name {
  font-size: 14px;
}
.page-product-rougedecorte .typeBlock__block .num {
  font-size: 14px;
}
.page-product-rougedecorte .typeBlock__block .txt {
  font-size: 12px;
}
.page-product-rougedecorte .makeupBlock {
  width: inherit;
  max-width: 1280px;
  margin: 0 10px 60px;
  background: #ffffff;
  padding: 30px 30px 5px;
}
.page-product-rougedecorte .makeupBlock .makeupList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-product-rougedecorte .makeupBlock .makeupList__item {
  width: 45%;
  text-align: center;
  margin-bottom: 25px;
}
.page-product-rougedecorte .makeupBlock .makeupList__item .txt {
  display: block;
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .js-modal-window--main-container {
  padding: 50px 20px 30px;
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
  flex-direction: column;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .image {
  max-width: 240px;
  width: 80%;
  margin: 0 auto 30px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information {
  width: 100%;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .lead {
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .subtitle {
  width: 100%;
  border-bottom: solid 1px #666666;
  font-size: 15px;
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .howtoimage {
  width: 100%;
  max-width: 160px;
  margin: 10px auto 20px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .howtotxt {
  width: auto;
  counter-reset: item;
  padding-left: 12px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .howtotxt li {
  margin-bottom: 10px;
  font-size: 12px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .howtotxt li::before {
  counter-increment: item;
  content: counter(item);
  display: inline-block;
  margin-left: -1em;
  margin-right: 0.5em;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .category {
  width: 9%;
  max-width: 80px;
  font-size: 11px;
  white-space: nowrap;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .makedataList {
  width: 87%;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .makedataList__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-size: 11px;
  margin: 0 0 12px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .makedataList__item span {
  word-break: normal;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .makedataList__item .tama {
  width: calc(100% - 380px);
  min-width: 30px;
  margin-left: 10px;
  flex-shrink: 0;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .makedataList__item .tama img {
  width: auto;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .makedataList__item .mark {
  display: inline-block;
  padding: 1px 3px;
  border: solid 1px #666666;
  margin: 0;
  font-size: 10px;
}
.page-product-rougedecorte .makeupBlock .makeupList__detail .information .column .makedataList__item .color {
  white-space: nowrap;
}
.page-product-rougedecorte .capsuleBlock {
  width: inherit;
  margin: 0 10px 100px;
  max-width: 1280px;
  display: block;
}
.page-product-rougedecorte .capsuleBlock__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
  width: 100%;
  background: #ffffff;
  padding: 30px;
  margin-bottom: 20px;
}
.page-product-rougedecorte .capsuleBlock__item:last-of-type {
  margin-bottom: 0;
}
.page-product-rougedecorte .capsuleBlock__item .title {
  text-align: center;
  font-size: 20px;
  display: inline-block;
  margin: 0 auto 15px;
}
.page-product-rougedecorte .capsuleBlock__item .subtitle {
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
}
.page-product-rougedecorte .capsuleBlock__item .image {
  margin-bottom: 20px;
}
.page-product-rougedecorte .capsuleBlock__item .txt {
  text-align: center;
  font-size: 13px;
}
.page-product-rougedecorte .pickupItem {
  width: inherit;
  max-width: 1280px;
  margin: 0 10px 60px;
  background: #ffffff;
  padding: 30px;
  display: block;
  justify-content: center;
  align-items: center;
}
.page-product-rougedecorte .pickupItem__image {
  width: 80%;
  max-width: 240px;
  margin: 0 auto 20px;
}
.page-product-rougedecorte .pickupItem__txt {
  width: 100%;
}
.page-product-rougedecorte .pickupItem__txt .lead {
  font-size: 18px;
  margin-bottom: 20px;
}
.page-product-rougedecorte .pickupItem__txt .copy {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-rougedecorte .pickupItem__txt .txt {
  font-size: 12px;
  margin-bottom: 20px;
}
.page-product-rougedecorte .pickupItem__txt .link {
  width: 80%;
  max-width: 300px;
  margin: auto;
  display: block;
}
.page-product-rougedecorte .campaignBlock {
  padding: 20px 15px;
  margin: 0 10px;
  text-align: center;
  background: #ffffff;
}
.page-product-rougedecorte .campaignBlock__date {
  padding: 5px 10px;
  background: #666666;
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
}
.page-product-rougedecorte .campaignBlock__name {
  font-size: 18px;
  margin-bottom: 40px;
}
.page-product-rougedecorte .campaignBlock__txt {
  font-size: 12px;
  margin-bottom: 40px;
  text-align: left;
}
.page-product-rougedecorte .campaignBlock__layout {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-product-rougedecorte .campaignBlock__detail {
  text-align: left;
  width: 100%;
  font-size: 12px;
  order: 2;
}
.page-product-rougedecorte .campaignBlock__detail .sub {
  padding: 8px 12px;
  background: #666666;
  color: #ffffff;
  font-size: 12px;
  margin-bottom: 15px;
  display: inline-block;
}
.page-product-rougedecorte .campaignBlock__detail p {
  margin-bottom: 20px;
}
.page-product-rougedecorte .campaignBlock__detail p:last-of-type {
  margin-bottom: 0;
}
.page-product-rougedecorte .campaignBlock__detail .sample {
  float: right;
  width: 40%;
  max-width: 200px;
}
.page-product-rougedecorte .campaignBlock__image {
  width: 80%;
  max-width: 240px;
  border: solid 1px #cccccc;
  order: 1;
  margin: 0 auto 40px;
}
.page-product-rougedecorte .small {
  font-size: 0.8em;
}


#comment8 .block-custom{
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* margin-top: 20px; */
  margin: 20px calc((100% - 85.6%) / -2) 0;
  color: #000;
}
@media screen and (min-width: 901px), print {
  #comment8 .block-custom{
    margin: 20px 0 0;
  }
}
 .block-custom .page-products-rougedecorte-creamglow .block-custom-main-visual img{
  width: 100%;
  height: auto;
 }

.block-custom .page-products-rougedecorte-creamglow h1, .block-custom .page-products-rougedecorte-creamglow h2, .block-custom .page-products-rougedecorte-creamglow h3, .block-custom .page-products-rougedecorte-creamglow h4, .block-custom .page-products-rougedecorte-creamglow dt, .block-custom .page-products-rougedecorte-creamglow dd, .block-custom .page-products-rougedecorte-creamglow li, .block-custom .page-products-rougedecorte-creamglow p, .block-custom .page-products-rougedecorte-creamglow span, .block-custom .page-products-rougedecorte-creamglow small, .block-custom .page-products-rougedecorte-creamglow th, .block-custom .page-products-rougedecorte-creamglow td, .block-custom .page-products-rougedecorte-creamglow figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-rougedecorte-creamglow sup {
  font-size: 10px;
  vertical-align: top;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents#color .block-custom-contents--title::before {
  transform: scaleX(-1);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents#texture .block-custom-contents--title::before {
  transform: scaleX(-1);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents--title {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  justify-content: center;
  line-height: 1.3;
  min-height: 60px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  font-weight: 300;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-contents--title {
    font-size: 30px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents--title::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/bg_contents_title.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents--title span {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-intro-area {
  background-color: #f8eee9;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-intro {
  background: rgb(247, 236, 230);
  background: linear-gradient(0deg, rgb(229, 217, 221) 0%, rgb(247, 236, 230) 100%);
  padding: 30px 20px;
  text-align: center;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-intro--movie {
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 40px;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-intro--catch {
  font-size: 20px;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-intro--lead {
  font-size: 14px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-intro--catch {
    font-size: 24px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-intro--lead {
    font-size: 16px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-intro--lead:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav-area {
  background-color: #f8eee9;
  padding-bottom: 40px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav {
  background-color: #ffffff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-weight: 500;
  min-height: 75px;
  line-height: 1.3;
  padding-bottom: 8px;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button {
    font-size: 14px;
  }

}






.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button::after {
  bottom: 20px;
  border-width: 1px;
  height: 7px;
  transform: rotate(135deg);
  right: calc(50% - 3px);
  top: auto;
  width: 7px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button:nth-child(1) {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/nav_button_01.jpg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button:nth-child(2) {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/nav_button_02.jpg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button:nth-child(3) {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/nav_button_03.jpg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button:nth-child(4) {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/nav_button_04.jpg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button:nth-child(5) {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/nav_button_05.jpg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-contents-nav--button:nth-child(6) {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/nav_button_06.jpg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about {
  background: rgb(229, 217, 221);
  background: linear-gradient(180deg, rgb(229, 217, 221) 0%, rgb(248, 238, 233) 100%);
  padding-bottom: 60px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about .block-custom-contents--title {
  margin-bottom: 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--lead-container {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 auto 40px;
  padding: 40px 0;
  text-align: center;
  width: calc(100% - 30px);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--catch {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--lead {
  font-size: 12px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--catch {
    font-size: 24px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--lead {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--lead:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-title {
  align-items: center;
  background: rgb(247, 243, 240);
  background: linear-gradient(60deg, rgb(247, 243, 240) 0%, rgb(229, 217, 221) 100%);
  color: #c3657c;
  display: flex;
  font-size: 20px;
  justify-content: center;
  line-height: 1.5;
  margin: 0 auto 30px;
  min-height: 85px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-list {
  margin: 0 auto;
  width: calc(100% - 30px);
}

@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-title {
    font-size: 28px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-title br{
    display: none;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-list {
    display: flex;
    flex-wrap: wrap;
  }
}






.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  padding: 0 15px 15px;
}

@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item {
    flex: 0 0 50%;
    box-sizing: border-box;
    margin-bottom: 15px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item:nth-child(2n) {
      border-left: 1px solid rgba(255, 255, 255, 0.8);
  }
}




.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item:not(:last-child) {
  margin-bottom: 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item:nth-child(2) .block-custom-about--feature-item-thumbnail {
  margin-right: -7px;
  width: 110px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item-caption {
  font-size: 12px;
  line-height: 1.5;
  min-width: 220px;
}

@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item-caption {
    min-width: auto;
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item-caption br:not(strong br) {
    display: none;
  }
}




.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item-caption strong {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item-thumbnail {
  width: 95px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-notes {
  font-size: 8px;
  line-height: 2;
  margin: 20px auto 0;
  text-align: right;
  width: calc(100% - 30px);
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-item-thumbnail {
    margin-left: 20px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-about--feature-notes {
    font-size: 10px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-modal-area, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;

  opacity: 0;
  visibility: hidden;
    will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-modal-close, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-modal-close {
  font-size: 0;
  position: absolute;
  right: 10px;
  top: -34px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-modal-close::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-modal-close::after, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-container, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-container {
  background-color: #ffffff;
  border-radius: 7px;
  /* height: calc(100% - 220px); */
  height: auto;
  padding: 20px 10px;
  position: relative;
  width: calc(100% - 30px);
  box-sizing: border-box;
}

.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-modal-return {
  border: 1px solid #333333;
  bottom: 40px;
  font-size: 13px;
  height: 40px;
  left: 15%;
  position: absolute;
  text-align: center;
  width: 70%;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-modal-return::before {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  left: 0;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  transform: rotate(-135deg);
  width: 8px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-modal-return::before {
  left: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-container {
  align-items: center;
  display: flex;
  padding-bottom: 100px;
  min-height: 510px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-container{
    padding: 20px 30px 88px;
    max-width: 900px;
    height: auto;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-container {
    max-width: 900px;
    height: auto;
    min-height: auto;
    padding: 40px 0 100px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-slide {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-slide {
    max-width: 740px;
    padding: 0 50px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-slide .js-slick--arrow {
  top: calc(32% - 15px);
  /* position: absolute;
  bottom: -20px;
  cursor: pointer;
  padding: 6px 10px; */
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-slide .js-slick--arrow.js-slick--prev {
  left: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-slide .js-slick--arrow.js-slick--next {
  right: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-slide .js-slick--arrow::after {
  height: 14px;
  width: 14px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-lead {
  font-size: 12px;
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-frame {
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  height: 350px;
  margin-left: 15px;
  margin-bottom: 15px;
  padding-bottom: 4px;
  padding-left: 4px;
  position: relative;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-frame {
    max-width: 452px;
    margin: 20px auto;
    transform: scale(1.2);
    transform-origin: top;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-frame::before {
  border: 3px solid transparent;
  border-bottom: 6px solid #000000;
  border-top: none;
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -6px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-frame-label {
  font-size: 7px;
  line-height: 1;
  position: absolute;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-frame-label__01 {
  left: -15px;
  top: 0;
  width: 1em;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-frame-label__02 {
  bottom: -15px;
  left: 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-frame-label__03 {
  right: 0;
  bottom: -15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-scroll-button {
  /* -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  font-size: 0;
  height: 40px;
  position: absolute;
  right: -4px;
  top: calc(50% - 35px);
  width: 40px;
  z-index: 1;
  align-items: center;
  display: flex;
  justify-content: center; */
  display: none;
}
/* .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-scroll-button::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-scroll-button::after {
  border-left: 1px solid #848484;
  border-top: 1px solid #848484;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  width: 11px;
  transform: rotate(135deg);
} */
/* .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-scroll-button::before {
  margin-right: 14px;
} */
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-scroll-container {
  overflow-x: scroll;
  height: 345px;
  width: 100%;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
  /* Chrome, Safari 対応 */
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-scroll-container {
    height: auto;

  }
}



.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-scroll-container::-webkit-scrollbar {
  display: none;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-image {
  height: 340px;
  position: relative;
  width: 452px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-image img {
  max-width: fit-content;
  height: 340px;
  width: 452px;
}

/* @media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-image {
    height: auto;
    width: 100%;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-image img {
    max-width: fit-content;
    height: auto;
    width: 100%;
    max-width: 450px;
  }
} */

.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-image #color_map_point {
  left: 0;
  position: absolute;
  top: 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--zoom-map-image #color_map_point g {
  cursor: pointer;
  opacity: 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-image {
  padding-left: 18%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-top: -10px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-caption {
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-name {
    font-size: 18px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--detail-caption {
    font-size: 16px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--container {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--container:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--visual {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--contents-area {
  background: rgb(229, 217, 221);
  background: linear-gradient(180deg, rgb(229, 217, 221) 0%, rgb(248, 238, 233) 100%);
  padding: 15px 15px 60px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--intro {
  padding: 30px 10px;
  text-align: center;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--intro-catch {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 20px;
}

.block-custom .page-products-rougedecorte-creamglow .block-custom-color--intro-lead {
  font-size: 12px;
  margin-bottom: 30px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--intro-catch {
    font-size: 24px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--intro-lead {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--intro-image {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--map {
  padding: 30px 10px;
  text-align: center;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-title {
    font-size: 24px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-image {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 580px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-more {
  align-items: center;
  background-color: #333333;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  margin: 30px auto 0;
  min-height: 40px;
  position: relative;
  width: 75%;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-more::before {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-more::after {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: 0.4s;
  transform: rotate(90deg);
  width: 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-more::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--map-more::after {
  right: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades {
  padding: 30px 10px;
  text-align: center;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav {
  margin: 20px auto 0;
  width: calc(100% - 10px);
  display: flex;
  flex-wrap: wrap;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item {
  width: 20%;
  padding: 8px 6px 6px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item::before {
  border: 2px solid #d3aeba;
  border-radius: 10px;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item__current::before {
  content: "";
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item img {
  margin: 0 auto 6px;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item figcaption {
  font-size: 10px;
  line-height: 1;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item:nth-of-type(29) {
  order: -3;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item:nth-of-type(30) {
  order: -2;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item:nth-of-type(31) {
  order: -1;
  margin-right: 40%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--shades-nav-item span {
  background: #CD4545;
  color: #ffffff;
  font-size: 8px;
  padding: 3px 5px;
  margin-top: 5px;
  line-height: 1.4;
  display: block;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column {
  padding: 30px 20px;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-title {
  border-bottom: 1px solid;
  color: #c3657c;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  padding-bottom: 6px;
  text-align: center;
  width: 100%;
}

.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-image {
  margin: 0 auto 20px;
  width: 46%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-description {
  font-size: 12px;
  margin-bottom: 20px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-title {
    font-size: 20px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-description {
    font-size: 14px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-comparison {
  background-color: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin: 0 auto;
  padding: 15px;
  width: 300px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-comparison-caption {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-comparison-item {
  text-align: center;
  width: 40%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-comparison-item figcaption {
  display: block;
  font-size: 9px;
  margin-top: 4px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin: 20px auto 0;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process__open .block-custom-color--column-original-process-title::after {
  transform: rotate(0deg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-title {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 1em 0;
  position: relative;
  text-align: center;
  width: 100%;
  cursor: pointer;
  background-color: #fff;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-title {
    font-size: 14px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-title::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-title::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 2px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: calc(50% - 1px);
  width: 16px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-title::after {
  transform: rotate(90deg);
  transition: 0.4s;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-flow {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 10px 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-step {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-step:not(:last-child)::after {
  border: 8px solid transparent;
  border-left: 8px solid #d9d9d9;
  border-right: none;
  content: "";
  display: block;
  position: absolute;
  right: -14px;
  top: calc(12% - 8px);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-step img {
  margin: 0 auto;
  max-width: 100px;
  display: block;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-step figcaption {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  text-align: justify;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-step:not(:last-child)::after {
    top: 20%;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-color--column-original-process-step figcaption {
    font-size: 12px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect {
  margin-bottom: 60px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect .block-custom-contents--title {
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--container {
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--figure-area {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_lip.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -20px 0;
  height: 270px;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group {
  border-radius: 10px;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__a {
  background-color: #e5d9dd;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__a::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_pointer_a.png);
  bottom: -56px;
  right: calc(50% - 110px);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__a .block-custom-effect--group-title {
  background-color: #d3aeba;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__a .block-custom-effect--item span::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__a .block-custom-effect--item span::after {
  background-color: #d7b4bf;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__b {
  background-color: #f8eee9;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__b::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_pointer_b.png);
  left: calc(50% - 110px);
  top: -56px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__b .block-custom-effect--group-title {
  background-color: #e3c6b8;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__b .block-custom-effect--item span::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group__b .block-custom-effect--item span::after {
  background-color: #eacec0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  content: "";
  height: 56px;
  position: absolute;
  width: 42px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group-title {
  align-items: center;
  border-radius: 10px 10px 0 0;
  display: flex;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  min-height: 40px;
  justify-content: center;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group-lead {
  font-size: 13px;
  margin-bottom: 20px;
  text-align: center;
}

.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item {
  align-items: center;
  background-color: #ffffff;
  border-radius: 23px;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  height: 45px;
  justify-content: center;
  margin: 0 auto;
  padding-left: 10px;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group-title {
    font-size: 22px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--group-lead {
    font-size: 16px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item:not(:last-child) {
  margin-bottom: 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 62px;
  left: -10px;
  position: absolute;
  top: -15px;
  width: 70px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item__01::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_item_marker_01.png);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item__02::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_item_marker_02.png);
  left: -3px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item__03::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_item_marker_03.png);
  left: -6px;
  top: -17px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item__04::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_item_marker_04.png);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item__05::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/effect_item_marker_05.png);
  left: -3px;
  top: -14px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item span {
  font-size: 0;
  height: 20px;
  position: absolute;
  right: 20px;
  width: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item span::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item span::after {
  display: block;
  content: "";
  height: 2px;
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  width: 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--item span::after {
  transform: rotate(90deg);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--notes {
  font-size: 8px;
  line-height: 1.5;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--notes {
    font-size: 10px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--notes:nth-of-type(1) {
  margin-top: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--notes:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;

  opacity: 0;
  visibility: hidden;

    will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_01 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_02 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-title {
  border-bottom: 2px solid #d7b4bf;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-title {
  border-bottom: 2px solid #eacec0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_01 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_02 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-title {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_01 .block-custom-effect--detail-image, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_02 .block-custom-effect--detail-image, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-image {
  width: 50%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-modal-close {
  right: 25px;
  top: 16px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-modal-close {
    right: calc(50% - 450px);
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-title {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container {
  border: 10px solid #ffffff;
  height: calc(100% - 120px);
  overflow-y: scroll;
  padding: 10px 6px 10px 10px;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 30px;
    padding: 20px 34px 20px 40px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::before, .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: sticky;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::before {
  top: -21px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::after {
  bottom: -21px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::-webkit-scrollbar {
  background-color: #ffffff;
  width: 4px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::-webkit-scrollbar-thumb {
  background: #cccccc;
  width: 4px;
  border-radius: 2px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-title {
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-image {
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-text-area dd {
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-close {
  font-size: 0;
  position: absolute;
  right: 10px;
  top: -34px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-container {
  background-color: #ffffff;
  border-radius: 7px;
  padding: 20px;
  position: relative;
  width: calc(100% - 30px);
  max-width: 640px;
  box-sizing: border-box;
}

.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-image {
  margin: 0 auto 20px;
  pointer-events: none;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-text-area dt {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-text-area dd {
  font-size: 12px;
  text-align: justify;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 900px;
    padding: 30px 50px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-title {
    width: 100%;
    font-size: 20px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-title br {
    display: none;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-image {
    align-items: center;
    display: flex;
    height: 240px;
    justify-content: center;
    margin: 0 0 0 60px;
    max-width: 240px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-text-area{
    margin-right: 0;
    padding-left: 20px;
    width: 420px;
    box-sizing: border-box;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-text-area dt {
    font-size: 18px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-text-area dd {
    font-size: 14px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients {
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients {
    max-width: 350px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients:not(:last-child) {
  margin-bottom: 40px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients-image {
  margin: 0 auto 10px;
  pointer-events: none;
  width: 50%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients dt {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients dd {
  font-size: 12px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients-image {
    width: auto;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients dt {
    font-size: 18px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-effect--detail-ingredients dd {
    font-size: 14px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-texture--container {
  align-items: center;
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/bg_texture.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px 15px 60px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-texture--image {
  margin-bottom: 15px;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-texture--lead {
  color: #ffffff;
  font-size: 13px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-texture--lead {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-other-contents {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-other-contents--title {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 45px;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking {
  margin-bottom: 60px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list {
  display: flex;
  gap: 10px;
  margin: 0 auto;
  width: calc(100% - 30px);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list-item {
  padding-top: 40px;
  position: relative;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list-item:nth-child(1) .block-custom-ranking--list-item-rank {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/ranking_ribbon_gold.png);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list-item:nth-child(2) .block-custom-ranking--list-item-rank {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/ranking_ribbon_silver.png);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list-item:nth-child(3) .block-custom-ranking--list-item-rank {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/ranking_ribbon_bronze.png);
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list-item-rank {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/ranking_ribbon_basic.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: "Times New Roman";
  font-size: 15px;
  height: 27px;
  left: calc(50% - 9px);
  line-height: 1;
  padding-left: 0.1em;
  padding-top: 5px;
  position: absolute;
  top: 0;
  text-align: center;
  width: 18px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list-item img {
  margin: 0 auto;
  width: 90%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-ranking--list-item-name {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 10px;
  text-align: center;
  word-break: keep-all;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-list {
  display: flex;
  gap: 60px;
  justify-content: center;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-list .js-slick--arrow {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  align-items: center;
  display: flex;
  background-color: #ffffff;
  border-radius: 50%;
  height: 30px;
  justify-content: center;
  top: calc(32% - 15px);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-list .js-slick--arrow::after {
  margin: 0;
  top: calc(50% - 5px);
  height: 9px;
  width: 9px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-list .js-slick--prev {
  /* left: 14%; */
  left: 5%;
  padding-left: 5px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-list .js-slick--next {
  padding-right: 5px;
  /* right: 14%; */
  right: 5%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service {
  padding: 0 8px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-thumbnail {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-name {
  font-size: 18px;
  font-family: "Times New Roman";
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-name span {
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 10px;
  display: block;
  line-height: 1;
  margin-top: 6px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-lead {
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-more a {
  align-items: center;
  background-color: #444444;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  margin: 0 auto;
  padding: 0.9em;
  position: relative;
  text-decoration: none;
  width: 80%;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-more a::after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  width: 8px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-gift--service-more a::after {
  right: 16px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup {
  margin-bottom: 60px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box {
  width: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  font-size: 12px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item {
  width: 100%;
  padding: 5px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-copy {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box{
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-copy {
    font-size: 20px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-name {
    font-size: 18px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-subject {
    font-size: 16px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-image {
  margin: 0 auto 10px;
  width: 300px;
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-subject {
  padding: 15px 0;
  background: #f0f0f0;
  font-size: 14px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-subject span {
  display: block;
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-txt {
  padding: 15px 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-txt-sub {
  border: solid 1px #b4b4b4;
  padding: 5px 8px;
  display: block;
  margin: 0 5px 5px;
  font-weight: 300;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-list {
  padding: 0;
  margin: 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-list li {
  list-style: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 8px;
  text-align: left;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-list li:before {
  content: "";
  display: block;
  width: 16px;
  height: 13px;
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-box-item-list li:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-navi {
  padding: 20px 10px 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-navi-item {
  width: 120px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #7E5454;
  background: #F0D9DB;
  position: relative;
  margin: 0 2px 20px;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-navi-item {
  font-size: 16px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-navi-item::after {
  content: none;
  display: block;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 24px;
  height: 12px;
  background: #F0D9DB;
  position: absolute;
  bottom: -12px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-navi-item.slick-current {
  color: #ffffff;
  background: #AD5963;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-navi-item.slick-current::after {
  content: "";
  background-color: #AD5963;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-navi .slick-track {
  transform: unset !important;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-notice {
  width: 100%;
  margin: 20px auto 0;
  font-size: 8px;
  padding: 0 10px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-notice {
    font-size: 10px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-slide .slick-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #C06978;
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: -9000px;
  overflow: hidden;
  z-index: 200;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-slide .slick-arrow::before {
  display: none;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-slide .slick-arrow::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 2px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-slide .slick-prev {
  top: 135px;
  left: 10px;
}
.block-custom .page-products-rougedecorte-creamglow .block-custom-lineup .block-section6-slide .slick-next {
  top: 135px;
  right: 10px;
  transform: rotate(180deg);
}
.block-custom .page-products-rougedecorte-creamglow .block-section3 {
  background: linear-gradient(90deg, #e5d9dd, #f7f3f0);
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-title {
  height: 80px;
  background: linear-gradient(90deg, #914049, #CD727C);
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-weight: 300;
}

.block-custom .page-products-rougedecorte-creamglow .block-section3-title span {
  color: #ffffff;
  font-size: 10px;
  padding: 3px 8px;
  display: block;
  margin-top: 5px;
  background: #A14D57;
  font-weight: 300;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-section3-title {
    font-size: 30px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-section3-title span {
    font-size: 12px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body {
  padding: 20px 0px;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi {
  width: 96%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3%;
  flex-wrap: wrap;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi {
    justify-content: center;
    gap: 4px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi-item {
  background: #ffffff;
  padding: 4% 2%;
  width: calc(33.3333333333% - 4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid 3px #ffffff;
  cursor: pointer;
  transition: all 0.5s ease;
  margin-bottom: 6px;
  box-sizing: border-box;
}

.block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi-item.active, .block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi-item:hover {
  border: solid 3px #AB555F;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi-item-name {
  margin-bottom: 15px;
  font-size: 12px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi-item {
    width: calc(20% - 4px);
  }
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi-item-name {
    font-size: 16px;
    min-height: 74px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-navi-item-image {
  width: 90px;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content {
  width: 96%;
  max-width: 480px;
  margin: auto;
  padding: 10% 4% 4%;
  background: #ffffff;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item.active {
  display: flex;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-name {
  width: 100%;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-name {
    font-size: 18px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-image {
  width: 240px;
  margin: 0 auto 5%;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-txt {
  width: 100%;
  margin-top: 5%;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto {
  background: #F4E8EA;
  padding: 15px 15px 5px;
  border-radius: 8px;
  display: block;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-title {
  text-align: center;
  margin: -30px auto 15px;
  height: 30px;
  display: block;
  padding: 5px 16px;
  border-radius: 20px;
  background: #E6CFD3;
  color: #804B54;
  width: 140px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-abcd {
  width: 77px;
  float: right;
  margin: 0 0 15px 15px;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-txt {
  margin-bottom: 12px;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-txt strong {
  font-size: 12px;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-txt ol {
  counter-reset: listnum;
  list-style: none;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-txt ol li {
  font-size: 11px;
  padding-left: 16px;
  position: relative;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-abcd {
    width: 90px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-txt strong {
     font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-txt ol li {
    font-size: 13px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-howto-txt ol li::before {
  counter-increment: listnum;
  content: counter(listnum);
  display: block;
  width: 13px;
  height: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1px #666666;
  font-size: 8px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 3px;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-btn {
  background: #000000;
  border-radius: 4px;
  width: 150px;
  height: 40px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 12px;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-btn {
    font-size: 15px;
  }

}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-btn::after {
  content: "";
  display: block;
  width: 15px;
  height: 17px;
  margin-left: 10px;
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamglow/modalicon.png);
  background-size: contain;
}
.block-custom .page-products-rougedecorte-creamglow .block-section3-body-content-item-btn:hover {
  background: #A14D57;
}
.block-custom .page-products-rougedecorte-creamglow .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;

  opacity: 0;
  visibility: hidden;
}
.block-custom .page-products-rougedecorte-creamglow .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  padding: 8% 2% 4%;
  height: 70%;
  border-radius: 8px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .modal-container {
    padding: 60px 40px 30px;
    max-width: 800px
  }
}

.block-custom .page-products-rougedecorte-creamglow .block-section3 .modal-close {
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  color: #000000;
  width: auto;
  font-weight: 400;
  background-color: transparent;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .block-section3 .modal-close {
    font-size: 16px;
  }
}
.block-custom .page-products-rougedecorte-creamglow .modal-btn {
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamglow .modal-wrap {
  height: 100%;
  overflow-y: auto;
  padding: 30px 5px 5px;
  scrollbar-color: #f0f0f0 #ffffff;
  width: 100%;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata {
  background: #F4E8EA;
  padding: 10px 15px 10px;
  border-radius: 8px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-title {
  text-align: center;
  margin: -25px auto 10px;
  height: 30px;
  display: block;
  padding: 5px 16px;
  border-radius: 30px;
  background: #E6CFD3;
  color: #804B54;
  display: block;
  width: 160px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dashed 1px #A68A8F;
  flex-wrap: wrap;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-category {
  font-size: 12px;
  width: 100%;
  text-align: center;
  margin-bottom: 4%;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-list {
  width: 100%;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-category {
    width: 90px;
    font-size: 16px;
  }
  .block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-list {
    width: calc(100% - 100px);
  }
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-list-item:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-list-item-name {
  font-size: 10px;
  border-radius: 4px;
  height: 40px;
  width: calc(100% - 61px);
  background: #E6D5D8;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  line-height: 1.3;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-list-item-name {
    font-size: 16px;
  }
}


.block-custom .page-products-rougedecorte-creamglow .modal-makeupdata-box-list-item-image {
  width: 56px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
}

.block-custom .page-products-rougedecorte-creamsatin {
  /*toggle*/
  /*toggle END*/
}
.block-custom .page-products-rougedecorte-creamsatin h1, .block-custom .page-products-rougedecorte-creamsatin h2, .block-custom .page-products-rougedecorte-creamsatin h3, .block-custom .page-products-rougedecorte-creamsatin h4, .block-custom .page-products-rougedecorte-creamsatin dt, .block-custom .page-products-rougedecorte-creamsatin dd, .block-custom .page-products-rougedecorte-creamsatin li, .block-custom .page-products-rougedecorte-creamsatin p, .block-custom .page-products-rougedecorte-creamsatin span, .block-custom .page-products-rougedecorte-creamsatin small, .block-custom .page-products-rougedecorte-creamsatin th, .block-custom .page-products-rougedecorte-creamsatin td, .block-custom .page-products-rougedecorte-creamsatin figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-rougedecorte-creamsatin sup {
  font-size: 10px;
  vertical-align: top;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents-title {
  height: 80px;
  background: linear-gradient(90deg, #914049, #CD727C);
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 300;
  color: #ffffff;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-contents-title {
    font-size: 30px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents-title span {
  color: #ffffff;
  font-size: 10px;
  padding: 3px 8px;
  display: block;
  margin-top: 5px;
  background: #A14D57;
  font-weight: 300;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents#color .block-custom-contents--title::before {
  transform: scaleX(-1);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents#texture .block-custom-contents--title::before {
  transform: scaleX(-1);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents--title {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  justify-content: center;
  line-height: 1.3;
  min-height: 60px;
  padding: 0 10px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents--title::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/bg_contents_title.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-contents--title span {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamsatin .block-lead {
  width: 100%;
  /*background: linear-gradient(90deg, #f0e4e7, #f0e4e7 50%, #fefbfc 50% 100%);*/
}
.block-custom .page-products-rougedecorte-creamsatin .block-lead-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 250px;
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/lead_bg.png) no-repeat center bottom;
  /* background-size: 750px; */
  background-size: cover;
}
.block-custom .page-products-rougedecorte-creamsatin .block-lead-txtarea {
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-lead-title {
  font-size: 20px;
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-lead-txt {
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 1.8;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-lead-title {
    font-size: 30px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-lead-txt {
    font-size: 16px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-lead-notice {
  font-size: 8px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-navi {
  display: flex;
  gap: 2px;
  margin: 0 auto;
  padding: 10px 0;
  width: 100%;
  /* max-width: 480px; */
  justify-content: center;
  flex-wrap: wrap;
}
.block-custom .page-products-rougedecorte-creamsatin .block-navi-btn {
  width: calc(33.3333333333% - 5px);
  height: 80px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/navi_btn_bg.png) no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  transition: all 0.5s ease;
}
.block-custom .page-products-rougedecorte-creamsatin .block-navi-btn::after {
  content: "";
  display: block;
  background: #ffffff;
  width: 12px;
  height: 6px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin-top: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-navi-btn:hover {
  opacity: 0.7;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature {
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/feature_bg.png) no-repeat center center;
  background-size: cover;
  padding-bottom: 40px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature .block-custom-contents--title {
  margin-bottom: 40px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-lead {
  text-align: center;
  padding: 30px 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-lead-title {
  font-size: 16px;
  margin-bottom: 20px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-feature-lead-title {
    font-size: 24px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-lead-txt {
  margin-bottom: 20px;
  line-height: 1.8;
  font-size: 12px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-lead-txt:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-title {
  color: #A43448;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-feature-lead-title {
    font-size: 24px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-feature-lead-txt {
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-feature-title {
    font-size: 24px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-title::after {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  max-width: 300px;
  background: linear-gradient(90deg, transparent, #a43448 35% 65%, transparent);
  margin-top: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-list-item {
  width: 94%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 15px;
  border-radius: 4px;
  margin: 0 auto 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-feature-list {
    flex-direction: row;
    max-width: 635px;
    gap: 5px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-feature-list-item {
    width: auto;
    flex: 0 0 calc(50% - 5px);
    margin-bottom: 5px;
  }
}

.block-custom .page-products-rougedecorte-creamsatin .block-feature-list-item-image {
  width: 120px;
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-list-item-txt {
  width: calc(100% - 140px);
  font-size: 11px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-list-item-txt strong {
  font-size: 13px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-feature-notice {
  text-align: right;
  font-size: 8px;
  width: 94%;
  margin: 0 auto;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-modal-area, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;

  opacity: 0;
  visibility: hidden;

    will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-modal-close, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-close {
  font-size: 0;
  position: absolute;
  right: 10px;
  top: -34px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-modal-close::before, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-modal-close::after, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-container, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-container {
  background-color: #ffffff;
  border-radius: 7px;
  height: calc(100% - 220px);
  padding: 20px 10px;
  position: relative;
  width: calc(100% - 30px);
  max-width: 900px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-return {
  border: 1px solid #333333;
  bottom: 40px;
  font-size: 13px;
  height: 40px;
  left: 15%;
  position: absolute;
  text-align: center;
  width: 70%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-return::before {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  left: 0;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  transform: rotate(-135deg);
  width: 8px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-return::before {
  left: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-container {
  align-items: center;
  display: flex;
  height: auto;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-container {
    min-height: auto;
    padding: 40px 0;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide {
  margin: 0 auto;
  padding: 0;
  /* width: 400px; */
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide {
    max-width: 740px;
    max-width: inherit;
    padding: 0 50px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide .js-slick--arrow {
  top: calc(32% - 15px);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide .js-slick--arrow.js-slick--prev {
  left: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide .js-slick--arrow.js-slick--next {
  right: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide .js-slick--arrow::after {
  height: 14px;
  width: 14px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide .js-slick--arrow.js-slick--prev {
    left: 20px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-slide .js-slick--arrow.js-slick--next {
    right: 20px;
  }
}

.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-lead {
  font-size: 12px;
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-frame {
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  height: 350px;
  margin-left: 15px;
  margin-bottom: 15px;
  padding-bottom: 4px;
  padding-left: 4px;
  position: relative;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-frame::before {
  border: 3px solid transparent;
  border-bottom: 6px solid #000000;
  border-top: none;
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -6px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-frame-label {
  font-size: 7px;
  line-height: 1;
  position: absolute;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-frame-label__01 {
  left: -15px;
  top: 0;
  width: 1em;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-frame-label__02 {
  bottom: -15px;
  left: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-frame-label__03 {
  right: 0;
  bottom: -15px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-scroll-button {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  font-size: 0;
  height: 40px;
  position: absolute;
  right: -4px;
  top: calc(50% - 35px);
  width: 40px;
  z-index: 1;
  align-items: center;
  display: flex;
  justify-content: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-scroll-button::before, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-scroll-button::after {
  border-left: 1px solid #848484;
  border-top: 1px solid #848484;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  width: 11px;
  transform: rotate(135deg);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-scroll-button::before {
  margin-right: 14px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-scroll-container {
  overflow-x: scroll;
  height: 345px;
  width: 100%;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
  /* Chrome, Safari 対応 */
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-scroll-container::-webkit-scrollbar {
  display: none;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-image {
  height: 340px;
  position: relative;
  width: 452px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-image img {
  max-width: fit-content;
  height: 340px;
  width: 452px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-image #color_map_point {
  left: 0;
  position: absolute;
  top: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-image #color_map_point g {
  cursor: pointer;
  opacity: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-image {
  padding-left: 18%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-name > span {
  font-size: 0.9em;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-caption {
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  /* .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail {
    position: relative;
    display: flex;
    height: 310px;
    padding: 50px 0;
  } */
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-image {
    /* position: absolute;
    left: 0;
    top: 50px;
    padding: 0; */
    /* max-width: 420px; */
    margin: 0 auto;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-caption {
    /* line-height: 1.5;
    margin-left: 50%;
    text-align: center;
    width: 50%; */
    font-size: 16px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-name {
    /* width: 50%;
    margin-left: 50%; */
    font-size: 18px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--container {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--container:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--visual {
  margin: 0 auto;
  width: 94%;
  max-width: 360px;
  padding: 20px 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--contents-area {
  background: rgb(229, 217, 221);
  background: linear-gradient(180deg, rgb(229, 217, 221) 0%, rgb(248, 238, 233) 100%);
  padding: 15px 15px 60px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--intro {
  padding: 30px 10px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--intro-catch {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--intro-lead {
  font-size: 12px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--intro-catch {
    font-size: 24px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--intro-catch br {
    display: none;
  }

  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--intro-lead{
    font-size: 16px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--intro-image {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--map {
  padding: 30px 0 20px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--map-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--map-title {
    font-size: 24px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--map-wrap {
  width: 100%;
  margin: auto;
  /* overflow-x: auto; */
  padding-bottom: 5%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--map-image {
  margin: 0 auto;
  position: relative;
  /* width: 340px; */
  width: 100%;
  /* max-width: 340px; */
  max-width: 430px;
  /* padding: 0 20px; */
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--map-image #color_map_point {
  left: 0;
  position: absolute;
  top: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--map-image #color_map_point g {
  cursor: pointer;
  opacity: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades {
  padding: 30px 10px;
  text-align: center;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-title {
    font-size: 24px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-nav {
  margin: 20px auto 0;
  width: calc(100% - 10px);
  display: flex;
  flex-wrap: wrap;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-nav-item {
  width: 20%;
  padding: 8px 6px 6px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-nav-item::before {
  border: 2px solid #d3aeba;
  border-radius: 10px;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-nav-item__current::before {
  content: "";
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-nav-item img {
  margin: 0 auto 6px;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-nav-item figcaption {
  font-size: 10px;
  line-height: 1;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--shades-nav-item figcaption > span {
  font-size: 0.9em;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column {
  padding: 30px 20px;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-title {
  border-bottom: 1px solid;
  color: #c3657c;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  padding-bottom: 6px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-image {
  margin: 0 auto 20px;
  width: 80%;
  max-width: 200px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-description {
  font-size: 12px;
  margin-bottom: 20px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-title {
    font-size: 20px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-description {
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-image {
    max-width: 260px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-comparison {
  background-color: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin: 0 auto;
  padding: 15px;
  /* width: 300px; */
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-comparison-caption {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-comparison-item {
  text-align: center;
  width: 40%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-comparison-item figcaption {
  display: block;
  font-size: 9px;
  margin-top: 4px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin: 20px auto 0;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process__open .block-custom-color--column-original-process-title::after {
  transform: rotate(0deg);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-title {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 1em 0;
  position: relative;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-title {
    font-size: 14px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-title::before, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-title::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 2px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: calc(50% - 1px);
  width: 16px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-title::after {
  transform: rotate(90deg);
  transition: 0.4s;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-flow {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 10px 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-step {
  position: relative;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-step:not(:last-child)::after {
  border: 8px solid transparent;
  border-left: 8px solid #d9d9d9;
  border-right: none;
  content: "";
  display: block;
  position: absolute;
  right: -14px;
  top: calc(12% - 8px);
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-step:not(:last-child)::after {
    top: 20%;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-step img {
  margin: 0 auto;
  max-width: 100px;
  display: block;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-step figcaption {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  text-align: justify;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--column-original-process-step figcaption > span {
  font-size: 0.9em;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect {
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect .block-custom-contents--title {
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--container {
  margin: 0 auto;
  width: calc(100% - 30px);
  padding: 20px 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--figure-area {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_lip.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -20px auto;
  height: 270px;
  width: 60%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group {
  border-radius: 10px;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__a {
  background-color: #e5d9dd;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__a::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_pointer_a.png);
  bottom: -56px;
  right: calc(50% - 110px);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__a .block-custom-effect--group-title {
  background-color: #d3aeba;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__a .block-custom-effect--item span::before, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__a .block-custom-effect--item span::after {
  background-color: #d7b4bf;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__b {
  background-color: #f8eee9;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__b::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_pointer_b.png);
  left: calc(50% - 110px);
  top: -56px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__b .block-custom-effect--group-title {
  background-color: #e3c6b8;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__b .block-custom-effect--item span::before, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group__b .block-custom-effect--item span::after {
  background-color: #eacec0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  content: "";
  height: 56px;
  position: absolute;
  width: 42px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group-title {
  align-items: center;
  border-radius: 10px 10px 0 0;
  display: flex;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  min-height: 40px;
  justify-content: center;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group-lead {
  font-size: 13px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item {
  align-items: center;
  background-color: #ffffff;
  border-radius: 23px;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  height: 45px;
  justify-content: center;
  margin: 0 auto;
  padding-left: 10px;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group-title {
    font-size: 22px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--group-lead {
    font-size: 16px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item:not(:last-child) {
  margin-bottom: 15px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 62px;
  left: -10px;
  position: absolute;
  top: -15px;
  width: 70px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item__01::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_item_marker_01.png);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item__02::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_item_marker_02.png);
  left: -3px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item__03::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_item_marker_03.png);
  left: -6px;
  top: -17px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item__04::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_item_marker_04.png);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item__05::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/effect_item_marker_05.png);
  left: -3px;
  top: -14px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item span {
  font-size: 0;
  height: 20px;
  position: absolute;
  right: 20px;
  width: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item span::before, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item span::after {
  display: block;
  content: "";
  height: 2px;
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  width: 15px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--item span::after {
  transform: rotate(90deg);
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--notes {
  font-size: 8px;
  line-height: 1.5;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--notes:nth-of-type(1) {
  margin-top: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--notes:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;

  opacity: 0;
  visibility: hidden;

  will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_01 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_02 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-title {
  border-bottom: 2px solid #d7b4bf;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-title {
  border-bottom: 2px solid #eacec0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_01 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_02 .block-custom-effect--detail-title, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-title {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_01 .block-custom-effect--detail-image, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_02 .block-custom-effect--detail-image, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-image {
  width: 50%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-modal-close {
  right: 25px;
  top: 16px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-modal-close {
  right: 25px;
  top: 16px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-modal-close {
    right: calc(50% - 450px);
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-modal-close {
    right: calc(50% - 450px);
    top: calc(50% - 322px);
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-title {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container {
  border: 5px solid #ffffff;
  height: calc(100% - 120px);
  overflow-y: scroll;
  padding: 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container {
    justify-content: center;
    column-gap: 30px;
    padding: 20px 34px 20px 40px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::before, .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: sticky;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::before {
  top: -21px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::after {
  bottom: -21px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::-webkit-scrollbar {
  background-color: #ffffff;
  width: 4px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container::-webkit-scrollbar-thumb {
  background: #cccccc;
  width: 4px;
  border-radius: 2px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container dd {
  text-align: left;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_03 .block-custom-effect--detail-container dd {
    text-align: center;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-title {
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-image {
  width: 90%;
  max-width: 264px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_04 .block-custom-effect--detail-text-area dd {
  text-align: left;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-container {
  border: 5px solid #ffffff;
  height: calc(100% - 120px);
  overflow-y: auto;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area#effect_05 .block-custom-effect--detail-container {
    height: auto;
    min-height: 360px;
    padding: 30px 50px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-close {
  font-size: 0;
  position: absolute;
  right: 10px;
  top: -34px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-container {
  background-color: #ffffff;
  border-radius: 7px;
  padding: 20px;
  position: relative;
  width: calc(100% - 30px);
  max-width: 900px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-container {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-wrap: wrap;
    column-gap: 20px;
    padding: 30px 50px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-image {
  margin: 0 auto 20px;
  pointer-events: none;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-text-area dt {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-text-area dd {
  font-size: 12px;
  text-align: justify;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients {
  text-align: center;
  width: 48%;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients {
    max-width: 350px;

  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients-image {
  margin: 0 auto 10px;
  pointer-events: none;
  width: 90%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients dt {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients dd {
  font-size: 12px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients dd br {
  display: none;
}

@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients dt {
    font-size: 18px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients dd {
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-ingredients dd br {
    display: block;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-notes {
  margin-top: 10px;
  font-size: 8px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-title {
    font-size: 22px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-title br {
    display: none;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-image {
    align-items: center;
    display: flex;
    height: 240px;
    justify-content: center;
    margin: 0 0 0 60px;
    width: 100%;
    max-width: 240px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-text-area {
    margin-right: 0;
    padding-left: 20px;
    width: 420px;
    box-sizing: border-box;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-text-area dt {
    font-size: 18px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-text-area dd{
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-notes {
    font-size: 11px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto 0;
  flex-wrap: wrap;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item {
  padding: 0 10px;
  text-align: center;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item:nth-of-type(1) {
  width: 100%;
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item:nth-of-type(2), .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item:nth-of-type(3) {
  width: 50%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item img {
  width: 150px;
  margin: 0 auto;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item > span {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison {
    max-width: 640px;
  }
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item:nth-of-type(1),
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item:nth-of-type(2),
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-comparison-item:nth-of-type(3) {
  width: 180px;
}
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-texture {
  background: rgb(229, 217, 221);
  background: linear-gradient(90deg, rgb(229, 217, 221) 0%, rgb(247, 243, 240) 100%);
  padding-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-texture--container {
  background: #ffffff;
  border-radius: 4px;
  padding: 25px;
  width: 94%;
  margin: 20px auto 0;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-texture--image {
  margin: 0 auto 15px;
  width: 80%;
  max-width: 200px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-texture--lead {
  font-size: 12px;
  text-align: left;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-texture--lead {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-other-contents {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-other-contents--title {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 45px;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup {
  margin-bottom: 60px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box {
  width: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  font-size: 12px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item {
  width: 100%;
  padding: 5px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-copy {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-image {
  margin: 0 auto 10px;
  width: 300px;
  margin-bottom: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box{
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-copy {
    font-size: 20px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-name {
    font-size: 18px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-subject {
  padding: 15px 0;
  background: #f0f0f0;
  font-size: 14px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-subject span {
  display: block;
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-txt {
  padding: 15px 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-txt-sub {
  border: solid 1px #b4b4b4;
  padding: 5px 8px;
  display: block;
  margin: 0 5px 5px;
  font-weight: 300;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-list {
  padding: 0;
  margin: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-list li {
  list-style: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 8px;
  text-align: left;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-list li:before {
  content: "";
  display: block;
  width: 16px;
  height: 13px;
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-box-item-list li:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-navi {
  padding: 20px 10px 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-navi-item {
  width: 120px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #7E5454;
  background: #F0D9DB;
  position: relative;
  margin: 0 2px 20px;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-navi-item {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-navi-item::after {
  content: none;
  display: block;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 24px;
  height: 12px;
  background: #F0D9DB;
  position: absolute;
  bottom: -12px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-navi-item.slick-current {
  color: #ffffff;
  background: #AD5963;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-navi-item.slick-current::after {
  content: "";
  background-color: #AD5963;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-navi .slick-track {
  transform: unset !important;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-notice {
  width: 100%;
  margin: 20px auto 0;
  font-size: 8px;
  padding: 0 10px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-notice {
  font-size: 10px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-slide .slick-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #C06978;
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: -9000px;
  overflow: hidden;
  z-index: 200;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-slide .slick-arrow::after {
  content: "";
  width: 9px;
  height: 9px;
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 2px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-slide .slick-prev {
  top: 135px;
  left: 10px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-custom-lineup .block-section6-slide .slick-next {
  top: 135px;
  right: 10px;
  transform: rotate(180deg);
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3 {
  background: linear-gradient(90deg, #e5d9dd, #f7f3f0);
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-title {
  height: 80px;
  background: linear-gradient(90deg, #914049, #CD727C);
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 300;
  color: #ffffff;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-section3-title {
    font-size: 30px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-title span {
  color: #ffffff;
  font-size: 10px;
  padding: 3px 8px;
  display: block;
  margin-top: 5px;
  background: #A14D57;
  font-weight: 300;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body {
  padding: 20px 0px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi {
  width: 96%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3%;
  flex-wrap: wrap;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi-item {
  background: #ffffff;
  padding: 4% 2%;
  width: calc(33.3333333333% - 4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid 3px #ffffff;
  cursor: pointer;
  transition: all 0.5s ease;
  margin-bottom: 6px;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi-item.active, .block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi-item:hover {
  border: solid 3px #AB555F;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi-item-name {
  margin-bottom: 15px;
  font-size: 12px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi-item-name {
    font-size: 16px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi-item-name > span {
  font-size: 0.9em;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-navi-item-image {
  width: 90px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content {
  width: 96%;
  max-width: 480px;
  margin: auto;
  padding: 10% 4% 4%;
  background: #ffffff;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item.active {
  display: flex;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-name {
  width: 100%;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-name {
    font-size: 18px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-name > span {
  font-size: 0.9em;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-image {
  width: 240px;
  margin: 0 auto 5%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-txt {
  width: 100%;
  margin-top: 5%;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto {
  background: #F4E8EA;
  padding: 15px 15px 5px;
  border-radius: 8px;
  display: block;
  margin-bottom: 20px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-title {
  text-align: center;
  margin: -30px auto 15px;
  height: 30px;
  display: block;
  padding: 5px 16px;
  border-radius: 20px;
  background: #E6CFD3;
  color: #804B54;
  width: 140px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-abcd {
  width: 77px;
  float: right;
  margin: 0 0 15px 15px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-txt {
  margin-bottom: 12px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-txt strong {
  font-size: 12px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-txt ol {
  counter-reset: listnum;
  list-style: none;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-txt ol li {
  font-size: 11px;
  padding-left: 16px;
  position: relative;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-abcd {
    width: 90px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-txt strong {
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-txt ol li {
    font-size: 13px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-howto-txt ol li::before {
  counter-increment: listnum;
  content: counter(listnum);
  display: block;
  width: 13px;
  height: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1px #666666;
  font-size: 8px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 3px;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-btn {
  background: #000000;
  border-radius: 4px;
  width: 150px;
  height: 40px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 12px;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-btn {
    font-size: 15px;
  }

}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-btn::after {
  content: "";
  display: block;
  width: 15px;
  height: 17px;
  margin-left: 10px;
  background: url(/decorte/img/decorte2023/sp/custom/rougedecorte_creamsatin/modalicon.png);
  background-size: contain;
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3-body-content-item-btn:hover {
  background: #A14D57;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;

 opacity: 0;
 visibility: hidden;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  padding: 8% 2% 4%;
  height: 70%;
  border-radius: 8px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .modal-container {
    max-width: 800px;
    padding: 60px 40px 30px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .block-section3 .modal-close {
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  color: #000000;
  width: auto;
  font-weight: 400;
  background-color: transparent;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-btn {
  cursor: pointer;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-wrap {
  height: 100%;
  overflow-y: auto;
  padding: 30px 5px 5px;
  scrollbar-color: #f0f0f0 #ffffff;
  width: 100%;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata {
  background: #F4E8EA;
  padding: 10px 15px 10px;
  border-radius: 8px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-title {
  text-align: center;
  margin: -25px auto 10px;
  height: 30px;
  display: block;
  padding: 5px 16px;
  border-radius: 30px;
  background: #E6CFD3;
  color: #804B54;
  display: block;
  width: 160px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dashed 1px #A68A8F;
  flex-wrap: wrap;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-category {
  font-size: 12px;
  width: 100%;
  text-align: center;
  margin-bottom: 4%;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-list {
  width: 100%;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-category {
    width: 90px;
    font-size: 14px;
  }
  .block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-list {
    width: calc(100% - 100px);
}
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-list-item:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-list-item-name {
  font-size: 10px;
  border-radius: 4px;
  height: 40px;
  width: calc(100% - 61px);
  background: #E6D5D8;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  line-height: 1.3;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-list-item-name {
    font-size: 14px;
  }
}
.block-custom .page-products-rougedecorte-creamsatin .modal-makeupdata-box-list-item-image {
  width: 56px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
}
.block-custom .page-products-rougedecorte-creamsatin .togglebtn {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
}
.block-custom .page-products-rougedecorte-creamsatin .togglebtn.open {
  display: none;
}
.block-custom .page-products-rougedecorte-creamsatin .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
.block-custom .page-products-rougedecorte-creamsatin .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.block-custom .page-products-rougedecorte-creamsatin .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.block-custom .page-products-rougedecorte-creamsatin .downarrow {
  width: 30px;
  height: 30px;
  background: #BD9A98;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}
.block-custom .page-products-rougedecorte-creamsatin .downarrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}

.page-product-rougedecorteliquid.block-custom {
  background-color: #000000;
  background-position: center top;
  background-size: 100% auto;
  padding: 1px 20px;
}
.page-product-rougedecorteliquid .block-custom-key-visual {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-lead {
  background-color: #ffffff;
  margin: 0 auto 80px;
  padding: 40px 15px 80px;
  position: relative;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-lead--copy {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button {
  bottom: 60px;
  font-size: 15px;
  line-height: 1;
  position: absolute;
  left: calc(50% - 2em);
  width: 4em;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button::before {
  display: none;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button::after {
  background-color: #000000;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button.js-accordion-trigger__active::before {
  background: none;
  display: block;
  content: "";
  border-left: 1px solid;
  border-top: 1px solid;
  height: 10px;
  left: calc(50% - 7px);
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -0.5em;
  width: 10px;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button.js-accordion-trigger__active::after {
  display: none;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button.js-accordion-trigger__active .open-text {
  display: none;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button.js-accordion-trigger__active .close-text {
  display: inline;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-button .close-text {
  display: none;
}
.page-product-rougedecorteliquid .block-custom-lead--accordion-container {
  font-size: 15px;
  line-height: 2;
  padding-bottom: 40px;
}
.page-product-rougedecorteliquid .block-custom-feature {
  margin: 0 auto 80px;
}
.page-product-rougedecorteliquid .block-custom-feature--title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-feature--container {
  background-color: #ffffff;
  padding: 40px 15px;
}
.page-product-rougedecorteliquid .block-custom-feature--item {
  text-align: center;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-feature--item:first-child {
  margin-bottom: 40px;
}
.page-product-rougedecorteliquid .block-custom-feature--item-image {
  margin-bottom: 20px;
}
.page-product-rougedecorteliquid .block-custom-feature--item-text {
  font-size: 15px;
}
.page-product-rougedecorteliquid .block-custom-texture {
  margin: 0 auto 80px;
}
.page-product-rougedecorteliquid .block-custom-texture--title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-texture--container {
  background-color: #ffffff;
  padding: 40px 15px;
}
.page-product-rougedecorteliquid .block-custom-texture--types {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 40px;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-texture--type {
  width: calc(50% - 5px);
}
.page-product-rougedecorteliquid .block-custom-texture--type:first-child {
  margin-right: 10px;
}
.page-product-rougedecorteliquid .block-custom-texture--type-name {
  border-bottom: 1px solid;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-texture--type-lead {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-texture--type-caption {
  font-size: 10px;
}
.page-product-rougedecorteliquid .block-custom-texture--note {
  font-size: 12px;
  margin: 0 auto 60px;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-texture--detail:not(:last-child) {
  margin-bottom: 60px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-intro {
  margin: 0 auto 40px;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-product-image {
  margin: 0 auto 40px;
  width: 160px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-type-name {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  margin-bottom: 20px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-type-lead {
  font-size: 16px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point {
  border: 1px solid #dbdbdb;
  margin: 0 auto 60px;
  padding: 15px;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-title {
  border-bottom: 1px solid #dbdbdb;
  font-size: 15px;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-image {
  width: 120px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-list:not(:last-child) {
  margin-bottom: 40px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-list-item {
  font-size: 14px;
  margin-bottom: 1em;
  padding-left: 1.5em;
  position: relative;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-list-item::before {
  border: 1px solid;
  border-radius: 0.5em;
  content: "";
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  top: 0.4em;
  width: 1em;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-list-note {
  font-size: 12px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-column {
  display: flex;
  flex-wrap: wrap;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-column-title {
  border-bottom: 1px solid #dbdbdb;
  font-size: 15px;
  line-height: 1;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-column-text {
  font-size: 14px;
  margin-right: 20px;
  width: calc(100% - 120px);
}
.page-product-rougedecorteliquid .block-custom-texture--detail-point-column-image {
  width: 100px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 90%;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color:not(:last-child) {
  margin-bottom: 50px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color-item {
  margin: 0px 15px;
  text-align: center;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color-item-image {
  margin: 0 auto 20px;
  max-width: 200px;
  width: 80%;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color-item-name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color-item-text {
  font-size: 14px;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color .js-slick--arrow {
  color: #666666;
  top: 17vw;
  top: 20%;
}
.page-product-rougedecorteliquid .block-custom-texture--detail-color .js-slick--dots {
  right: 0;
  text-align: center;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-lineup {
  margin: 0 auto 80px;
}
.page-product-rougedecorteliquid .block-custom-lineup--title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-lineup--container {
  background-color: #ffffff;
  padding: 40px 15px;
}
.page-product-rougedecorteliquid .block-custom-lineup--list-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.page-product-rougedecorteliquid .block-custom-lineup--list-item:first-child {
  margin-bottom: 40px;
}
.page-product-rougedecorteliquid .block-custom-lineup--list-item-image {
  margin-right: 20px;
  width: 100px;
}
.page-product-rougedecorteliquid .block-custom-lineup--list-item-text-area {
  width: calc(100% - 120px);
}
.page-product-rougedecorteliquid .block-custom-lineup--list-item-name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}
.page-product-rougedecorteliquid .block-custom-lineup--list-item-lead {
  font-size: 12px;
  margin-bottom: 20px;
}
.page-product-rougedecorteliquid .block-custom-lineup--list-item-link-anchor {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: calc(14px - 0.5em) 0.5em;
  text-align: center;
  width: 120px;
}
.page-product-rougedecorteliquid .block-custom-campaign {
  margin: 0 auto;
}
.page-product-rougedecorteliquid .block-custom-campaign--title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-rougedecorteliquid .block-custom-campaign--container {
  background-color: #ffffff;
  padding: 40px 15px;
}
.page-product-rougedecorteliquid .block-custom-campaign--date {
  background-color: #666666;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  margin: 0 auto 40px;
  padding: calc(18px - 0.5em) 0.5em;
  text-align: center;
  width: 200px;
}
.page-product-rougedecorteliquid .block-custom-campaign--image {
  margin: 0 auto 40px;
  max-width: 250px;
  width: 70%;
}
.page-product-rougedecorteliquid .block-custom-campaign--lead {
  font-size: 13px;
  margin-bottom: 20px;
}
.page-product-rougedecorteliquid .block-custom-campaign--detail {
  border: 1px solid #dbdbdb;
  margin: 0 auto 20px;
  padding: 10px;
}
.page-product-rougedecorteliquid .block-custom-campaign--detail-item:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-rougedecorteliquid .block-custom-campaign--detail-title {
  font-size: 13px;
  font-weight: 700;
}
.page-product-rougedecorteliquid .block-custom-campaign--detail-text {
  font-size: 13px;
}
.page-product-rougedecorteliquid .block-custom-campaign--note {
  font-size: 12px;
}

body {
  margin: 0;
}

img {
  vertical-align: bottom;
}

.page-products-rougetint {
  /*font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;*/
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
  /*modal*/
  /*toggle*/
}
.page-products-rougetint * {
  box-sizing: border-box;
}
.page-products-rougetint .detailbtn {
  background: #000000;
  padding: 12px 20px;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-rougetint .detailbtn:hover {
  background: #bba86f;
}
.page-products-rougetint sub {
  font-size: 0.5em;
  vertical-align: 0;
}
.page-products-rougetint .block-kv {
  margin: 0 auto;
}
.page-products-rougetint .block-lead {
  background: url("/decorte/img/decorte2023/sp/custom/rouge_tint/lead_bg.png") no-repeat center top;
  background-size: cover;
  padding: 40px 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.page-products-rougetint .block-lead-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-rougetint .block-lead p {
  margin-bottom: 15px;
}
.page-products-rougetint .block-lead p:last-of-type {
  margin-bottom: 0;
}
.page-products-rougetint .block-section1-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.page-products-rougetint .block-section1-bg {
  background: url("/decorte/img/decorte2023/sp/custom/rouge_tint/section1_bg.png") no-repeat center top;
  background-size: cover;
  padding: 20px 15px;
}
.page-products-rougetint .block-section1-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 480px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.page-products-rougetint .block-section1-box-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 15px;
  background: #ffffff;
  border-radius: 4px;
}
.page-products-rougetint .block-section1-box-item-image {
  width: 120px;
}
.page-products-rougetint .block-section1-box-item-txt {
  width: calc(100% - 135px);
  font-size: 11px;
}
.page-products-rougetint .block-section1-box-item-txt-title {
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: 500;
}
.page-products-rougetint .block-section1-box-item-txt p {
  margin-bottom: 0;
}
.page-products-rougetint .block-section1-notice {
  width: 100%;
  margin: 0 auto;
  font-size: 9px;
  text-align: right;
}
.page-products-rougetint .block-section2-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  text-align: center;
}
.page-products-rougetint .block-section2-box {
  display: flex;
  padding: 0 15px;
  margin: 0 auto 30px;
  flex-direction: column;
}
.page-products-rougetint .block-section2-box-image {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 10px;
}
.page-products-rougetint .block-section2-box-txt {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.page-products-rougetint .block-section2-box-txt-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.page-products-rougetint .block-section2-box-txt-txt {
  font-size: 12px;
  margin-bottom: 20px;
}
.page-products-rougetint .block-section2-box-txt-notice {
  font-size: 9px;
  text-align: left;
}
.page-products-rougetint .block-section3-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.page-products-rougetint .block-section3-kv {
  background: url("/decorte/img/decorte2023/sp/custom/rouge_tint/section3_kv_bg.png") no-repeat center top;
  background-size: cover;
  width: 100vw;
  height: 53.8vw;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  padding-left: 48%;
  padding-right: 3%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
}
.page-products-rougetint .block-section3-box {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  margin: 0 auto 20px;
  max-width: 400px;
}
.page-products-rougetint .block-section3-box-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.page-products-rougetint .block-section3-box-item-image {
  position: relative;
  width: 150px;
}
.page-products-rougetint .block-section3-box-item-image span {
  display: block;
  position: absolute;
  bottom: -10px;
  right: -20px;
  border: solid 1px #F6E8E3;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ffffff;
}
.page-products-rougetint .block-section3-box-item-txt {
  width: calc(100% - 200px);
}
.page-products-rougetint .block-section3-box-item-txt-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.page-products-rougetint .block-section3-box-item-txt-txt {
  font-size: 11px;
}
.page-products-rougetint .block-section3-swatch {
  border: solid 1px #D4D1CF;
  padding: 20px 15px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 420px;
  width: 94%;
}
.page-products-rougetint .block-section3-swatch-txt {
  width: 100%;
  margin-bottom: 15px;
}
.page-products-rougetint .block-section3-swatch-image {
  width: 46%;
  max-width: 240px;
}
.page-products-rougetint .block-section3-swatch-image span {
  display: block;
  font-size: 11px;
  text-align: center;
  margin-top: 10px;
}
.page-products-rougetint .block-section3-swatch-notice {
  font-size: 9px;
  text-align: right;
  width: 100%;
}
.page-products-rougetint .block-section3-swatch2 {
  width: 80%;
  max-width: 360px;
  margin: 0 auto 20px;
}
.page-products-rougetint .block-section3-feature {
  background: #F9EFEE;
  padding: 30px 15px;
  margin: 0 15px 30px;
}
.page-products-rougetint .block-section3-feature-box {
  display: block;
  margin-bottom: 20px;
}
.page-products-rougetint .block-section3-feature-box-title {
  font-size: 14px;
  font-weight: 500;
  color: #9C6C67;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-rougetint .block-section3-feature-box-image {
  width: 80%;
  max-width: 320px;
  margin: 0 auto 20px;
}
.page-products-rougetint .block-section3-feature-box-txt {
  font-size: 12px;
}
.page-products-rougetint .block-section3-feature-original-title {
  display: flex;
  padding: 15px;
  border-top: solid 1px #C8BCBA;
  border-bottom: solid 1px #C8BCBA;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.page-products-rougetint .block-section3-feature-original-title::before, .page-products-rougetint .block-section3-feature-original-title::after {
  content: "";
  display: block;
  background: #A3908D;
  width: 12px;
  height: 1px;
  position: absolute;
  right: 12px;
}
.page-products-rougetint .block-section3-feature-original-title::after {
  transform: rotate(90deg);
}
.page-products-rougetint .block-section3-feature-original-title.open::after {
  transform: rotate(0deg);
}
.page-products-rougetint .block-section3-feature-original-box {
  display: flex;
  justify-content: center;
}
.page-products-rougetint .block-section3-feature-original-box-item {
  width: 90px;
  margin-right: 25px;
  font-size: 10px;
  position: relative;
}
.page-products-rougetint .block-section3-feature-original-box-item:last-of-type {
  margin-right: 0;
}
.page-products-rougetint .block-section3-feature-original-box-item-image {
  margin-bottom: 10px;
}
.page-products-rougetint .block-section3-feature-original-box-item p {
  margin: 0;
}
.page-products-rougetint .block-section3-feature-original-box-item::after {
  content: "";
  display: block;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background: #DAC8C6;
  width: 7px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: -17px;
}
.page-products-rougetint .block-section3-feature-original-box-item:last-of-type::after {
  content: none;
}
.page-products-rougetint .block-section4 {
  padding-bottom: 60px;
}
.page-products-rougetint .block-section4-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  text-align: center;
  color: #000000;
}
.page-products-rougetint .block-section4-box {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  margin: 0 auto 30px;
}
.page-products-rougetint .block-section4-box-left, .page-products-rougetint .block-section4-box-right {
  width: 100%;
}
.page-products-rougetint .block-section4-box-left-title, .page-products-rougetint .block-section4-box-right-title {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 0 0;
}
.page-products-rougetint .block-section4-box-left-box, .page-products-rougetint .block-section4-box-right-box {
  padding: 25px 20px;
  border-radius: 0 0 8px 8px;
}
.page-products-rougetint .block-section4-box-left-box-txt, .page-products-rougetint .block-section4-box-right-box-txt {
  font-size: 13px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-rougetint .block-section4-box-left-box-btn, .page-products-rougetint .block-section4-box-right-box-btn {
  font-size: 13px;
  font-weight: 500;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 25px;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}
.page-products-rougetint .block-section4-box-left-box-btn:last-of-type, .page-products-rougetint .block-section4-box-right-box-btn:last-of-type {
  margin-bottom: 0;
}
.page-products-rougetint .block-section4-box-left-box-btn::before, .page-products-rougetint .block-section4-box-right-box-btn::before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.page-products-rougetint .block-section4-box-left-box-btn span, .page-products-rougetint .block-section4-box-right-box-btn span {
  width: 90%;
  padding-left: 15px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-products-rougetint .block-section4-box-left-box-btn span::before, .page-products-rougetint .block-section4-box-left-box-btn span::after, .page-products-rougetint .block-section4-box-right-box-btn span::before, .page-products-rougetint .block-section4-box-right-box-btn span::after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  position: absolute;
  right: 0;
}
.page-products-rougetint .block-section4-box-left-box-btn span::after, .page-products-rougetint .block-section4-box-right-box-btn span::after {
  transform: rotate(90deg);
}
.page-products-rougetint .block-section4-box-left-box-btn1::before, .page-products-rougetint .block-section4-box-right-box-btn1::before {
  background-image: url("/decorte/img/decorte2023/sp/custom/rouge_tint/section4_icon1.png");
}
.page-products-rougetint .block-section4-box-left-box-btn2::before, .page-products-rougetint .block-section4-box-right-box-btn2::before {
  background-image: url("/decorte/img/decorte2023/sp/custom/rouge_tint/section4_icon2.png");
}
.page-products-rougetint .block-section4-box-left-box-btn3::before, .page-products-rougetint .block-section4-box-right-box-btn3::before {
  background-image: url("/decorte/img/decorte2023/sp/custom/rouge_tint/section4_icon3.png");
}
.page-products-rougetint .block-section4-box-left-box-btn4::before, .page-products-rougetint .block-section4-box-right-box-btn4::before {
  background-image: url("/decorte/img/decorte2023/sp/custom/rouge_tint/section4_icon4.png");
}
.page-products-rougetint .block-section4-box-left-box-btn5::before, .page-products-rougetint .block-section4-box-right-box-btn5::before {
  background-image: url("/decorte/img/decorte2023/sp/custom/rouge_tint/section4_icon5.png");
}
.page-products-rougetint .block-section4-box-left-title {
  background: #D3AEBA;
}
.page-products-rougetint .block-section4-box-left-box {
  background: #E5D9DD;
}
.page-products-rougetint .block-section4-box-left-box-btn span::before, .page-products-rougetint .block-section4-box-left-box-btn span::after {
  background: #D7B4BF;
}
.page-products-rougetint .block-section4-box-right-title {
  background: #E3C6B8;
}
.page-products-rougetint .block-section4-box-right-box {
  background: #F8EEE9;
}
.page-products-rougetint .block-section4-box-right-box-btn span::before, .page-products-rougetint .block-section4-box-right-box-btn span::after {
  background: #D7B4BF;
}
.page-products-rougetint .block-section4-box-image {
  width: 90%;
  max-width: 360px;
  position: relative;
  margin: auto;
}
.page-products-rougetint .block-section4-box-image::before, .page-products-rougetint .block-section4-box-image::after {
  content: "";
  width: 60px;
  height: 80px;
  background: url(/decorte/img/decorte2023/sp/custom/rouge_tint/section4_line.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  display: block;
}
.page-products-rougetint .block-section4-box-image::before {
  transform: rotate(180deg);
  left: 0;
  bottom: 0;
}
.page-products-rougetint .block-section4-box-image::after {
  top: 0;
  right: 0;
}
.page-products-rougetint .block-section4-notice {
  font-size: 9px;
  padding: 0 15px;
  margin: 10px auto 0;
}
.page-products-rougetint .block-section5 {
  background: #F9EFEE;
  padding-bottom: 30px;
}
.page-products-rougetint .block-section5-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  text-align: center;
}
.page-products-rougetint .block-section5-box {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.page-products-rougetint .block-section5-box-image {
  width: 80%;
  max-width: 360px;
  margin-bottom: 20px;
}
.page-products-rougetint .block-section5-box-txt {
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 1.8;
}
.page-products-rougetint .block-section6-title {
  height: 80px;
  background: linear-gradient(to right, #E7D8DD 0%, #FBEEE5 100%);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.page-products-rougetint .block-section6-box {
  width: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  font-size: 12px;
}
.page-products-rougetint .block-section6-box-item {
  width: 100%;
  padding: 5px;
}
.page-products-rougetint .block-section6-box-item-copy {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.page-products-rougetint .block-section6-box-item-image {
  margin: 0 auto 10px;
  width: 300px;
  margin-bottom: 10px;
}
.page-products-rougetint .block-section6-box-item-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.page-products-rougetint .block-section6-box-item-subject {
  padding: 15px 0;
  background: #f0f0f0;
  font-size: 14px;
}
.page-products-rougetint .block-section6-box-item-subject span {
  display: block;
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
}
.page-products-rougetint .block-section6-box-item-txt {
  padding: 15px 0;
}
.page-products-rougetint .block-section6-box-item-txt-sub {
  border: solid 1px #b4b4b4;
  padding: 5px 8px;
  display: block;
  margin: 0 5px 5px;
  font-weight: 300;
}
.page-products-rougetint .block-section6-box-item-list {
  padding: 0;
  margin: 0;
}
.page-products-rougetint .block-section6-box-item-list li {
  list-style: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 8px;
  text-align: left;
}
.page-products-rougetint .block-section6-box-item-list li:before {
  content: "";
  display: block;
  width: 16px;
  height: 13px;
  background: url(/decorte/img/decorte2023/sp/custom/rouge_tint/check.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
}
.page-products-rougetint .block-section6-box-item-list li:last-of-type {
  margin-bottom: 0;
}
.page-products-rougetint .block-section6-navi {
  padding: 20px 10px 20px;
}
.page-products-rougetint .block-section6-navi-item {
  width: 120px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #7E5454;
  background: #F0D9DB;
  position: relative;
  margin: 0 2px 20px;
  text-align: center;
}
.page-products-rougetint .block-section6-navi-item::after {
  content: none;
  display: block;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 24px;
  height: 12px;
  background: #F0D9DB;
  position: absolute;
  bottom: -12px;
}
.page-products-rougetint .block-section6-navi-item.slick-current {
  color: #ffffff;
  background: #AD5963;
}
.page-products-rougetint .block-section6-navi-item.slick-current::after {
  content: "";
  background-color: #AD5963;
}
.page-products-rougetint .block-section6-navi .slick-track {
  transform: unset !important;
}
.page-products-rougetint .block-section6-notice {
  width: 100%;
  margin: 20px auto 0;
  font-size: 8px;
  padding: 0 10px;
}
.page-products-rougetint .block-section6-slide .slick-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #CCBBB5;
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: -9000px;
  overflow: hidden;
  z-index: 200;
}
.page-products-rougetint .block-section6-slide .slick-arrow::after {
  content: "";
  width: 9px;
  height: 9px;
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 2px;
}
.page-products-rougetint .block-section6-slide .slick-prev {
  top: 135px;
  left: 10px;
}
.page-products-rougetint .block-section6-slide .slick-next {
  top: 135px;
  right: 10px;
  transform: rotate(180deg);
}
.page-products-rougetint .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-products-rougetint .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 96%;
  border-radius: 8px;
  column-gap: 20px;
  min-height: 360px;
  padding: 20px;
}
.page-products-rougetint .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 5px;
  top: -40px;
  height: 40px;
  width: 40px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}
.page-products-rougetint .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 30px;
}
.page-products-rougetint .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 30px;
}
.page-products-rougetint .modal-container-title {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-bottom: solid 2px #D7B4BF;
  padding-bottom: 15px;
  margin-bottom: 10px;
  width: 100%;
}
.page-products-rougetint .modal-container-box1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.page-products-rougetint .modal-container-box1-image {
  width: 80%;
  max-width: 300px;
  margin: 0 auto 10px;
}
.page-products-rougetint .modal-container-box1-image span {
  font-size: 9px;
  display: block;
  text-align: right;
}
.page-products-rougetint .modal-container-box1-txt {
  width: 100%;
}
.page-products-rougetint .modal-container-box1-txt-title {
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
}
.page-products-rougetint .modal-container-box1-txt-txt {
  font-size: 12px;
  margin-bottom: 15px;
}
.page-products-rougetint .modal-container-box1-txt-notice {
  font-size: 9px;
}
.page-products-rougetint .modal-container-box2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  margin-top: -10px;
}
.page-products-rougetint .modal-container-box2-image {
  width: 70%;
  max-width: 240px;
  text-align: center;
}
.page-products-rougetint .modal-container-box2-image span {
  font-size: 9px;
  display: block;
  text-align: right;
}
.page-products-rougetint .modal-container-box2-txt {
  width: 100%;
}
.page-products-rougetint .modal-container-box2-txt-title {
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
}
.page-products-rougetint .modal-container-box2-txt-txt {
  font-size: 12px;
  margin-bottom: 15px;
}
.page-products-rougetint .modal-container-box2-txt-notice {
  font-size: 9px;
}
.page-products-rougetint .modal-container-box3 {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 480px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.page-products-rougetint .modal-container-box3-item {
  width: 45%;
  margin: 0 2%;
  max-width: 160px;
}
.page-products-rougetint .modal-container-box3-item-image {
  margin-bottom: 10px;
}
.page-products-rougetint .modal-container-box3-item-image span {
  font-size: 9px;
  display: block;
  text-align: right;
  margin-top: -10px;
}
.page-products-rougetint .modal-container-box3-item-txt {
  font-size: 14px;
  text-align: center;
}
.page-products-rougetint .modal-container-box3-notice {
  font-size: 9px;
  text-align: right;
  width: 100%;
}
.page-products-rougetint .modal-container-box4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.page-products-rougetint .modal-container-box4-image {
  width: 80%;
  max-width: 300px;
  padding-top: 10px;
}
.page-products-rougetint .modal-container-box4-image span {
  font-size: 9px;
  display: block;
  text-align: right;
}
.page-products-rougetint .modal-container-box4-txt {
  width: 100%;
}
.page-products-rougetint .modal-container-box4-txt-title {
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
}
.page-products-rougetint .modal-container-box4-txt-txt {
  font-size: 12px;
  margin-bottom: 15px;
}
.page-products-rougetint .modal-container-box4-txt-notice {
  font-size: 9px;
}
.page-products-rougetint .modal-container-box5 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
.page-products-rougetint .modal-container-box5-item {
  margin: 0 10px 15px;
  width: 48%;
  max-width: 150px;
}
.page-products-rougetint .modal-container-box5-item-txt {
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
}
.page-products-rougetint .modal-container-box5-notice {
  font-size: 9px;
  text-align: right;
  margin-top: 10px;
  width: 100%;
}
.page-products-rougetint .color-red {
  color: #990000;
}
.page-products-rougetint .togglebtn {
  cursor: pointer;
}
.page-products-rougetint .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
  margin-top: 20px;
}
.page-products-rougetint .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.page-products-rougetint .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.page-products-rougetint .block-lead .togglebtn.open {
  display: none;
}
.page-products-rougetint .downarrow {
  width: 30px;
  height: 30px;
  background: #BD9A98;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
}
.page-products-rougetint .downarrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}

.page-product-snowclarifier {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  /*
  .kv {
    background: url("/decorte/img/decorte2023/sp/snow_clarifier/kv.jpg") no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 155vw;
    max-height: 580px;
    margin: 0 auto 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #515457;
    h2 {      
      font-size: 6.5vw;
      margin-bottom: 5px;
    }
    &__txt {
      font-size: 4.5vw;
    }
  }
  */
  /*KV END*/
  /*lead END*/
  /*turnover END*/
  /*feature END*/
  /*prescription END*/
  /*ingredients END*/
  /*howto END*/
  /*cotton END*/
}
.page-product-snowclarifier .block-custom-key-visual {
  margin: 0 auto 40px;
  position: relative;
  width: 100%;
}
.page-product-snowclarifier .lead, .page-product-snowclarifier .turnover, .page-product-snowclarifier .feature, .page-product-snowclarifier .prescription, .page-product-snowclarifier .ingredients, .page-product-snowclarifier .howto, .page-product-snowclarifier .cotton {
  background: url("/decorte/img/decorte2023/sp/snow_clarifier/bg.jpg") repeat center top;
  background-size: 100%;
  padding: 0 0 30px;
}
.page-product-snowclarifier .lead .wrap, .page-product-snowclarifier .turnover .wrap, .page-product-snowclarifier .feature .wrap, .page-product-snowclarifier .prescription .wrap, .page-product-snowclarifier .ingredients .wrap, .page-product-snowclarifier .howto .wrap, .page-product-snowclarifier .cotton .wrap {
  margin: auto;
  padding: 0 10px;
}
.page-product-snowclarifier .turnover h2, .page-product-snowclarifier .feature h2, .page-product-snowclarifier .prescription h2, .page-product-snowclarifier .ingredients h2, .page-product-snowclarifier .howto h2, .page-product-snowclarifier .cotton h2 {
  width: 100%;
  background: linear-gradient(to left, rgb(34, 70, 112) 0%, rgb(34, 70, 112) 10%, rgb(119, 153, 193) 50%, rgb(34, 70, 112) 90%, rgb(34, 70, 112) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  color: #ffffff;
  font-size: 1.8em;
  margin-bottom: 30px;
}
.page-product-snowclarifier .lead {
  padding: 30px 0;
}
.page-product-snowclarifier .lead h2 {
  display: none;
}
.page-product-snowclarifier .lead__txt {
  color: #224670;
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0;
}
.page-product-snowclarifier .turnover .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1180px;
}
.page-product-snowclarifier .turnover .leftBlock {
  width: 46%;
}
.page-product-snowclarifier .turnover .leftBlock__illust {
  background: #ffffff;
  padding: 10px 3px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.page-product-snowclarifier .turnover .leftBlock__illust .title {
  font-size: 1em;
  line-height: 1.4;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 8px;
  text-align: center;
  margin: 0 7px;
}
.page-product-snowclarifier .turnover .leftBlock__illust .title1 {
  background: #F3E9E6;
  color: #7B5E54;
}
.page-product-snowclarifier .turnover .leftBlock__illust .title2 {
  background: #DBC5BD;
  color: #ffffff;
}
.page-product-snowclarifier .turnover .rightBlock {
  width: 50%;
}
.page-product-snowclarifier .turnover .rightBlock__txt {
  font-size: 1em;
  margin-bottom: 30px;
  color: #224670;
  position: relative;
  text-align: center;
  line-height: 1.4;
}
.page-product-snowclarifier .turnover .rightBlock__txt::after {
  content: "";
  height: 10px;
  width: 40px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #679EC2;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 25px);
}
.page-product-snowclarifier .turnover .rightBlock__nayami {
  background: rgba(176, 200, 220, 0.5);
  border-radius: 8px;
  padding: 10px 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-product-snowclarifier .turnover .rightBlock__nayami .title {
  letter-spacing: -1px;
  color: #224670;
  margin-bottom: 10px;
  font-size: 1em;
  text-align: center;
}
.page-product-snowclarifier .turnover .rightBlock__nayami .title::after {
  background: radial-gradient(circle farthest-side, #224670, #224670 20%, transparent 20%, transparent);
  background-size: 5px 5px;
  content: "";
  display: block;
  height: 5px;
  width: 100%;
}
.page-product-snowclarifier .turnover .rightBlock__nayami > div {
  width: 90%;
}
.page-product-snowclarifier .turnover .rightBlock__nayami > div p {
  background: #7A98B7;
  border-radius: 4px;
  margin: 0 auto 5px;
  color: #ffffff;
  padding: 5px;
  text-align: center;
  width: 100%;
  font-size: 1em;
}
.page-product-snowclarifier .turnover .bottomBlock {
  width: 100%;
  background: #224670;
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
  margin-top: 30px;
  padding: 20px;
  position: relative;
}
.page-product-snowclarifier .turnover .bottomBlock::before {
  content: "";
  height: 10px;
  width: 40px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #679EC2;
  position: absolute;
  top: -20px;
  left: calc(50% - 25px);
}
.page-product-snowclarifier .turnover .bottomBlock__title {
  font-size: 1.4em;
  margin-bottom: 20px;
}
.page-product-snowclarifier .turnover .bottomBlock__txt {
  font-size: 1.2em;
  margin-bottom: 0;
  color: #ffffff;
}
.page-product-snowclarifier .turnover .bottomBlock__txt::after {
  content: none;
}
.page-product-snowclarifier .feature .featurePoint {
  max-width: 1280px;
  margin: 0 auto 10px;
}
.page-product-snowclarifier .feature .featurePoint__title {
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 25px;
  color: #224670;
}
.page-product-snowclarifier .feature .featurePoint__figure {
  width: 96%;
  height: auto;
  padding: 0 10px 35px;
  border-radius: 4px;
  background: rgba(177, 184, 226, 0.3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: auto;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_center {
  color: #224670;
  font-size: 1.8em;
  background: url("/decorte/img/decorte2023/pc/snow_clarifier/feature_center.png") no-repeat center -60px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 240px;
  text-align: center;
  margin-bottom: -80px;
  padding-bottom: 70px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point {
  color: #224670;
  font-size: 1.4em;
  width: 170px;
  text-align: center;
  margin-bottom: 15px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point sub {
  font-size: 0.6em;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point .image {
  width: 130px;
  height: 130px;
  margin: 0 auto 10px;
  padding: 20px;
  background: #ffffff;
  border-radius: 50%;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point .sub {
  font-size: 0.7em;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point.point1 {
  top: 140px;
  left: 90px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point.point2 {
  top: 60px;
  left: 490px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point.point3 {
  top: 140px;
  left: 880px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point.point4 {
  top: 580px;
  left: 90px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point.point5 {
  top: 680px;
  left: 490px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_point.point6 {
  top: 580px;
  left: 880px;
}
.page-product-snowclarifier .feature .featurePoint__figure .figure_notice {
  position: absolute;
  font-size: 0.9em;
  bottom: 15px;
  right: 15px;
  color: #224670;
}
.page-product-snowclarifier .feature .featureAward {
  background: #ffffff;
  border-radius: 8px;
  margin: 0 auto 10px;
  padding: 15px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 96%;
}
.page-product-snowclarifier .feature .featureAward h3 {
  width: 100%;
  border-radius: 70px;
  background: #6C7EA8;
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 30px;
  padding: 10px;
  text-align: center;
}
.page-product-snowclarifier .feature .featureAward__item {
  width: 30%;
}
.page-product-snowclarifier .feature .featureAward__item img {
  width: 90px;
  margin: auto;
}
.page-product-snowclarifier .feature .featureAward__txtblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 67%;
}
.page-product-snowclarifier .feature .featureAward__txtblock p {
  margin-bottom: 15px;
  font-size: 1.2em;
  text-align: center;
  color: #224670;
}
.page-product-snowclarifier .feature .featureAward__txtblock img {
  width: 120px;
}
.page-product-snowclarifier .feature .featureAward__txtblock .breakline {
  height: 1px;
  width: 100%;
  border-bottom: dotted 1px #999999;
}
.page-product-snowclarifier .feature .featureCopy {
  text-align: center;
  margin: 0 auto;
  padding: 30px 0 20px;
}
.page-product-snowclarifier .feature .featureCopy h3 {
  font-size: 1.6em;
  color: #224670;
  margin-bottom: 20px;
}
.page-product-snowclarifier .feature .featureCopy__txt {
  font-size: 1.1em;
  line-height: 1.8;
}
.page-product-snowclarifier .prescription .wrap {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.page-product-snowclarifier .prescription h3 {
  color: #224670;
  font-size: 2em;
  line-height: 1.2;
  padding: 0;
}
.page-product-snowclarifier .prescription__subtxt {
  color: #224670;
  font-size: 1.1em;
  margin-bottom: 20px;
}
.page-product-snowclarifier .prescription__subtitle {
  color: #224670;
  font-size: 1.6em;
  margin-bottom: 15px;
}
.page-product-snowclarifier .prescription__txt {
  font-size: 1.1em;
  margin-bottom: 30px;
}
.page-product-snowclarifier .prescription__illust {
  background: #ffffff;
  border-radius: 8px;
  padding: 30px 10px 50px;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.page-product-snowclarifier .prescription__illust .illust_item {
  width: 320px;
  padding: 0 10px;
}
.page-product-snowclarifier .prescription__illust .illust_item .illust1, .page-product-snowclarifier .prescription__illust .illust_item .illust2, .page-product-snowclarifier .prescription__illust .illust_item .illust3 {
  background: #E1ECF3;
  padding: 15px 10px;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #224670;
  position: relative;
}
.page-product-snowclarifier .prescription__illust .illust_item .illust1::before, .page-product-snowclarifier .prescription__illust .illust_item .illust2::before, .page-product-snowclarifier .prescription__illust .illust_item .illust3::before {
  font-size: 1.4em;
  display: flex;
  width: 40px;
  height: 40px;
  background: #224670;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: -10px;
}
.page-product-snowclarifier .prescription__illust .illust_item .illust1 {
  margin-bottom: -30px;
}
.page-product-snowclarifier .prescription__illust .illust_item .illust2 {
  margin-bottom: 30px;
}
.page-product-snowclarifier .prescription__illust .illust_item .illust1::before {
  content: "1";
}
.page-product-snowclarifier .prescription__illust .illust_item .illust2::before {
  content: "2";
}
.page-product-snowclarifier .prescription__illust .illust_item .illust3::before {
  content: "3";
}
.page-product-snowclarifier .prescription__illust .illust_notice {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 0.9em;
}
.page-product-snowclarifier .ingredients .wrap {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-product-snowclarifier .ingredients h3 {
  color: #224670;
  font-size: 2em;
  line-height: 1.2;
  padding: 0;
}
.page-product-snowclarifier .ingredients__subtxt {
  color: #224670;
  font-size: 1.1em;
  margin-bottom: 20px;
}
.page-product-snowclarifier .ingredients__subtitle {
  color: #224670;
  font-size: 1.6em;
  margin-bottom: 15px;
}
.page-product-snowclarifier .ingredients__txt {
  font-size: 1.1em;
  margin-bottom: 20px;
}
.page-product-snowclarifier .ingredients__notice {
  font-size: 0.9em;
  text-align: center;
}
.page-product-snowclarifier .ingredients h4 {
  color: #224670;
  margin: 40px auto 20px;
  font-size: 1.8em;
}
.page-product-snowclarifier .ingredients h4::after {
  background: radial-gradient(circle farthest-side, #224670, #224670 30%, transparent 30%, transparent);
  background-size: 10px 10px;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
}
.page-product-snowclarifier .ingredients__moisture {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.page-product-snowclarifier .ingredients__moisture > p {
  width: 140px;
  height: 140px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.4em;
  color: #224670;
  margin: 0 10px 20px;
}
.page-product-snowclarifier .ingredients__moisture > p > span {
  font-size: 0.7em;
}
.page-product-snowclarifier .ingredients__notice2 {
  font-size: 0.9em;
}
.page-product-snowclarifier .howto .wrap {
  width: 96%;
  margin: 0 auto;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
  padding: 30px 15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-product-snowclarifier .howto__txt {
  width: 100%;
  margin: 0 15px 20px;
  color: #224670;
}
.page-product-snowclarifier .howto__txt > li {
  padding-left: 20px;
  margin-bottom: 20px;
  position: relative;
  font-size: 1.2em;
}
.page-product-snowclarifier .howto__txt > li:last-of-type {
  margin-bottom: 0;
}
.page-product-snowclarifier .howto__txt > li::before {
  content: "";
  display: block;
  background: #224670;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
}
.page-product-snowclarifier .howto__txt > li > span {
  font-size: 0.9em;
  display: block;
  margin-top: 10px;
}
.page-product-snowclarifier .howto__illust {
  width: 48%;
  padding: 0;
  border-radius: 8px;
  margin: 0 1%;
}
.page-product-snowclarifier .howto__illust img {
  border-radius: 8px;
}
.page-product-snowclarifier .cotton .wrap {
  width: 96%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-product-snowclarifier .cotton h3 {
  color: #224670;
  font-size: 1.6em;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
.page-product-snowclarifier .cotton__image {
  width: 36%;
}
.page-product-snowclarifier .cotton__txtblock {
  width: 60%;
  text-align: left;
}
.page-product-snowclarifier .cotton__subtitle {
  color: #224670;
  font-size: 1.4em;
  margin-bottom: 10px;
}
.page-product-snowclarifier .cotton__txt {
  font-size: 1.1em;
  margin-bottom: 15px;
}
.page-product-snowclarifier .cotton__txt span {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
  margin-bottom: 5px;
}
.page-product-snowclarifier .cotton__txt span.cotton1::before {
  content: "①";
}
.page-product-snowclarifier .cotton__txt span.cotton2::before {
  content: "②";
}
.page-product-snowclarifier .cotton__txt span.cotton3::before {
  content: "③";
}
.page-product-snowclarifier .cotton__btn {
  background: #333333;
  padding: 10px 15px 12px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
}
.page-product-snowclarifier .cotton__btn::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  border-right: solid 1px #ffffff;
  border-top: solid 1px #ffffff;
  transform: rotate(45deg);
}

.block-custom .page-products-skinshadow-designingpalette {
  background-color: #F6EEEE;
  position: relative;
  overflow: hidden;
  z-index: 0;
  /*#section04.block-custom-section .block-custom-feature.tool {
    margin-bottom: 50px;
  }
  #section05.block-custom-section {
    display: none;
  }*/
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-visual {
  width: 100%;
  aspect-ratio: 375/695;
  margin: 0 auto;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-KV-bg.png?20260602);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-visual h2 {
  display: none;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: max(-56vw, -420px) auto 0;
  padding-top: min(5.3vw, 40px);
  position: relative;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead::before {
  background-color: #666;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: 46px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead::before {
    display: none;
  }
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-text {
  color: #707070;
  width: 100%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-text .block-custom-lead-text-head {
  margin-bottom: 15px;
  font-size: 20px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 1.5px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-text .block-custom-lead-text-description {
  font-size: 11px;
  letter-spacing: 0.03em;
  line-height: 1.7;
  margin-bottom: 1em;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-text .block-custom-lead-text-description:last-child {
  margin-bottom: 30px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-text .block-custom-lead-text-head {
    font-size: 34px;
    margin-bottom: 30px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-text .block-custom-lead-text-description {
    font-size: 18px;
    margin-bottom: 24px;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 1px;
  margin: 0 auto;
  width: min(100% - 30px, 345px);
  box-sizing: border-box;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item {
  position: relative;
  width: calc((100% - 3px) / 2);
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index {
    column-gap: 8px;
    width: 94%;
    max-width: 746px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item {
    width: calc((100% - 24px) / 4 );
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(1) .block-custom-lead-index-link {
  letter-spacing: 3px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(2) .block-custom-lead-index-link {
  letter-spacing: 3px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(3) .block-custom-lead-index-link {
  letter-spacing: 0.5px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(4) .block-custom-lead-index-link {
  letter-spacing: 1px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(5) {
  width: 100%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(5) .block-custom-lead-index-link {
  letter-spacing: 4px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(5) .block-custom-lead-index-link {
  justify-content: center;
  padding-right: unset;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(5) .block-custom-lead-index-link::before {
  right: calc(50% - 53px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item:nth-child(5) .block-custom-lead-index-link::after {
  right: calc(50% - 60px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 0 20px 0;
  background: linear-gradient(270deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-item::before {
    border-radius: 0 0 20px 20px;
    background: #fff;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-link {
  align-items: center;
  box-sizing: border-box;
  color: #9F674E;
  display: flex;
  font-weight: 500;
  font-size: 13px;
  height: 50px;
  justify-content: flex-end;
  padding-right: 40px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  background-color: transparent;
  cursor: pointer;
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-link::before {
  z-index: 1;
  position: absolute;
  right: 19px;
  content: "";
  width: 10px;
  height: 1px;
  background-color: #9F674E;
  transform: rotate(45deg);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-link::after {
  z-index: 1;
  position: absolute;
  right: 12px;
  content: "";
  width: 10px;
  height: 1px;
  background-color: #9F674E;
  transform: rotate(-45deg);
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-link {
    justify-content: center;
    padding: 0 0 14px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-link::before {
    bottom: 10px;
    right: 50%;
    transform: translateX(calc(50% - 3px)) rotate(45deg);
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-lead .block-custom-lead-index .block-custom-lead-index-link::after {
    bottom: 10px;
    right: 50%;
    transform: translateX(calc(50% + 3px)) rotate(-45deg);
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section {
  position: relative;
  padding-top: 20px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:first-child:has(.tool) {
  padding-top: 60px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:first-child:has(.tool)::before {
  content: "";
  display: block;
  position: absolute;
  top: -118px;
  z-index: -1;
  content: "";
  position: absolute;
  display: block;
  right: 0;
  width: 360px;
  height: 222px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-bg-powder-R.png);
  background-repeat: no-repeat;
  background-position: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:first-child:has(.tool) .block-custom-feature {
  border-radius: 0 40px 0 0;
  background: linear-gradient(270deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 56%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
  margin-right: 15px;
  padding-left: 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:first-child:has(.tool) .block-custom-feature::before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 40px 0 0;
  background: linear-gradient(270deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 56%, rgba(255, 255, 255, 0) 100%);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:first-child:has(.tool) .block-custom-feature::after {
  z-index: -1;
  content: "";
  position: absolute;
  display: block;
  bottom: -156px;
  width: 360px;
  height: 222px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-bg-powder-L.png);
  background-repeat: no-repeat;
  background-position: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:nth-of-type(odd) .block-custom-feature {
  border-radius: 40px 0 0 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 56%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
  margin-left: 15px;
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-section:nth-of-type(odd) .block-custom-feature::before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px 0 0 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 56%, rgba(255, 255, 255, 0) 100%);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:nth-of-type(odd) .block-custom-feature::after {
  z-index: -1;
  content: "";
  position: absolute;
  display: block;
  bottom: -157px;
  right: 0;
  width: 360px;
  height: 222px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-bg-powder-R.png);
  background-repeat: no-repeat;
  background-position: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:nth-of-type(even) .block-custom-feature {
  border-radius: 0 40px 0 0;
  background: linear-gradient(270deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 56%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
  margin-right: 15px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:nth-of-type(even) .block-custom-feature::before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 40px 0 0;
  background: linear-gradient(270deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 56%, rgba(255, 255, 255, 0) 100%);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section:nth-of-type(even) .block-custom-feature::after {
  z-index: -1;
  content: "";
  position: absolute;
  display: block;
  bottom: -156px;
  left: 0px;
  width: 360px;
  height: 222px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-bg-powder-L.png);
  background-repeat: no-repeat;
  background-position: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section .ranking::after {
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-bg-powder-R-last.png);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-section .ranking .block-custom-feature-title {
  margin-bottom: 15px;
  font-size: 20px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature {
  position: relative;
  margin: 0 auto 34px;
  background-color: #fff;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.point {
  padding: 20px 15px 45px 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.point .block-custom-feature-title {
  margin-bottom: 40px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature.point {
    padding: 30px 15px 45px 0;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature.point .block-custom-feature-title {
    font-size: 26px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature.point .block-custom-feature-title br {
    display: none;
  }



}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.colorset {
  padding: 20px 0 35px 15px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.colorset .block-custom-feature-title {
  margin-bottom: 10px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature.colorset {
    padding: 30px 0 35px 15px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature.colorset .block-custom-feature-title {
    font-size: 26px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature.colorset .block-custom-feature-title br {
    display: none;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.comfort {
  padding: 20px 15px 35px 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.comfort .block-custom-feature-title {
  margin-bottom: 10px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.tool {
  padding: 20px 0 35px 15px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.tool .block-custom-feature-title {
  margin-bottom: 10px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.tool .block-custom-feature-lead {
  margin-bottom: 10px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.ranking {
  margin: 0 auto 108px;
  padding: 15px 15px 35px 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature.ranking .block-custom-feature-title {
  margin-bottom: 10px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-inner {
  position: relative;
  margin: 0 auto;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-inner:has(.modal-open) {
  z-index: 100;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-title {
  color: #9F674E;
  font-size: 16px;
  /* font-weight: 700; */
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.45;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-lead {
  color: #9F674E;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-title{
    font-size: 26px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-lead {
    font-size: 16px;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point {
  /* padding-left: 20px; */
  padding-left: 18px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(1) .block-custom-feature-point-item-image {
  width: min(34%, 220px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(1) .block-custom-feature-point-item-text {
  width: calc(66% - 10px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(2) .block-custom-feature-point-item-image {
  width: min(34%, 220px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(2) .block-custom-feature-point-item-text {
  width: calc(66% - 10px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(3) .block-custom-feature-point-item-image {
  width: min(48.9%, 310px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(3) .block-custom-feature-point-item-text {
  width: calc(51.1% - 10px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(odd) {
  flex-direction: row-reverse;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item-text {
  color: #707070;
  font-size: 10px;
  font-weight: 350;
  width: fit-content;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item-text strong {
  display: inline-block;
  margin-bottom: 5px;
  color: #9F674E;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.4px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(1) .block-custom-feature-point-item-text {
    width: calc(70% - 10px);
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(2) .block-custom-feature-point-item-image {
    width: min(25%, 220px);
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(2) .block-custom-feature-point-item-text {
    width: calc(75% - 10px);
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(3) .block-custom-feature-point-item-image {
    width: min(42%, 310px);
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item:nth-child(3) .block-custom-feature-point-item-text {
    width: calc(58% - 10px);
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item-text {
    font-size: 16px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item-text strong {
    font-size: 20px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-point-item-text strong br{
    display: none;
  }
}



.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 3px 4px;
  justify-content: start;
  margin: 10px 10px 0;
}
@media screen and (min-width: 606px) {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list {
    justify-content: center;
  }
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list-item {
  border: 1px solid transparent;
  border-radius: 20px;
  /*height: 84px;*/
  position: relative;
  text-align: center;
  width: min(80px, (100% - 12px) / 4);
  padding: 10px 5px;
  box-sizing: border-box;
  /*
  &:hover {
    border: 1px solid #ccc;
    box-shadow: 0px 4px 4px #aaa;
    background-color: #fff;
  }*/
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list {
    justify-content: flex-start;
  }
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list-item.select {
  border: 1px solid #ccc;
  box-shadow: 0px 4px 4px #aaa;
  background-color: #fff;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list-item-image {
  margin: 0 auto;
  width: 67px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list-item-num {
  font-size: 11px;
  line-height: 1;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-list-item-new {
  font-size: 10px;
  line-height: 1;
  text-align: center;
  background: #990000;
  color: #ffffff;
  padding: 3px 6px;
  margin-top: 5px;
  display: inline-block;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider {
  color: #333333;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide {
  display: block;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide.show {
  opacity: unset;
  height: unset;
  pointer-events: unset;
  transition: opacity 0.6s ease-in;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 88.4%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-prev {
  font-size: 0;
  height: 55px;
  left: -3px;
  margin-top: -8px;
  position: absolute;
  top: min(33vw, 275px);
  width: 25px;
  z-index: 10;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-prev::before {
  position: absolute;
  top: 20px;
  left: 0;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #9B9B9B;
  transform: rotate(-45deg);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-prev::after {
  position: absolute;
  top: 34px;
  left: 0;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #9B9B9B;
  transform: rotate(45deg);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-next {
  font-size: 0;
  height: 55px;
  margin-top: -8px;
  position: absolute;
  right: -3px;
  top: min(33vw, 275px);
  width: 25px;
  z-index: 10;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-next::before {
  position: absolute;
  top: 34px;
  right: 0;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #9B9B9B;
  transform: rotate(-45deg);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-next::after {
  position: absolute;
  top: 20px;
  right: 0;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #9B9B9B;
  transform: rotate(45deg);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-dots-custom {
  display: flex !important;
  margin-top: 27px;
  position: absolute;
  top: min(66.6vw, 500px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-dots-custom li {
  width: 30px;
  height: 2px;
  margin-right: 4px;
  background-color: #ccc;
  font-size: 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-dots-custom li:last-child {
  margin-right: unset;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-custom-feature-colorset-slide-wrap .slick-dots-custom li.slick-active {
  background-color: #9F674E;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide {
  padding-top: 35px;
  padding-top: 20px !important;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-main {
  margin: 0 auto 20px;
  width: min(66.6vw, 500px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub {
  margin: 0 auto;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-product {
  margin-bottom: 20px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-product .block-slide-sub-product-name {
  font-size: 17px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 0;
  line-height: 1.55;
  margin-bottom: 2px;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-product .block-slide-sub-product-text {
  font-size: 10px;
  letter-spacing: 0.8px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-color {
  display: flex;
  justify-content: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-color .block-slide-sub-color-map {
  width: 80px;
  margin: 0 10px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-color .block-slide-sub-color-list {
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-product .block-slide-sub-product-name{
    font-size: 26px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-product .block-slide-sub-product-text{
    font-size: 16px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-color{
    /* justify-content: flex-start; */
    column-gap: 20px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-color .block-slide-sub-color-list{
    font-size: 14px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.product .block-slide-sub .block-slide-sub-color .block-slide-sub-color-map{
    width: 150px;
    margin: 0;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-main {
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
  position: relative;
  width: min(66.6vw, 500px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-main .block-slide-main-caption {
  position: absolute;
  top: -1.5rem;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub {
  display: flex;
  justify-content: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub .block-slide-sub-eye {
  width: 136px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub .block-slide-sub-eye img {
  border-radius: 40px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub .block-slide-sub-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 160px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub .block-slide-sub-product .block-slide-sub-product-name {
  width: 100%;
  font-size: 16px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.53;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 2px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub .block-slide-sub-product{
    width: 180px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub .block-slide-sub-product .block-slide-sub-product-name {
    font-size: 18px;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.eye .block-slide-sub .block-slide-sub-product .block-slide-sub-product-image {
  width: 75px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-main {
  margin: 0 auto 20px;
  width: min(66.6vw, 500px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub {
  width: 250px;
  margin: 0 auto;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub .block-slide-sub-product {
  margin-bottom: 10px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub .block-slide-sub-product .block-slide-sub-product-name {
  font-size: 17px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.55;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 2px;
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub .block-slide-sub-product .block-slide-sub-product-text {
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.8px;
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub .block-slide-sub-color-list {
  width: fit-content;
  margin: 0 auto;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub{
    width: 100%;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub .block-slide-sub-product .block-slide-sub-product-name {
    font-size: 24px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub .block-slide-sub-product .block-slide-sub-product-text{
    font-size: 16px;
  }
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-slider .block-custom-feature-colorset-slide .block-slide.swatch .block-slide-sub .block-slide-sub-color-list{
    font-size: 14px;
  }
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart {
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-bg-chart.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: min(56vw, 210px);
  margin: 30px auto 35px;
  position: relative;
  width: min(92vw, 345px);
  transform: translateX(-8px);
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart {
    transform: scale(1.4);
    transform-origin: top;
    min-height: 300px;
    background-position: center top;
  }
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item {
  position: absolute;
  display: flex;
  align-items: end;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item .block-custom-feature-colorset-chart-item-image {
  width: 40px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item .block-custom-feature-colorset-chart-item-num {
  font-size: 10px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding-left: 4px;
  border-bottom: 1px solid #000;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item .block-custom-feature-colorset-chart-item-new {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: solid 1px #d2b5a7;
  color: #d2b5a7;
  top: -11px;
  right: -5px;
  font-size: 9px;
  line-height: 1;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-01-chart {
  left: 168px;
  top: 70px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-02-chart {
  left: 64px;
  top: 78px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-03-chart {
  left: 288px;
  top: 50px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-04-chart {
  left: 248px;
  top: 139px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-05-chart {
  left: 74px;
  top: 112px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-06-chart {
  left: 45px;
  top: 44px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-07-chart {
  left: 30px;
  top: 147px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-09-chart {
  left: 151px;
  top: 6px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-10-chart {
  left: 252px;
  top: 14px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-chart .block-custom-feature-colorset-chart-item#colorset-11-chart {
  left: 188px;
  top: 107px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture {
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
  position: relative;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture::before {
  z-index: -1;
  position: absolute;
  top: 0;
  right: -15px;
  width: calc(100% + 45px);
  height: 100%;
  border-radius: 0 0 20px 0;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 65%, #F7E6E2 100%);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-title {
  color: #9F674E;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-title {
    font-size: 26px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-title br {
    display: none;
  }

}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item {
  display: flex;
  gap: 6px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item.item-a, .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item.item-b {
  margin-bottom: 6px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item:nth-of-type(even) {
  gap: 14px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item:nth-of-type(even){
    flex-direction: row-reverse;
  }

}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item:nth-of-type(odd) {
  flex-direction: row-reverse;
}



.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item:nth-of-type(odd) .block-custom-feature-colorset-texture-item-text {
  min-width: 161px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item-image {
  max-width: 156px;
  width: 30%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item-text {
  color: #333333;
  font-size: 10px;
  line-height: 1.5;
  padding-top: 11px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item-text strong {
  display: inline-block;
  margin-bottom: 2px;
  color: #9F674E;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item {
    width: 50%;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item:nth-child(n+2){
    margin-right: auto;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item-text {
    font-size: 14px;
    padding-top: 12px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-item-text strong {
    font-size: 18px;
  }
}


.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-button {
  align-items: center;
  display: flex;
  border-radius: 30px;
  background: linear-gradient(90deg, #FAF6F5 0, #FDF0EB 100%);
  box-shadow: 2px 3px 3px #ccc;
  color: #9F674E;
  font-size: 15px;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  margin: min(5.3vw, 40px) 0;
  padding-left: 96px;
  position: relative;
  width: 315px;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-button {
    width: 60%;
    font-size: 16px;
  }
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-button::before {
  position: absolute;
  left: 5px;
  content: "";
  display: block;
  width: 84px;
  height: 25px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-modal-image.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture-button::after {
  position: absolute;
  right: 15px;
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-modal-icon.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);

  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease, visivility .5s ease;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal.is-show{
  opacity: 1;
  visibility: visible;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner {
  border-radius: 44px;
  background-color: #fff;
  max-height: calc(100vh - 280px);
  position: relative;
  padding: 10px 30px 20px;
  z-index: 100;
  width: 345px;
  box-sizing: border-box;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner {
    width: fit-content;
    max-width: 640px;
    padding: 35px 40px;
    top: 50px;
  }
}



.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-main-container {
  max-height: calc(100vh - 330px);
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-main-container::-webkit-scrollbar {
  display: none;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description {
  margin-bottom: 10px;
  padding-bottom: 30px;
  border-bottom: 1px solid #F9E4DB;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description:last-child {
  margin-bottom: unset;
  padding-bottom: unset;
  border-bottom: unset;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-head {
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 100px;
  color: #9F674E;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.58;
  letter-spacing: 1px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text {
  font-size: 10px;
  font-weight: 350;
  line-height: 1.5;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text sup {
  font-size: 9px;
  vertical-align: text-bottom;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text-wrap-space {
  display: block;
  float: right;
  height: 3.5em;
  width: 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text-wrap-img {
  clear: both;
  display: block;
  float: right;
  margin-left: 20px;
  width: 77px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text strong {
  display: block;
  height: fit-content;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text:has(img) {
  position: relative;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-head{
    font-size: 20px;
    padding: 0;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-head br{
    display: none;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description{
    padding-left: 135px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text{
    font-size: 14px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text strong{
    font-size: 16px;
    text-align: left;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text:has(img) {
    padding-right: 90px;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-text.note {
  margin-top: 1rem;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-image.head {
  position: absolute;
  /* left: 30px; */
  left: 0;
  width: 91px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-image.text {
  position: absolute;
  right: 0;
  top: 5px;
  width: 75px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-image.head {
    left: 0;
    width: 120px;
    transform: translateY(10px);
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-inner .block-custom-feature-colorset-texture-modal-description .block-custom-feature-colorset-texture-modal-description-image.text{
    width: 90px;
  }
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-modal .block-custom-feature-colorset-texture-modal-close {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  background-color: transparent;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .modal-open + .block-custom-feature-colorset-texture-modal {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-colorset .block-custom-feature-colorset-texture .block-custom-feature-colorset-texture-image {
  margin: 0 auto;
  max-width: 622px;
  width: 86%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point {
  position: relative;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-lead {
  color: #9F674E;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 901px), print {
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-lead {
  font-size: 16px;
}
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-title {
  width: 100%;
  color: #9F674E;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-item {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-item:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-item .block-custom-feature-comfort-point-item-image {
  width: 105px;
  margin: 7px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-item .block-custom-feature-comfort-point-item-text {
  margin: 14px 7px 0 7px;
  font-size: 10px;
  line-height: 1.5;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-item .block-custom-feature-comfort-point-item-text strong {
  display: inline-block;
  margin-bottom: 2px;
  color: #9F674E;
  font-size: 14px;
  font-weight: 700;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 315px;
  height: 40px;
  margin: 20px auto;
  padding-left: 70px;
  border-radius: 30px;
  background: linear-gradient(90deg, #FAF6F5 0, #FDF0EB 100%);
  box-shadow: 2px 3px 3px #ccc;
  color: #9F674E;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  cursor: pointer;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-button {
    width: 340px;
    font-size: 16px;
  }

}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-button::after {
  position: absolute;
  right: 20px;
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-modal-icon.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-button.comfort-button-01::before {
  position: absolute;
  left: 5px;
  bottom: 5px;
  content: "";
  display: block;
  width: 58px;
  height: 45px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-comfort-1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-button.comfort-button-02::before {
  position: absolute;
  left: 5px;
  bottom: 5px;
  content: "";
  display: block;
  width: 58px;
  height: 45px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-comfort-2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-button.comfort-button-03::before {
  position: absolute;
  left: 5px;
  bottom: 5px;
  content: "";
  display: block;
  width: 58px;
  height: 45px;
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-comfort-3.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);

  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease, visivility .5s ease;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal.is-show{
  opacity: 1;
  visibility: visible;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner {
  z-index: 100;
  position: relative;
  width: 345px;
  height: fit-content;
  padding: 10px 30px 30px;
  border-radius: 44px;
  background-color: #fff;
  box-sizing: border-box;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-image {
  width: auto;
  height: 90px;
  margin: 0 auto;
  display: block;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-head {
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  color: #9F674E;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.58;
  text-align: center;
  letter-spacing: 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-text {
  font-size: 12px;
  font-weight: 350;
  line-height: 1.5;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner{
    width: fit-content;
    max-width: 640px;
    padding: 35px 40px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-image{
    width: 120px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-head {
    font-size: 18px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-text{
    font-size: 14px;
  }
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-text strong {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 500;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-text:has(img) {
  position: relative;
  padding-right: 90px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-inner .block-custom-feature-comfort-point-modal-description .block-custom-feature-comfort-point-modal-description-text.note {
  margin-top: 1rem;
  font-size: 10px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-point .block-custom-feature-comfort-point-modal .block-custom-feature-comfort-point-modal-close {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  color: #fff;
  font-size: 25px;
  background-color: transparent;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture {
  background-image: url(/decorte/img/decorte2023/sp/custom/skinshadow_designingpalette/img-comfort-bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: min(93.3vw, 700px);
  margin: 30px auto 20px;
  position: relative;
  width: min(70.5vw, 530px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-lead {
  color: #9F674E;
  font-feature-settings: normal;
  font-size: min(2.9vw, 22px);
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.3;
  position: absolute;
  text-align: center;
  top: min(9.3vw, 70px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(18.6vw, 140px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element.element01 {
  left: max(-9vw, -68px);
  top: min(18.4vw, 138px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element.element02 {
  right: max(-6.5vw, -49px);
  top: min(18.4vw, 138px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element.element03 {
  left: max(-9vw, -68px);
  top: min(48vw, 360px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element.element04 {
  right: max(-6.5vw, -49px);
  top: min(48vw, 360px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element.element05 {
  left: min(13.7vw, 82px);
  top: min(68.2vw, 512px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element.element06 {
  right: min(13.7vw, 103px);
  top: min(68.2vw, 512px);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture .block-custom-feature-comfort-texture-element .block-custom-feature-comfort-texture-element-name {
  font-size: min(2vw, 16px);
  text-align: center;
  line-height: 1.24;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture-note {
  color: #666666;
  font-size: 8px;
  font-weight: 350;
  letter-spacing: 0.8px;
  line-height: 1.6;
  margin: 20px auto 0;
  padding: 0 15px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-comfort .block-custom-feature-comfort-texture-note {
    font-size: 10px;
  }
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-image {
  margin: 0 auto;
  max-width: 375px;
  width: 72.5%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-name {
  color: #9F674E;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
}

.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-text {
  color: #333333;
  font-size: 11px;
  text-align: center;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-name {
    font-size: 18px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-text {
    font-size: 14px;
  }
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion {
  background-color: #fff;
  box-shadow: 0px 2px 5px #ccc;
  border-radius: 0 0 20px 20px;
  margin: 0 auto;
  max-width: 375px;
  width: 72.5%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion[open] .block-custom-feature-tool-item-accordion-head::before {
  right: 50px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion[open] .block-custom-feature-tool-item-accordion-head::after {
  right: 56px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion[open] .block-custom-feature-tool-item-accordion-body {
  max-height: 667px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-top: 10px;
  border-radius: 0 0 20px 20px;
  background-color: #fff;
  color: #9F674E;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 3px;
  cursor: pointer;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-head::before {
  z-index: 1;
  position: absolute;
  right: 56px;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #9F674E;
  transform: rotate(45deg);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-head::after {
  z-index: 1;
  position: absolute;
  right: 50px;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #9F674E;
  transform: rotate(-45deg);
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-body {
  max-height: 0;
  transition: max-height 0.4s ease;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-body .block-coating {
  padding: 10px 10px 15px 10px;
  border-top: 1px solid #C3C3C3;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-body .block-coating .block-coating-title {
  color: #9F674E;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.8px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-body .block-coating .block-coating-image {
  max-width: 272px;
  margin: 0 auto;
  width: 60%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-body .block-coating .block-coating-text {
  color: #333333;
  font-size: 11px;
  font-weight: 350;
  text-align: center;
  line-height: 1.5;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-link {
  display: block;
  width: 150px;
  line-height: 25px;
  margin: 20px auto 0;
  background-color: #999;
  color: #fff;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 901px), print {
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-body .block-coating .block-coating-title {
    font-size: 16px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-accordion .block-custom-feature-tool-item-accordion-body .block-coating .block-coating-text {
    font-size: 14px;
  }
  .block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-tool .block-custom-feature-tool-item .block-custom-feature-tool-item-link{
    font-size: 14px;
  }
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-ranking {
  display: flex;
  gap: 25px;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-ranking .block-custom-feature-ranking-item {
  max-width: 150px;
  min-width: 77px;
  width: 21.7%;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-ranking .block-custom-feature-ranking-item a {
  text-decoration: none;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-ranking .block-custom-feature-ranking-item .block-ranking .block-ranking-rank {
  margin: 0 auto 5px;
  width: 20px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-ranking .block-custom-feature-ranking-item .block-ranking .block-ranking-image {
  margin-bottom: 5px;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-ranking .block-custom-feature-ranking-item .block-ranking .block-ranking-num {
  font-size: 12px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature .block-custom-feature-ranking .block-custom-feature-ranking-item .block-ranking .block-ranking-text {
  color: #333333;
  font-size: 10px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 0;
  text-align: center;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature-comfort-texture-element-image {
  position: relative;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature-comfort-texture-element-image span {
  position: absolute;
  font-size: 8px;
  bottom: 2px;
  right: 0;
}
.block-custom .page-products-skinshadow-designingpalette .block-custom-feature-comfort-texture-image-notice {
  font-size: 8px;
  text-align: right;
  width: 100%;
  font-weight: 300;
}

.block-custom .page-products-sunshelter-inner-white-protection {
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--scroll-container {
  overflow-x: scroll;
  white-space: nowrap;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--products {
  margin-left: 80px;
  margin-bottom: 15px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--products-list {
  display: flex;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--products-list-item {
  width: 160px;
  min-width: 160px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--products-list-item-lead {
  height: 60px;
  color: #8dadda;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  font-size: 14px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--products-list-item-lead span {
  line-height: 1.4;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--products-list-item-image img {
  width: auto !important;
  margin: 0 auto;
  max-width: 160px !important;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--products-list-item-name {
  color: #8dadda;
  line-height: 1.5;
  font-weight: 500;
  font-size: 12px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table {
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-row {
  border-top: 1px solid #010101;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-row:last-child {
  border-bottom: 1px solid #010101;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-row td {
  word-wrap: break-word;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-head {
  font-size: 10px;
  min-width: 80px;
  padding: 2px;
  text-align: center;
  width: 80px;
  left: 0;
  top: 0;
  position: sticky;
  z-index: 1;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-head::before {
  background-color: #ffffff;
  border-right: 1px solid #010101;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data {
  width: 160px;
  min-width: 160px;
  text-align: center;
  padding: 2px;
  font-size: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data:last-child {
  border-right: none;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data[colspan="3"] {
  width: 480px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-notes {
  text-align: center;
  padding: 5px;
  font-size: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature {
  width: 160px;
  min-width: 160px;
  text-align: center;
  padding: 5px;
  border-right: 1px solid #010101;
  vertical-align: top;
  font-size: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature:last-child {
  border-right: none;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature sup {
  font-size: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature-text {
  line-height: 1.1;
  margin: 15px 0;
  height: 35px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature-list {
  margin-bottom: 20px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature-list-item {
  position: relative;
  text-align: left;
  font-size: 10px;
  margin-left: 10px;
  white-space: normal;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature-list-item::before {
  content: "・";
  position: absolute;
  top: 0;
  left: -10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature-list-item-sup {
  position: relative;
  text-align: left;
  font-size: 10px;
  margin-left: 10px;
  margin-top: -6px;
  white-space: normal;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature-list-item-sup sup {
  font-size: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-data-feature-list-item-sup::before {
  content: "・";
  position: absolute;
  top: 6px;
  left: -10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--notes {
  font-size: 10px;
  text-align: right;
  white-space: normal;
  width: 720px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation {
  margin-left: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation-list {
  display: flex;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation-list-item {
  width: 160px;
  min-width: 160px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation-list-item-button {
  position: relative;
  background-color: #8dadda;
  width: 140px;
  height: 80px;
  line-height: 1.5;
  padding-right: 15px;
  color: #ffffff;
  font-weight: 300;
  font-size: 11px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation-list-item-button:hover {
  cursor: pointer;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation-list-item-button:before {
  content: "";
  background-color: #fff;
  height: 25px;
  width: 1px;
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 12px;
  transform: rotate(-30deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation-list-item-button:after {
  content: "";
  background-color: #fff;
  height: 25px;
  width: 1px;
  display: inline-block;
  position: absolute;
  bottom: 17px;
  right: 12px;
  transform: rotate(30deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--navigation-list-item a {
  align-items: center;
  background-color: #333333;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  text-decoration: none;
  width: calc(100% - 20px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__comfort .block-custom-lineup--products-list-item-lead {
  color: #5663ad;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__comfort .block-custom-lineup--products-list-item-name {
  color: #5663ad;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__ec .block-custom-lineup--products-list-item-lead {
  color: #6691dd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__ec .block-custom-lineup--products-list-item-name {
  color: #6691dd;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__vwr .block-custom-lineup--products-list-item-lead {
  color: #555ca1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__vwr .block-custom-lineup--products-list-item-name {
  color: #555ca1;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__tuc .block-custom-lineup--products-list-item-lead {
  color: #e795bc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__tuc .block-custom-lineup--products-list-item-name {
  color: #e795bc;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup .block-custom-lineup--products__tuc .block-custom-lineup--table-data-feature-text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-custom .page-products-sunshelter-inner-white-protection::before {
  background-image: url("../../../img/decorte2023/sp/custom/sunshelter_innerwhiteprotection/bg_main.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.4s;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection.-fixed::before {
  position: fixed;
}
.block-custom .page-products-sunshelter-inner-white-protection.-end::before {
  opacity: 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-intro {
  margin-bottom: 60px;
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-intro--lead {
  font-size: 14px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-intro--lead:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-intro--notes {
  font-size: 8px;
  line-height: 1.5;
  margin: 10px auto 0;
  width: calc(100% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-kv {
  margin: 0 auto 30px;
  width: 100%;
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-kv--copy {
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.4s ease-out;
  transform: translateY(60px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-kv--copy.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-kv--products {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(60px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-kv--products.-show {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0 auto 30px;
  padding: 30px 0;
  position: relative;
  width: calc(100% - 30px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--title {
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--title span {
  background: linear-gradient(90deg, #e675a4 0%, #3c81c3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--lead {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--lead strong {
  color: #ea4d1a;
  font-size: 24px;
  font-weight: 400;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category {
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--category-title {
  background-color: #e675a4;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-area {
  display: flex;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients {
  padding-top: 70px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients:nth-child(1) {
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients:nth-child(1)::before {
  content: "1";
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients:nth-child(1)::after {
  border-right: 4px dotted #f7edf5;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
  width: 4px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients:nth-child(2)::before {
  content: "2";
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients::before {
  background-image: url("../../../img/decorte2023/sp/custom/sunshelter_innerwhiteprotection/feature_ingredients_decoration_pink.png");
  color: #f6e2eb;
  width: calc(100% - 40px);
  left: 20px;
  top: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-name {
  color: #e675a4;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-name span {
  display: block;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-name strong {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(204, 104, 146, 0.2) 50%, rgba(255, 255, 255, 0.2) 100%);
  display: block;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-image {
  margin: 0 auto 30px;
  width: 50%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-catch {
  min-height: 70px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-catch strong strong {
  color: #e675a4;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-effect {
  width: calc(100% - 30px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-effect-title {
  background-color: #e675a4;
  height: 50px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__uvprotect .block-custom-feature--ingredients-effect-figure figcaption {
  margin-top: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty {
  margin-top: 120px;
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty::before, .block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty::after {
  background-color: #ea4d1a;
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  left: calc(50% - 35px);
  position: absolute;
  top: -60px;
  width: 70px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty::before {
  transform: rotate(45deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty::after {
  transform: rotate(135deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--category-title {
  background-color: #3c81c3;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 60px;
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients::before {
  background-image: url("../../../img/decorte2023/sp/custom/sunshelter_innerwhiteprotection/feature_ingredients_decoration_blue.png");
  color: #deebf6;
  content: "3";
  right: 40%;
  top: 0;
  width: calc(50% - 30px);
  height: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-name {
  color: #3c81c3;
  text-align: right;
  margin-right: -10%;
  width: 65%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-name span {
  display: inline-block;
  text-align: center;
  width: 80%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-name strong {
  display: inline-block;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(60, 129, 195, 0.2) 50%, rgba(255, 255, 255, 0.2) 100%);
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-image {
  margin-right: 20%;
  width: 25%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-catch {
  margin-top: 50px;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-catch strong strong {
  color: #3c81c3;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-effect-title {
  background-color: #3c81c3;
  margin: 0 auto 10px;
  min-height: 38px;
  padding: 1em;
  width: calc(100% - 60px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-effect-figure {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-effect-figure img {
  width: calc(50% - 30px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category__skinbeauty .block-custom-feature--ingredients-effect-figure figcaption {
  padding-bottom: 10px;
  width: calc(50% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category-title {
  align-items: center;
  border-radius: 35px;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 70px;
  justify-content: center;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 20px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--category-title strong {
  font-size: 22px;
  line-height: 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients {
  position: relative;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients::before {
  background-position: center top 35px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 40px;
  height: 50%;
  position: absolute;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-name {
  margin-bottom: 10px;
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-name span {
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  min-width: 80%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-name strong {
  font-size: 16px;
  font-weight: 300;
  min-width: 80%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-catch {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-catch strong {
  font-size: 14px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-image {
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-effect {
  margin: 20px auto 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-effect-title {
  align-items: center;
  border-radius: 14px;
  color: #ffffff;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  margin: 0 0 20px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-feature--ingredients-effect-figure figcaption {
  font-size: 8px;
  line-height: 1.3;
  text-align: justify;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients {
  background-image: url("../../../img/decorte2023/sp/custom/sunshelter_innerwhiteprotection/bg_ingredients.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  padding: 60px 0;
  position: relative;
  transition: 0.4s;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--title {
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--title strong {
  font-size: 36px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--title span {
  background: linear-gradient(90deg, #e675a4 0%, #3c81c3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  line-height: 1.3;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--catch {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: underline;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--lead {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category {
  height: 77px;
  margin: 0 auto 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-uvprotect::before, .block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-uvprotect::after,
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-uvprotect .block-custom-ingredients--category-item__skinbeauty {
  opacity: 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-uvprotect .block-custom-ingredients--category-item__uvprotect {
  left: 50%;
  transform: translateX(-50%) scale(1.2);
  z-index: 1;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-uvprotect .block-custom-ingredients--category-item__uvprotect span {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-skinbeauty::before, .block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-skinbeauty::after,
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-skinbeauty .block-custom-ingredients--category-item__uvprotect {
  opacity: 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-skinbeauty .block-custom-ingredients--category-item__skinbeauty {
  right: 50%;
  transform: translateX(50%) scale(1.2);
  z-index: 1;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category.-skinbeauty .block-custom-ingredients--category-item__skinbeauty span {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category::before, .block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category::after {
  background: rgb(230, 117, 164);
  background: linear-gradient(90deg, rgb(230, 117, 164) 0%, rgb(60, 129, 195) 100%);
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 1px);
  transition: 0.4s;
  width: 50px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category::before {
  transform: rotate(45deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category::after {
  transform: rotate(-45deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item {
  font-size: 18px;
  font-weight: 300;
  line-height: 0;
  text-align: center;
  position: absolute;
  transition: 0.8s ease-out;
  top: 0;
  width: 40%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item__uvprotect {
  left: 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item__uvprotect strong {
  background: rgb(230, 117, 164);
  background: linear-gradient(90deg, rgb(230, 117, 164) 0%, rgb(255, 153, 195) 100%);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item__uvprotect span {
  color: #e675a4;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item__skinbeauty {
  right: 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item__skinbeauty strong {
  background: rgb(128, 193, 255);
  background: linear-gradient(90deg, rgb(128, 193, 255) 0%, rgb(68, 146, 219) 100%);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item__skinbeauty span {
  color: #3c81c3;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item strong {
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 6px;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--category-item span {
  display: block;
  line-height: 1.3;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--visual-map {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 20px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--visual-map-guide {
  align-items: center;
  border: 2px solid;
  border-radius: 1.5em;
  color: gray;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  margin: 20px auto 10px;
  min-height: 3em;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 14em;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--visual-map-guide::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/sunshelter_innerwhiteprotection/icon_tap.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 2.2em;
  margin-right: 0.5em;
  width: 2.2em;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--visual-map-point {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--visual-map-point circle {
  opacity: 0;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--notes {
  font-size: 8px;
  line-height: 1.5;
  margin: 10px auto 0;
  text-align: right;
  width: calc(100% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal {
  display: none;
  position: relative;
  z-index: 11000;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal-sheet {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal-container {
  background-color: #ffffff;
  border-radius: 20px;
  left: 50%;
  max-height: calc(100vh - 40px);
  padding: 30px 20px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal-close {
  cursor: pointer;
  font-size: 0;
  height: 20px;
  right: 0;
  opacity: 0.5;
  overflow: hidden;
  position: absolute;
  top: -34px;
  width: 20px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal-close::before, .block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 1px);
  width: 50px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal-close::before {
  transform: rotate(45deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--detail-modal-close::after {
  transform: rotate(135deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item {
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item__uvprotect figcaption:nth-of-type(1) {
  background: rgb(230, 117, 164);
  background: linear-gradient(90deg, rgb(230, 117, 164) 0%, rgb(255, 153, 195) 100%);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item__uvprotect figcaption:nth-of-type(2) {
  color: #e675a4;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item__skinbeauty figcaption:nth-of-type(1) {
  background: rgb(128, 193, 255);
  background: linear-gradient(90deg, rgb(128, 193, 255) 0%, rgb(68, 146, 219) 100%);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item__skinbeauty figcaption:nth-of-type(2) {
  color: #3c81c3;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item img {
  margin: 0 auto;
  width: 60%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item figcaption {
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item figcaption:nth-of-type(1) {
  color: #ffffff;
  font-size: 12px;
  margin: 0 auto 20px;
  padding: 0.2em 1em;
  width: 60%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-ingredients--item figcaption:nth-of-type(2) {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign {
  background-color: #ffffff;
  border-radius: 20px;
  margin: 0 auto 60px;
  padding: 20px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--title {
  align-items: center;
  background: rgb(239, 122, 83);
  background: linear-gradient(90deg, rgb(239, 122, 83) 0%, rgb(255, 169, 140) 50%, rgb(239, 122, 83) 100%);
  color: #ffffff;
  display: flex;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding: 1em;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--visual {
  margin-bottom: 30px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--catch {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--features {
  display: grid;
  gap: 2px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 30px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--features li {
  align-items: center;
  background-color: #ea4d1a;
  color: #ffffff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  line-height: 1.3;
  padding: 1em 0;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--features li:nth-child(1), .block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--features li:nth-child(3) {
  font-size: 11px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--features li:nth-child(2) {
  font-size: 14px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--products {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--products-sample {
  margin-right: -4%;
  width: 44%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--products-text-area {
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--products-name {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--products-quantity {
  font-size: 12px;
  font-weight: 700;
  margin-top: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--products-quantity strong {
  font-size: 18px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-trigger {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
  margin: 20px auto;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal {
  display: none;
  position: relative;
  z-index: 11000;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-sheet {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-container {
  background-color: #ffffff;
  border-radius: 20px;
  left: 50%;
  height: calc(100vh - 60px);
  overflow-y: scroll;
  padding: 30px 20px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
  -ms-overflow-style: none;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-container::-webkit-scrollbar {
  display: none;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-close {
  cursor: pointer;
  font-size: 0;
  height: 20px;
  right: 10px;
  opacity: 0.5;
  overflow: hidden;
  position: absolute;
  top: 10px;
  width: 20px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-close::before, .block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 1px);
  width: 50px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-close::before {
  transform: rotate(45deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-modal-close::after {
  transform: rotate(135deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-list li {
  font-size: 12px;
  padding-left: 2em;
  position: relative;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-list li:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-list li::before {
  content: "※";
  display: inline-block;
  left: 0;
  position: absolute;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--terms-list li a {
  text-decoration: underline;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-campaign--cart-button {
  align-items: center;
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  width: 260px;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-column {
  margin: 0 auto 60px;
  position: relative;
  text-align: center;
  width: calc(100% - 80px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-column--image {
  margin-bottom: 20px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-column--text-area {
  font-size: 16px;
  font-weight: 500;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-column--text-area span {
  color: #3c81c3;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 700;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-column--text-area strong {
  color: #ea4d1a;
  font-size: 24px;
  font-weight: 700;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 30px 10px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--title {
  color: #242980;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table {
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal {
  display: none;
  position: relative;
  z-index: 11000;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal-sheet {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal-container {
  background-color: #ffffff;
  border-radius: 20px;
  left: 50%;
  max-height: calc(100vh - 40px);
  padding: 30px 20px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal-close {
  cursor: pointer;
  font-size: 0;
  height: 20px;
  right: 0;
  opacity: 0.5;
  overflow: hidden;
  position: absolute;
  top: -34px;
  width: 20px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal-close::before, .block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 1px);
  width: 50px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal-close::before {
  transform: rotate(45deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--table-modal-close::after {
  transform: rotate(135deg);
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus {
  border: 1px solid #ea4d1a;
  border-radius: 10px;
  margin: 90px auto 0;
  text-align: center;
  padding-bottom: 30px;
  position: relative;
  width: calc(100% - 20px);
  /*&::before,
  &::after {
    background-color: #f4a68c;
    content: "";
    display: block;
    height: 6px;
    left: calc(50% - 30px);
    position: absolute;
    top: -90px;
    width: 60px;
  }
  &::before {
    transform: rotate(90deg);
  }*/
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus-catch {
  background-color: #ffffff;
  color: #ea4d1a;
  display: inline-block;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.5;
  margin: -1.5em auto 30px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus-image {
  margin: 0 auto 30px;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus-image::before {
  background: rgb(234, 77, 26);
  background: radial-gradient(circle, rgb(234, 77, 26) 0%, rgba(255, 255, 255, 0) 45%);
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  opacity: 0.5;
  position: absolute;
  top: -60px;
  transform: translate(-50%, 0);
  z-index: 0;
  width: 100%;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus-image img {
  margin: 0 auto;
  position: relative;
  width: 40%;
  z-index: 1;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus-name {
  color: #ea4d1a;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus-spec {
  font-size: 11px;
  margin-bottom: 30px;
}
.block-custom .page-products-sunshelter-inner-white-protection .block-custom-lineup--plus-description {
  font-size: 14px;
  text-align: center;
}

.page-product-tintedplumper.block-custom {
  padding: 0 0 60px !important;
}
.page-product-tintedplumper .block-custom-main-visual {
  margin: 0 auto;
  width: 100%;
}
.page-product-tintedplumper .block-custom-lead {
  background-color: #ffffff;
  margin: 0 auto 40px;
  padding: 40px 15px;
  text-align: center;
}
.page-product-tintedplumper .block-custom-lead--copy {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 40px;
}
.page-product-tintedplumper .block-custom-lead--text {
  font-size: 14px;
  line-height: 2;
}
.page-product-tintedplumper .block-custom-lead--text:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-tintedplumper .block-custom-feature {
  background-color: #ffffff;
  margin: 0 auto;
  padding-bottom: 40px;
}
.page-product-tintedplumper .block-custom-feature--image {
  margin-bottom: 40px;
}
.page-product-tintedplumper .block-custom-feature--title {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-tintedplumper .block-custom-feature--item {
  margin: 0 auto;
  padding: 0 15px;
}
.page-product-tintedplumper .block-custom-feature--item:not(:last-child) {
  margin-bottom: 40px;
}
.page-product-tintedplumper .block-custom-feature--item-title {
  font-size: 16px;
  border-bottom: 1px solid;
  line-height: 1.5;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.page-product-tintedplumper .block-custom-sample {
  background-color: #ffffff;
  margin: 0 auto 40px;
  padding: 40px 15px;
  position: relative;
}
.page-product-tintedplumper .block-custom-sample::before {
  background-color: #dbdbdb;
  content: "";
  display: block;
  height: 1px;
  left: 15px;
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
}
.page-product-tintedplumper .block-custom-sample--lead {
  font-size: 18px;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-tintedplumper .block-custom-sample--before {
  margin: 0 auto 40px;
}
.page-product-tintedplumper .block-custom-sample--before-title {
  font-size: 16px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  text-align: center;
}
.page-product-tintedplumper .block-custom-sample--before-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.page-product-tintedplumper .block-custom-sample--before-text {
  margin-right: 10px;
}
.page-product-tintedplumper .block-custom-sample--before-image {
  width: calc(40% - 10px);
}
.page-product-tintedplumper .block-custom-sample--after {
  margin: 0 auto;
}
.page-product-tintedplumper .block-custom-sample--after-title {
  font-size: 16px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  text-align: center;
}
.page-product-tintedplumper .block-custom-sample--after-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-product-tintedplumper .block-custom-sample--after-text {
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.page-product-tintedplumper .block-custom-sample--after-image {
  width: calc(50% - 10px);
}
.page-product-tintedplumper .block-custom-sample--after-image:nth-child(2) {
  margin-bottom: 20px;
  margin-right: 20px;
}
.page-product-tintedplumper .block-custom-sample--after-image:nth-child(3) {
  margin-bottom: 20px;
}
.page-product-tintedplumper .block-custom-sample--after-image:nth-child(4) {
  margin-bottom: 20px;
  margin-right: 20px;
}
.page-product-tintedplumper .block-custom-sample--after-image:nth-child(5) {
  margin-bottom: 20px;
}
.page-product-tintedplumper .block-custom-sample--after-image-caption strong {
  display: inline-block;
  margin-right: 10px;
}
.page-product-tintedplumper .block-custom-makeup-pattern {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 40px 15px;
  position: relative;
}
.page-product-tintedplumper .block-custom-makeup-pattern--lead {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
}

.page-product-toneperfectingpalet {
  padding: 0 0 40px;
}
.page-product-toneperfectingpalet.block-custom {
  background-color: #000000;
}
.page-product-toneperfectingpalet .block-custom-main-visual {
  background: #F7DCD1;
  margin: 0 auto;
}
.page-product-toneperfectingpalet .block-custom-main-visual--text-area {
  text-align: center;
  padding: 40px 0;
}
.page-product-toneperfectingpalet .block-custom-main-visual--copy {
  font-size: 14px;
  padding-bottom: 22px;
  line-height: 1;
}
.page-product-toneperfectingpalet .block-custom-main-visual--name {
  font-size: 30px;
  padding-bottom: 22px;
  line-height: 1;
}
.page-product-toneperfectingpalet .block-custom-main-visual--lead {
  font-size: 20px;
  padding-bottom: 46px;
  line-height: 1.5;
}
.page-product-toneperfectingpalet .block-custom-main-visual--more {
  color: #515457;
  position: relative;
  margin-bottom: 26px;
}
.page-product-toneperfectingpalet .block-custom-main-visual--more::before {
  display: none;
}
.page-product-toneperfectingpalet .block-custom-main-visual--more::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 50%;
  height: 22px;
  width: 22px;
  border-right: 1px solid #515457;
  border-bottom: 1px solid #515457;
  transform: translateX(-50%) rotate(45deg);
  background: none;
  right: auto;
}
.page-product-toneperfectingpalet .block-custom-main-visual--more.js-accordion-trigger__active {
  display: none;
}
.page-product-toneperfectingpalet .leadmoretxt {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: 0.6s ease-in;
}
.page-product-toneperfectingpalet .leadmoretxt.on {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}
.page-product-toneperfectingpalet .block-custom-main-visual--text1 {
  font-size: 18px;
  padding-bottom: 22px;
  line-height: 1;
}
.page-product-toneperfectingpalet .block-custom-main-visual--text2 {
  font-size: 14px;
  padding-bottom: 40px;
  line-height: 2;
}
.page-product-toneperfectingpalet .block-custom-main-visual--text2:last-child {
  padding-bottom: 0;
}
.page-product-toneperfectingpalet .block-custom-intro {
  background: #fff;
  margin: 40px auto 0;
  padding: 40px 0;
  width: calc(100% - 30px);
}
.page-product-toneperfectingpalet .block-custom-intro--copy {
  font-size: 18px;
  text-align: center;
  line-height: 1.5;
}
.page-product-toneperfectingpalet .block-custom-intro--feature,
.page-product-toneperfectingpalet .block-custom-intro--howto {
  border-top: 1px solid #DBDBDB;
  margin: 48px 15px 0;
}
.page-product-toneperfectingpalet .block-custom-intro--feature-lead1,
.page-product-toneperfectingpalet .block-custom-intro--howto-lead1 {
  font-size: 20px;
  margin: 40px 0;
  text-align: center;
}
.page-product-toneperfectingpalet .block-custom-intro--feature-box-inner {
  background: #F9ECE6;
  border-radius: 8px;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  margin-top: 20px;
}
.page-product-toneperfectingpalet .block-custom-intro--feature-box-inner-lead {
  font-size: 16px;
  margin-bottom: 12px;
}
.page-product-toneperfectingpalet .block-custom-intro--feature-box-inner-text {
  font-size: 14px;
  line-height: 1.4;
}
.page-product-toneperfectingpalet .block-custom-intro--feature-lead2 {
  font-size: 16px;
  margin-top: 20px;
  padding-top: 52px;
  text-align: center;
  position: relative;
}
.page-product-toneperfectingpalet .block-custom-intro--feature-lead2::before {
  content: "";
  display: block;
  border-top: 30px solid #737980;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  position: absolute;
  top: 0;
  left: calc(50% - 40px);
}
.page-product-toneperfectingpalet .block-custom-intro--howto-lead2 {
  font-size: 14px;
  margin-top: 40px;
}
.page-product-toneperfectingpalet .block-custom-intro--howto-box {
  margin-top: 20px;
}
.page-product-toneperfectingpalet .block-custom-intro--howto-box-inner img {
  max-width: 150px;
  margin: 0 auto 20px;
}
.page-product-toneperfectingpalet .block-custom-intro--howto-box-inner-text {
  font-size: 12px;
  margin-bottom: 12px;
  line-height: 1.4;
}
.page-product-toneperfectingpalet .block-custom-intro--howto-box-inner-text:last-child {
  margin-bottom: 0;
}

.block-custom .page-products-toneflatperfectingpalet {
  font-size: 12px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  /*toggle*/
  /*toggle END*/
}
.block-custom .page-products-toneflatperfectingpalet h1, .block-custom .page-products-toneflatperfectingpalet h2, .block-custom .page-products-toneflatperfectingpalet h3, .block-custom .page-products-toneflatperfectingpalet h4, .block-custom .page-products-toneflatperfectingpalet dt, .block-custom .page-products-toneflatperfectingpalet dd, .block-custom .page-products-toneflatperfectingpalet li, .block-custom .page-products-toneflatperfectingpalet p, .block-custom .page-products-toneflatperfectingpalet span, .block-custom .page-products-toneflatperfectingpalet small, .block-custom .page-products-toneflatperfectingpalet th, .block-custom .page-products-toneflatperfectingpalet td, .block-custom .page-products-toneflatperfectingpalet figcaption {
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.05em;
}
.block-custom .page-products-toneflatperfectingpalet .detailbtn {
  background: #000000;
  padding: 8px 12px;
  line-height: 1.4;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
  cursor: pointer;
}
.block-custom .page-products-toneflatperfectingpalet .detailbtn:hover {
  background: #CCA6A6;
}
.block-custom .page-products-toneflatperfectingpalet sup {
  font-size: 0.5em;
  vertical-align: top;
}
.block-custom .page-products-toneflatperfectingpalet .block-custom-contents {
  position: relative;
}
.block-custom .page-products-toneflatperfectingpalet .block-custom-contents-title {
  height: 80px;
  background: linear-gradient(90deg, #E8D4D4, #F4E8E6);
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000000;
}
.block-custom .page-products-toneflatperfectingpalet .block-custom-contents-h4title {
  width: 100%;
  padding: 10px 15px;
  background: #F2E4E2;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.block-custom .page-products-toneflatperfectingpalet .block-custom-contents-h5title {
  width: 100%;
  padding: 10px 15px;
  background: #F9F2E9;
  margin: 0 auto 15px;
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.block-custom .page-products-toneflatperfectingpalet .block-custom-contents-box {
  width: 94%;
  max-width: 480px;
  margin: 0 auto 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-lead {
  width: 100%;
  background: #F7ECEA;
}
.block-custom .page-products-toneflatperfectingpalet .block-lead-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 300px;
  background: url(/decorte/img/decorte2023/sp/custom/toneflatperfectingpalet/lead_bg.png) no-repeat center bottom;
  background-size: 390px;
}
.block-custom .page-products-toneflatperfectingpalet .block-lead-txtarea {
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-lead-title {
  font-size: 20px;
  margin-bottom: 30px;
}
.block-custom .page-products-toneflatperfectingpalet .block-lead-txt {
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 1.8;
}
.block-custom .page-products-toneflatperfectingpalet .block-lead-notice {
  font-size: 8px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-navi {
  display: flex;
  gap: 2px;
  margin: 0 auto;
  padding: 10px 0;
  width: 100%;
  max-width: 480px;
  justify-content: center;
  flex-wrap: wrap;
}
.block-custom .page-products-toneflatperfectingpalet .block-navi-btn {
  width: calc(33.3333333333% - 5px);
  height: 80px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(45deg, #221F1E, #514342);
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  transition: all 0.5s ease;
}
.block-custom .page-products-toneflatperfectingpalet .block-navi-btn::after {
  content: "";
  display: block;
  background: #ffffff;
  width: 12px;
  height: 6px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin-top: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-navi-btn:hover {
  opacity: 0.7;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature .block-custom-contents-title {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border: solid 1px #E0D3D1;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-txt {
  width: 100%;
  margin-bottom: 15px;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-txt p {
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-image {
  width: 180px;
  margin: auto;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-seibun {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-seibun-item {
  width: 100px;
  margin: 0 5px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-seibun-item span {
  font-size: 11px;
  margin-top: 10px;
  display: block;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-notice {
  font-size: 9px;
  line-height: 1.6;
  margin-top: 10px;
  width: 100%;
}
.block-custom .page-products-toneflatperfectingpalet .block-feature-box-exnotice {
  width: 100%;
  font-size: 8.5px;
  line-height: 1.6;
  margin-top: 10px;
  text-align: right;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto .block-custom-contents-title {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-lead {
  font-size: 15px;
  text-align: center;
  margin-bottom: 15px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-block1 {
  background: #FBF1E2;
  padding: 15px 0;
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-block1 .block-custom-contents-box {
  border: solid 1px #E0D3D1;
  background: #ffffff;
  padding: 15px;
  margin-bottom: 0;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-block1 .block-custom-contents-h5title {
  text-align: center;
  background: #F5E7D7;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-block2 {
  background: #E5E5E5;
  padding: 15px 0;
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-block2 .block-custom-contents-box {
  border: solid 1px #D4D4D4;
  background: #ffffff;
  padding: 15px;
  margin-bottom: 0;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-block2 .block-custom-contents-h5title {
  text-align: center;
  background: #EEEEEE;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-wrap {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 15px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step.step1 {
  width: 428px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step.step2, .block-custom .page-products-toneflatperfectingpalet .block-howto-step.step3 {
  width: 100%;
  justify-content: space-between;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step-item {
  width: 100px;
  display: flex;
  flex-direction: column;
  margin-right: 14px;
  position: relative;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step-item-title {
  background: #f0f0f0;
  padding: 8px 12px;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step-item-title strong {
  font-size: 1.4em;
  font-weight: 400;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step-item span {
  font-size: 10px;
  text-align: center;
  margin-top: 10px;
  font-weight: 600;
  letter-spacing: 0;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step-item::after {
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 7px;
  height: 14px;
  background: #f0f0f0;
  position: absolute;
  right: -15px;
  top: 90px;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step-item:last-of-type {
  margin-right: 0;
}
.block-custom .page-products-toneflatperfectingpalet .block-howto-step-item:last-of-type::after {
  content: none;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari {
  background: #F9F2E9;
  padding-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari .block-custom-contents-title {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari .block-custom-contents-box {
  background: #ffffff;
  padding: 15px 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-title {
  font-size: 15px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-lead {
  font-size: 12px;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box1, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box2, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box3, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box4, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box5, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box6, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box7 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box1, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box2, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box4, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box5, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box6, .block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box7 {
  width: calc(50% - 2.5px);
  padding: 15px 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box1 {
  background: #FDF8F7;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box2 {
  background: #FDF0EE;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box3 {
  width: 100%;
  padding: 25px 10px 15px;
  background: #FDF2EB;
  margin-top: 5px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box4 {
  background: #FDF8F7;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box5 {
  background: #F8FBF1;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box6 {
  background: #FDF0EE;
  margin-top: 5px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-box7 {
  background: #F8F3F9;
  margin-top: 5px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-title {
  font-size: 11px;
  margin-bottom: 8px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-sub {
  font-size: 9px;
  margin-bottom: 8px;
  background: #ffffff;
  border: solid 1px #CCBEBB;
  padding: 2px 6px;
  border-radius: 12px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-image {
  display: flex;
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-image img {
  width: 80px;
  margin: 0 2px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-txt {
  text-align: center;
  font-size: 9px;
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-btn {
  background: linear-gradient(90deg, #221F1E, #514342);
  padding: 5px 10px;
  border-radius: 2px;
  color: #ffffff;
  display: flex;
  align-items: center;
  font-size: 9px;
  cursor: pointer;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-btn::after {
  content: "";
  background: url(/decorte/img/decorte2023/pc/custom/toneflatperfectingpalet/modalicon.png) center center no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-left: 5px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-item1 {
  position: absolute;
  top: 190px;
  left: calc(50% - 35px);
  width: 70px;
  height: 78px;
  background: #ffffff;
  border-radius: 4px;
}
.block-custom .page-products-toneflatperfectingpalet .block-shiagari-block-item2 {
  position: absolute;
  top: 200px;
  left: calc(50% - 35px);
  width: 70px;
  height: 78px;
  background: #ffffff;
  border-radius: 4px;
}
.block-custom .page-products-toneflatperfectingpalet .modal-shiagari {
  width: 300px;
  margin: auto;
}
.block-custom .page-products-toneflatperfectingpalet .modal-shiagari-item {
  text-align: center;
  margin: auto;
  width: 200px;
}
.block-custom .page-products-toneflatperfectingpalet .modal-shiagari-item > p {
  width: 200px;
  margin: auto;
}
.block-custom .page-products-toneflatperfectingpalet .modal-shiagari-item img {
  width: 200px;
  margin: auto;
}
.block-custom .page-products-toneflatperfectingpalet .modal-shiagari-item span {
  margin-top: 15px;
  font-size: 12px;
  display: block;
}
.block-custom .page-products-toneflatperfectingpalet .modal-shiagari.show {
  animation: opac 0.3s;
}
.block-custom .page-products-toneflatperfectingpalet .modal-container.wide .modal-shiagari {
  width: 760px;
}
@keyframes opac {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.block-custom .page-products-toneflatperfectingpalet .block-tech {
  padding-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech .block-custom-contents-title {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-lead {
  font-size: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box {
  display: block;
  padding: 10px;
  border: solid 1px #E0D3D1;
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box .block-custom-contents-h5title {
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-lead {
  font-size: 12px;
  margin-bottom: 18px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2 {
  display: flex;
  justify-content: space-between;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2-box {
  width: calc(50% - 2.5px);
  padding: 12px 5px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2-box:nth-of-type(1) {
  background: #f4f4f4;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2-box:nth-of-type(2) {
  background: #F9F1F0;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2-box-title {
  font-size: 11px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2-box-image {
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2-box p {
  font-size: 9px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column2-box p.cap-center {
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column1 {
  width: 100%;
  padding: 12px 10px;
  background: #F9F1F0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column1-title {
  width: 100%;
  margin-bottom: 5px;
  font-size: 11px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column1-image {
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column1-txt {
  width: 100%;
  text-align: center;
  font-size: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column1-txt p {
  margin-bottom: 10px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column1-txt p:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-column1-extxt {
  font-size: 8.5px;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-toneflatperfectingpalet .block-tech-box-notice {
  font-size: 8.5px;
  line-height: 1.6;
  margin-top: 5px;
  text-align: right;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool {
  padding-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool .block-custom-contents-title {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool-lead {
  font-size: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool-box:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool-box-image {
  width: 140px;
  margin: 0 15px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool-box-image:nth-of-type(2) {
  margin-left: 50px;
}
.block-custom .page-products-toneflatperfectingpalet .block-tool-box-txt {
  width: 180px;
  margin: 0 15px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend {
  padding-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend .block-custom-contents-title {
  margin-bottom: 20px;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend-lead {
  font-size: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend-box-item {
  width: 160px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 15px;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend-box-item-image {
  width: 140px;
  margin: 0 auto 12px;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend-box-item-txt {
  font-size: 11px;
  margin-bottom: 12px;
  line-height: 1.8;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend-box-item-name {
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.4;
}
.block-custom .page-products-toneflatperfectingpalet .block-recommend-box-item .detailbtn {
  display: inline-block;
}
.block-custom .page-products-toneflatperfectingpalet .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.block-custom .page-products-toneflatperfectingpalet .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  padding: 8% 2% 4%;
  height: 50%;
  border-radius: 8px;
}
.block-custom .page-products-toneflatperfectingpalet .block-section3 .modal-close {
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  color: #000000;
  width: auto;
  font-weight: 400;
}
.block-custom .page-products-toneflatperfectingpalet .modal-btn {
  cursor: pointer;
}
.block-custom .page-products-toneflatperfectingpalet .modal-wrap {
  height: 100%;
  overflow-y: auto;
  padding: 30px 5px 5px;
  scrollbar-color: #f0f0f0 #ffffff;
  width: 100%;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata {
  background: #F4E8EA;
  padding: 10px 15px 10px;
  border-radius: 8px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-title {
  text-align: center;
  margin: -25px auto 10px;
  height: 30px;
  display: block;
  padding: 5px 16px;
  border-radius: 30px;
  background: #E6CFD3;
  color: #804B54;
  display: block;
  width: 160px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dashed 1px #A68A8F;
  flex-wrap: wrap;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box-category {
  font-size: 12px;
  width: 100%;
  text-align: center;
  margin-bottom: 4%;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box-list {
  width: 100%;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box-list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box-list-item:last-of-type {
  margin-bottom: 0;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box-list-item-name {
  font-size: 10px;
  border-radius: 4px;
  height: 40px;
  width: calc(100% - 61px);
  background: #E6D5D8;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  line-height: 1.3;
}
.block-custom .page-products-toneflatperfectingpalet .modal-makeupdata-box-list-item-image {
  width: 56px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
}
.block-custom .page-products-toneflatperfectingpalet .togglebtn {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
}
.block-custom .page-products-toneflatperfectingpalet .togglebtn.open {
  display: none;
}
.block-custom .page-products-toneflatperfectingpalet .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
.block-custom .page-products-toneflatperfectingpalet .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.block-custom .page-products-toneflatperfectingpalet .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.block-custom .page-products-toneflatperfectingpalet .downarrow {
  width: 30px;
  height: 30px;
  background: #81645F;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}
.block-custom .page-products-toneflatperfectingpalet .downarrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}

.page-products-uv-comfort {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-products-uv-comfort body, .page-products-uv-comfort h1, .page-products-uv-comfort h2, .page-products-uv-comfort h3, .page-products-uv-comfort h4, .page-products-uv-comfort p, .page-products-uv-comfort ul, .page-products-uv-comfort ol, .page-products-uv-comfort li, .page-products-uv-comfort figure, .page-products-uv-comfort figcaption, .page-products-uv-comfort blockquote, .page-products-uv-comfort dl, .page-products-uv-comfort dd, .page-products-uv-comfort table, .page-products-uv-comfort th, .page-products-uv-comfort td {
  font-weight: 400;
}
.page-products-uv-comfort sup {
  vertical-align: super;
  font-size: 0.6em;
}
.page-products-uv-comfort .detailbtn {
  background: #000000;
  padding: 3% 6% 4%;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-uv-comfort .detailbtn:hover {
  background: #555555;
}
.page-products-uv-comfort .block-kv {
  width: 100%;
  margin: 0 auto;
}
.page-products-uv-comfort .block-lead {
  background: url(/decorte/img/decorte2023/sp/custom/uv_comfort/lead_bg.png) no-repeat center top;
  background-size: cover;
  padding: 10% 0;
}
.page-products-uv-comfort .block-lead-txt {
  font-size: 14px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.page-products-uv-comfort .block-lead-txt p {
  margin-bottom: 5%;
}
.page-products-uv-comfort .block-lead-notice {
  font-size: 9px;
  text-align: center;
}
.page-products-uv-comfort .block-products, .page-products-uv-comfort .block-series {
  padding-bottom: 10%;
}
.page-products-uv-comfort .block-products-title, .page-products-uv-comfort .block-series-title {
  background-image: linear-gradient(90deg, #344151, #4f435c);
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
}
.page-products-uv-comfort .block-products {
  background: url(/decorte/img/decorte2023/sp/custom/uv_comfort/products_bg.png) no-repeat center top;
  background-size: cover;
  padding-bottom: 5%;
}
.page-products-uv-comfort .block-products-title {
  margin-bottom: 8%;
}
.page-products-uv-comfort .block-products-item {
  width: 94%;
  margin: 0 auto 3%;
}
.page-products-uv-comfort .block-products-item-btn {
  display: flex;
  width: 100%;
  background: #ffffff;
  padding: 3%;
  justify-content: space-between;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.8s ease;
}
.page-products-uv-comfort .block-products-item-btn-image {
  width: 80px;
  text-align: center;
}
.page-products-uv-comfort .block-products-item-btn-image img {
  width: 70px;
  margin: auto;
}
.page-products-uv-comfort .block-products-item-btn-txt {
  width: calc(100% - 150px);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-products-uv-comfort .block-products-item-btn-txt-name {
  padding-bottom: 3%;
  margin-bottom: 3%;
}
.page-products-uv-comfort .block-products-item-btn-txt-notice {
  font-size: 8px;
  margin-top: 3%;
}
.page-products-uv-comfort .block-products-item-btn-symbol {
  width: 40px;
  background-image: linear-gradient(#354151, #4f435c);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-products-uv-comfort .block-products-item-btn-symbol::before, .page-products-uv-comfort .block-products-item-btn-symbol::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  transition: all 0.8s ease;
}
.page-products-uv-comfort .block-products-item-btn-symbol::after {
  transform: rotate(90deg);
}
.page-products-uv-comfort .block-products-item-btn.open .block-products-item-btn-symbol::after {
  transform: rotate(180deg);
}
.page-products-uv-comfort .block-products-item-btn:hover {
  box-shadow: 0 0 15px rgba(56, 73, 65, 0.2);
}
.page-products-uv-comfort .block-products-item#watery .block-products-item-btn-txt-name {
  border-bottom: solid 3px #00A5D4;
}
.page-products-uv-comfort .block-products-item#airy .block-products-item-btn-txt-name {
  border-bottom: solid 3px #88908F;
}
.page-products-uv-comfort .block-products-item#ultra .block-products-item-btn-txt-name {
  border-bottom: solid 3px #0073A8;
}
.page-products-uv-comfort .block-products-item#bright .block-products-item-btn-txt-name {
  border-bottom: solid 3px #796AAA;
}
.page-products-uv-comfort .block-products-item#toneup .block-products-item-btn-txt-name {
  border-bottom: solid 3px #E59AC1;
}
.page-products-uv-comfort .block-products-item-body {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 6% 0 3%;
}
.page-products-uv-comfort .block-products-item-body-top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6%;
  flex-direction: column;
}
.page-products-uv-comfort .block-products-item-body-top-image {
  width: 94%;
  max-width: 300px;
}
.page-products-uv-comfort .block-products-item-body-top-txt {
  width: 94%;
  margin: 0 auto;
  text-align: center;
}
.page-products-uv-comfort .block-products-item-body-top-txt-name {
  font-size: 18px;
  margin-bottom: 4%;
}
.page-products-uv-comfort .block-products-item-body-top-txt-spf {
  font-size: 12px;
  margin-bottom: 4%;
}
.page-products-uv-comfort .block-products-item-body-top-txt-lead {
  font-size: 13px;
  line-height: 1.6;
}
.page-products-uv-comfort .block-products-item-body-top-txt-notice {
  font-size: 8px;
  text-align: right;
  width: 100%;
  margin-top: 5%;
}
.page-products-uv-comfort .block-products-item-body-box {
  background: rgba(255, 255, 255, 0.7);
  padding: 3%;
  margin-bottom: 3%;
  text-align: center;
}
.page-products-uv-comfort .block-products-item-body-box:last-of-type {
  margin-bottom: 0;
}
.page-products-uv-comfort .block-products-item-body-box-title {
  font-size: 15px;
  background: #E5EAF3;
  padding: 5%;
  margin-bottom: 5%;
  text-align: center;
}
.page-products-uv-comfort .block-products-item-body-box-copy {
  font-size: 14px;
  margin-bottom: 6%;
  text-align: center;
  line-height: 1.6;
}
.page-products-uv-comfort .block-products-item-body-box-lead {
  font-size: 12px;
  margin-bottom: 6%;
  line-height: 1.6;
}
.page-products-uv-comfort .block-products-item-body-box-txt {
  font-size: 12px;
  margin-bottom: 6%;
}
.page-products-uv-comfort .block-products-item-body-box-notice {
  font-size: 9px;
  margin-top: 4%;
}
.page-products-uv-comfort .block-products-item-body-box-notice.left {
  text-align: left;
}
.page-products-uv-comfort .block-products-item-body-box-notice.center {
  text-align: center;
}
.page-products-uv-comfort .block-products-item-body-box-notice.right {
  text-align: right;
}
.page-products-uv-comfort .block-products-item-body-box-notice2 {
  font-size: 8px;
  margin-bottom: 4%;
}
.page-products-uv-comfort .block-products-item-body-box-tec {
  display: flex;
  justify-content: space-between;
  padding: 4%;
  background: #ffffff;
  flex-direction: column;
}
.page-products-uv-comfort .block-products-item-body-box-tec-normal-title, .page-products-uv-comfort .block-products-item-body-box-tec-new-title {
  font-size: 12px;
  padding: 3%;
  margin-bottom: 15px;
}
.page-products-uv-comfort .block-products-item-body-box-tec-normal-image, .page-products-uv-comfort .block-products-item-body-box-tec-new-image {
  margin-bottom: 3%;
}
.page-products-uv-comfort .block-products-item-body-box-tec-normal-image span, .page-products-uv-comfort .block-products-item-body-box-tec-new-image span {
  display: block;
  text-align: right;
  font-size: 8px;
  margin-top: 2%;
}
.page-products-uv-comfort .block-products-item-body-box-tec-normal {
  width: 100%;
  margin-bottom: 4%;
}
.page-products-uv-comfort .block-products-item-body-box-tec-normal-title {
  background: #EAEBF1;
}
.page-products-uv-comfort .block-products-item-body-box-tec-normal-image {
  max-width: 210px;
  margin: 0 auto 3%;
}
.page-products-uv-comfort .block-products-item-body-box-tec-normal-caption {
  font-size: 11px;
  text-align: center;
}
.page-products-uv-comfort .block-products-item-body-box-tec-new {
  width: 100%;
}
.page-products-uv-comfort .block-products-item-body-box-tec-new-title {
  background: #F6E0C1;
}
.page-products-uv-comfort .block-products-item-body-box-tec-new-image {
  max-width: 310px;
  margin: 0 auto 3%;
}
.page-products-uv-comfort .block-products-item-body-box-tec-new-caption {
  font-size: 11px;
  color: #68441B;
  text-align: center;
  border: solid 1px #D5C4AC;
  padding: 3%;
}
.page-products-uv-comfort .block-products-item-body-box-tec-image {
  margin-bottom: 3%;
}
.page-products-uv-comfort .block-products-item-body-box-ingre {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-item {
  width: 140px;
  margin: 0 8px 5%;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-item span {
  display: block;
  font-size: 11px;
  text-align: center;
  margin-top: 8%;
  line-height: 1.4;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-item span.mt3per {
  margin-top: 3%;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-item span > span {
  font-size: 8px;
  display: block;
  margin-top: 2%;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-item img {
  max-width: 140px;
  margin: auto;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-item.wide {
  width: 90%;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-item.narrow {
  width: 90px;
  margin: 0 10px;
}
.page-products-uv-comfort .block-products-item-body-box-ingre-notice {
  width: 100%;
  text-align: right;
  font-size: 8px;
  margin-top: 0;
}
.page-products-uv-comfort .block-products-item-body-box-ingre.borderdashed {
  border-bottom: dashed 1px #b4b4b4;
  padding-bottom: 4%;
  margin-bottom: 4%;
}
.page-products-uv-comfort .block-products-item-body-box-uv {
  width: 94%;
  margin: 0 auto 4%;
}
.page-products-uv-comfort .block-products-item-body-box-wet {
  width: 94%;
  margin: 0 auto;
}
.page-products-uv-comfort .block-products-item-body-box-uv span, .page-products-uv-comfort .block-products-item-body-box-wet span {
  display: block;
  text-align: right;
  margin-top: 2%;
  font-size: 8px;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari-txt {
  font-size: 13px;
  text-align: center;
  margin-bottom: 5%;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari-txt span {
  display: block;
  margin-top: 4%;
  font-size: 8px;
  text-align: center;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari-image {
  width: 80%;
  max-width: 200px;
  margin: 0 auto 5%;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari-image span {
  font-size: 8px;
  margin-top: 2%;
  text-align: right;
  display: block;
}
.page-products-uv-comfort .block-products-item-body-box-case {
  padding: 6% 5% 3%;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-products-uv-comfort .block-products-item-body-box-case-title {
  width: 100%;
  text-align: center;
  margin-bottom: 6%;
  font-size: 12px;
}
.page-products-uv-comfort .block-products-item-body-box-case-item {
  width: 130px;
  margin: 0 8px 5%;
}
.page-products-uv-comfort .block-products-item-body-box-case-item span {
  font-size: 10px;
  display: block;
  margin-top: 5%;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari2 {
  width: 300px;
  margin: 0 auto 5%;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari2-title {
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari2 img {
  width: 200px;
  margin: 0 auto 10px;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari2 span {
  width: 200px;
  display: block;
  text-align: right;
  margin: 0 auto;
  font-size: 8px;
}
.page-products-uv-comfort .block-products-item-body-box-flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.page-products-uv-comfort .block-products-item-body-box-hydro {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3%;
  margin-bottom: 4%;
}
.page-products-uv-comfort .block-products-item-body-box-hydro-image {
  width: 120px;
  position: relative;
  margin-right: 20px;
}
.page-products-uv-comfort .block-products-item-body-box-hydro-image span {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 8px;
  display: block;
}
.page-products-uv-comfort .block-products-item-body-box-hydro-txt {
  width: calc(100% - 160px);
  text-align: left;
  line-height: 1.6;
  font-size: 12px;
}
.page-products-uv-comfort .block-products-item-body-box-hydro-txt span {
  font-size: 8px;
  display: block;
  text-align: right;
  margin-top: 3%;
}
.page-products-uv-comfort .block-products-item-body-box-effect {
  padding: 4%;
  background: #ffffff;
}
.page-products-uv-comfort .block-products-item-body-box-effect img {
  width: 90%;
  max-width: 330px;
  margin: 0 auto;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari3 {
  display: block;
  width: 200px;
  margin: 0 auto 5%;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari3-item {
  width: 200px;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari3-item span {
  text-align: center;
  display: block;
  margin-top: 5%;
  font-size: 12px;
}
.page-products-uv-comfort .block-products-item-body-box-shiagari3-item span:nth-of-type(2) {
  margin-top: 3%;
  font-size: 10px;
}
.page-products-uv-comfort .block-series-title {
  margin-bottom: 8%;
}
.page-products-uv-comfort .block-series-scroll {
  overflow-x: scroll;
  width: 94%;
  margin: 0 auto 5%;
  scrollbar-color: #666666 #f0f0f0;
}
.page-products-uv-comfort .block-series-spec {
  width: 1140px;
  margin: 0 auto 20px;
}
.page-products-uv-comfort .block-series-spec-name, .page-products-uv-comfort .block-series-spec-image, .page-products-uv-comfort .block-series-spec-txt, .page-products-uv-comfort .block-series-spec-feature {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.page-products-uv-comfort .block-series-spec-name-subject, .page-products-uv-comfort .block-series-spec-image-subject, .page-products-uv-comfort .block-series-spec-txt-subject, .page-products-uv-comfort .block-series-spec-feature-subject {
  width: 90px;
  background: #f0f0f0;
}
.page-products-uv-comfort .block-series-spec-name-watery, .page-products-uv-comfort .block-series-spec-name-airy, .page-products-uv-comfort .block-series-spec-name-ultra, .page-products-uv-comfort .block-series-spec-name-bright, .page-products-uv-comfort .block-series-spec-name-toneup, .page-products-uv-comfort .block-series-spec-image-watery, .page-products-uv-comfort .block-series-spec-image-airy, .page-products-uv-comfort .block-series-spec-image-ultra, .page-products-uv-comfort .block-series-spec-image-bright, .page-products-uv-comfort .block-series-spec-image-toneup, .page-products-uv-comfort .block-series-spec-txt-watery, .page-products-uv-comfort .block-series-spec-txt-airy, .page-products-uv-comfort .block-series-spec-txt-ultra, .page-products-uv-comfort .block-series-spec-txt-bright, .page-products-uv-comfort .block-series-spec-txt-toneup, .page-products-uv-comfort .block-series-spec-feature-watery, .page-products-uv-comfort .block-series-spec-feature-airy, .page-products-uv-comfort .block-series-spec-feature-ultra, .page-products-uv-comfort .block-series-spec-feature-bright, .page-products-uv-comfort .block-series-spec-feature-toneup {
  width: 200px;
}
.page-products-uv-comfort .block-series-spec-name-subject, .page-products-uv-comfort .block-series-spec-name-watery, .page-products-uv-comfort .block-series-spec-name-airy, .page-products-uv-comfort .block-series-spec-name-ultra, .page-products-uv-comfort .block-series-spec-name-bright, .page-products-uv-comfort .block-series-spec-name-toneup, .page-products-uv-comfort .block-series-spec-image-subject, .page-products-uv-comfort .block-series-spec-image-watery, .page-products-uv-comfort .block-series-spec-image-airy, .page-products-uv-comfort .block-series-spec-image-ultra, .page-products-uv-comfort .block-series-spec-image-bright, .page-products-uv-comfort .block-series-spec-image-toneup, .page-products-uv-comfort .block-series-spec-txt-subject, .page-products-uv-comfort .block-series-spec-txt-watery, .page-products-uv-comfort .block-series-spec-txt-airy, .page-products-uv-comfort .block-series-spec-txt-ultra, .page-products-uv-comfort .block-series-spec-txt-bright, .page-products-uv-comfort .block-series-spec-txt-toneup, .page-products-uv-comfort .block-series-spec-feature-subject, .page-products-uv-comfort .block-series-spec-feature-watery, .page-products-uv-comfort .block-series-spec-feature-airy, .page-products-uv-comfort .block-series-spec-feature-ultra, .page-products-uv-comfort .block-series-spec-feature-bright, .page-products-uv-comfort .block-series-spec-feature-toneup {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page-products-uv-comfort .block-series-spec-image-subject, .page-products-uv-comfort .block-series-spec-image-watery, .page-products-uv-comfort .block-series-spec-image-airy, .page-products-uv-comfort .block-series-spec-image-ultra, .page-products-uv-comfort .block-series-spec-image-bright, .page-products-uv-comfort .block-series-spec-image-toneup, .page-products-uv-comfort .block-series-spec-txt-subject, .page-products-uv-comfort .block-series-spec-txt-watery, .page-products-uv-comfort .block-series-spec-txt-airy, .page-products-uv-comfort .block-series-spec-txt-ultra, .page-products-uv-comfort .block-series-spec-txt-bright, .page-products-uv-comfort .block-series-spec-txt-toneup, .page-products-uv-comfort .block-series-spec-feature-subject, .page-products-uv-comfort .block-series-spec-feature-watery, .page-products-uv-comfort .block-series-spec-feature-airy, .page-products-uv-comfort .block-series-spec-feature-ultra, .page-products-uv-comfort .block-series-spec-feature-bright, .page-products-uv-comfort .block-series-spec-feature-toneup {
  padding: 15px 0;
  border-bottom: dashed 1px #b4b4b4;
  position: relative;
}
.page-products-uv-comfort .block-series-spec-image-subject::before, .page-products-uv-comfort .block-series-spec-image-watery::before, .page-products-uv-comfort .block-series-spec-image-airy::before, .page-products-uv-comfort .block-series-spec-image-ultra::before, .page-products-uv-comfort .block-series-spec-image-bright::before, .page-products-uv-comfort .block-series-spec-image-toneup::before, .page-products-uv-comfort .block-series-spec-txt-subject::before, .page-products-uv-comfort .block-series-spec-txt-watery::before, .page-products-uv-comfort .block-series-spec-txt-airy::before, .page-products-uv-comfort .block-series-spec-txt-ultra::before, .page-products-uv-comfort .block-series-spec-txt-bright::before, .page-products-uv-comfort .block-series-spec-txt-toneup::before, .page-products-uv-comfort .block-series-spec-feature-subject::before, .page-products-uv-comfort .block-series-spec-feature-watery::before, .page-products-uv-comfort .block-series-spec-feature-airy::before, .page-products-uv-comfort .block-series-spec-feature-ultra::before, .page-products-uv-comfort .block-series-spec-feature-bright::before, .page-products-uv-comfort .block-series-spec-feature-toneup::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  top: 0;
  background: #ffffff;
}
.page-products-uv-comfort .block-series-spec-image-subject::after, .page-products-uv-comfort .block-series-spec-image-watery::after, .page-products-uv-comfort .block-series-spec-image-airy::after, .page-products-uv-comfort .block-series-spec-image-ultra::after, .page-products-uv-comfort .block-series-spec-image-bright::after, .page-products-uv-comfort .block-series-spec-image-toneup::after, .page-products-uv-comfort .block-series-spec-txt-subject::after, .page-products-uv-comfort .block-series-spec-txt-watery::after, .page-products-uv-comfort .block-series-spec-txt-airy::after, .page-products-uv-comfort .block-series-spec-txt-ultra::after, .page-products-uv-comfort .block-series-spec-txt-bright::after, .page-products-uv-comfort .block-series-spec-txt-toneup::after, .page-products-uv-comfort .block-series-spec-feature-subject::after, .page-products-uv-comfort .block-series-spec-feature-watery::after, .page-products-uv-comfort .block-series-spec-feature-airy::after, .page-products-uv-comfort .block-series-spec-feature-ultra::after, .page-products-uv-comfort .block-series-spec-feature-bright::after, .page-products-uv-comfort .block-series-spec-feature-toneup::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  background: #ffffff;
}
.page-products-uv-comfort .block-series-spec-name {
  font-size: 14px;
  font-weight: 500;
}
.page-products-uv-comfort .block-series-spec-name span {
  font-size: 11px;
  font-weight: 400;
  display: block;
  margin-top: 5px;
}
.page-products-uv-comfort .block-series-spec-name-subject, .page-products-uv-comfort .block-series-spec-name-watery, .page-products-uv-comfort .block-series-spec-name-airy, .page-products-uv-comfort .block-series-spec-name-ultra, .page-products-uv-comfort .block-series-spec-name-bright, .page-products-uv-comfort .block-series-spec-name-toneup {
  padding: 20px 0 15px;
  position: relative;
}
.page-products-uv-comfort .block-series-spec-name-subject::before, .page-products-uv-comfort .block-series-spec-name-watery::before, .page-products-uv-comfort .block-series-spec-name-airy::before, .page-products-uv-comfort .block-series-spec-name-ultra::before, .page-products-uv-comfort .block-series-spec-name-bright::before, .page-products-uv-comfort .block-series-spec-name-toneup::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  top: 0;
  background: #ffffff;
}
.page-products-uv-comfort .block-series-spec-name-subject {
  background: #F0F0F0;
  border-top: solid 5px #D4D4D4;
}
.page-products-uv-comfort .block-series-spec-name-watery {
  background: #C7E7F8;
  border-top: solid 5px #00A5D4;
}
.page-products-uv-comfort .block-series-spec-name-airy {
  background: #E1E5E8;
  border-top: solid 5px #88908F;
}
.page-products-uv-comfort .block-series-spec-name-ultra {
  background: #A8CEEA;
  border-top: solid 5px #0073A8;
}
.page-products-uv-comfort .block-series-spec-name-bright {
  background: #C9C0E5;
  border-top: solid 5px #796AAA;
}
.page-products-uv-comfort .block-series-spec-name-toneup {
  background: #F5E0EB;
  border-top: solid 5px #E59AC1;
}
.page-products-uv-comfort .block-series-spec-image img {
  width: 90px;
  margin: 0 auto;
}
.page-products-uv-comfort .block-series-spec-txt {
  font-size: 10px;
  text-align: center;
}
.page-products-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-watery, .page-products-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-airy, .page-products-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-ultra, .page-products-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-bright, .page-products-uv-comfort .block-series-spec-txt.colorgray .block-series-spec-txt-toneup {
  color: #888888;
}
.page-products-uv-comfort .block-series-spec-feature {
  font-size: 10px;
  text-align: left;
}
.page-products-uv-comfort .block-series-spec-feature-subject {
  text-align: center;
}
.page-products-uv-comfort .block-series-spec-feature-subject, .page-products-uv-comfort .block-series-spec-feature-watery, .page-products-uv-comfort .block-series-spec-feature-airy, .page-products-uv-comfort .block-series-spec-feature-ultra, .page-products-uv-comfort .block-series-spec-feature-bright, .page-products-uv-comfort .block-series-spec-feature-toneup {
  border-bottom: solid 5px #D4D4D4;
}
.page-products-uv-comfort .block-series-spec-feature-watery, .page-products-uv-comfort .block-series-spec-feature-airy, .page-products-uv-comfort .block-series-spec-feature-ultra, .page-products-uv-comfort .block-series-spec-feature-bright, .page-products-uv-comfort .block-series-spec-feature-toneup {
  display: block;
}
.page-products-uv-comfort .block-series-spec-notice {
  text-align: right;
  width: 94%;
  font-size: 8px;
  margin: 0 auto 15%;
}
.page-products-uv-comfort .block-series-protectmap {
  width: 725px;
  height: 374px;
  background: url(/decorte/img/decorte2023/sp/custom/uv_comfort/protectmap_bg.png) no-repeat center top;
  background-size: 100%;
  margin: 0 auto 20px;
  position: relative;
}
.page-products-uv-comfort .block-series-protectmap-watery, .page-products-uv-comfort .block-series-protectmap-airy, .page-products-uv-comfort .block-series-protectmap-ultra, .page-products-uv-comfort .block-series-protectmap-bright, .page-products-uv-comfort .block-series-protectmap-toneup {
  position: absolute;
  width: 90px;
  text-align: center;
}
.page-products-uv-comfort .block-series-protectmap-watery span, .page-products-uv-comfort .block-series-protectmap-airy span, .page-products-uv-comfort .block-series-protectmap-ultra span, .page-products-uv-comfort .block-series-protectmap-bright span, .page-products-uv-comfort .block-series-protectmap-toneup span {
  line-height: 1.4;
  font-size: 11px;
  display: block;
}
.page-products-uv-comfort .block-series-protectmap-watery img, .page-products-uv-comfort .block-series-protectmap-airy img, .page-products-uv-comfort .block-series-protectmap-ultra img, .page-products-uv-comfort .block-series-protectmap-bright img, .page-products-uv-comfort .block-series-protectmap-toneup img {
  width: 50px;
  margin: 0 auto 10px;
}
.page-products-uv-comfort .block-series-protectmap-watery {
  top: 113px;
  left: 451px;
  color: #00A5D4;
}
.page-products-uv-comfort .block-series-protectmap-airy {
  top: 148px;
  left: 193px;
  color: #88908F;
}
.page-products-uv-comfort .block-series-protectmap-ultra {
  top: 0;
  left: 317px;
  color: #0073A8;
}
.page-products-uv-comfort .block-series-protectmap-bright {
  top: 120px;
  left: 596px;
  color: #796AAA;
}
.page-products-uv-comfort .block-series-protectmap-toneup {
  top: 106px;
  left: 56px;
  color: #E59AC1;
}
.page-products-uv-comfort .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-products-uv-comfort .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 94%;
  column-gap: 20px;
  padding: 6% 4%;
}
.page-products-uv-comfort .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -25px;
  height: 20px;
  width: 20px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-uv-comfort .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.page-products-uv-comfort .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
.page-products-uv-comfort .modal-btn {
  cursor: pointer;
}
.page-products-uv-comfort .modal-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}
.page-products-uv-comfort .modal-item-image {
  width: 100%;
  margin-bottom: 0;
}
.page-products-uv-comfort .modal-item-image img {
  max-width: 100px;
  margin: auto;
}
.page-products-uv-comfort .modal-item-txt {
  width: 100%;
  text-align: center;
}
.page-products-uv-comfort .modal-item-txt-name {
  font-size: 15px;
  margin-bottom: 2%;
}
.page-products-uv-comfort .modal-item-txt-txt {
  font-size: 11px;
  margin-bottom: 2%;
}
.page-products-uv-comfort .modal-item-txt .detailbtn {
  width: 200px;
  margin: 3% auto 0;
  padding: 2% 6% 3%;
}
.page-products-uv-comfort .modal-item-txt-notice {
  font-size: 8px;
  margin-top: 3%;
}
.page-products-uv-comfort #modal-watery .modal-item-txt-name {
  color: #00A5D4;
}
.page-products-uv-comfort #modal-airy .modal-item-txt-name {
  color: #88908F;
}
.page-products-uv-comfort #modal-ultra .modal-item-txt-name {
  color: #0073A8;
}
.page-products-uv-comfort #modal-bright .modal-item-txt-name {
  color: #796AAA;
}
.page-products-uv-comfort #modal-toneup .modal-item-txt-name {
  color: #E59AC1;
}
.page-products-uv-comfort .js-slick--arrow {
  background-color: #6A6F76;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  top: 115px;
}
.page-products-uv-comfort .js-slick--arrow::after {
  height: 8px;
  width: 8px;
}
.page-products-uv-comfort .js-slick--next {
  right: -40px;
}
.page-products-uv-comfort .js-slick--next::after {
  margin-right: 5px;
}
.page-products-uv-comfort .js-slick--prev {
  left: -40px;
}
.page-products-uv-comfort .js-slick--prev::after {
  margin-left: 5px;
}

.page-product-whitebliss {
  font-size: 14px;
  line-height: 1.8;
  /*font-family: "Noto Serif JP", serif;
  font-weight: 400;*/
  font-style: normal;
  color: #000000;
  /*リード文*/
  /*セット内容*/
  /*メイクパターン*/
  /*modal*/
}
.page-product-whitebliss .block-custom-visual {
  margin: 0 auto;
  width: 100%;
}
.page-product-whitebliss h2 {
  background: linear-gradient(90deg, rgb(155, 149, 136) 0%, rgb(213, 208, 196) 50%, rgb(155, 149, 136) 100%);
  color: #3B2416;
  padding: 0.5em;
  margin: 0 auto;
  text-align: center;
  font-weight: normal;
  font-size: 1.35em;
}
.page-product-whitebliss .block-custom-lead, .page-product-whitebliss .block-custom-wbset, .page-product-whitebliss .block-custom-wbset {
  background: url("/decorte/img/decorte2023/sp/custom/whitebliss/bg_sp.jpg") center top repeat;
  background-size: 100%;
}
.page-product-whitebliss .block-custom-lead-wrap, .page-product-whitebliss .block-custom-wbset-wrap, .page-product-whitebliss .block-custom-wbset-wrap {
  overflow: hidden;
  margin: 0 auto;
}
.page-product-whitebliss .block-custom-lead h2 {
  display: none;
}
.page-product-whitebliss .block-custom-lead-wrap {
  position: relative;
}
.page-product-whitebliss .block-custom-lead-lead {
  /*position: absolute;*/
  width: 96%;
  margin: auto;
  font-size: 1em;
  line-height: 2;
  text-align: center;
  padding: 2em 1em 1.5em;
}
.page-product-whitebliss .block-custom-lead-lead > p {
  margin-bottom: 1em;
  line-height: 1.8;
}
.page-product-whitebliss .block-custom-wbset {
  padding-bottom: 3em;
}
.page-product-whitebliss .block-custom-wbset-kv {
  max-width: 1120px;
  margin: 2em 1em 1em;
  padding: 1.5em 0;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(144, 144, 144, 0.3);
}
.page-product-whitebliss .block-custom-wbset-kv img {
  max-width: 960px;
  margin: auto;
}
.page-product-whitebliss .block-custom-wbset-box {
  width: 94%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2em 0;
  margin: 0 auto;
  border-bottom: solid 1px #C4C0B6;
}
.page-product-whitebliss .block-custom-wbset-image {
  width: 250px;
  margin: 0 auto 1em;
}
.page-product-whitebliss .block-custom-wbset-image.mb0 {
  margin-bottom: 0;
}
.page-product-whitebliss .block-custom-wbset-detail {
  width: 100%;
  text-align: center;
}
.page-product-whitebliss .block-custom-wbset-detail-name {
  font-size: 1.3em;
  margin-bottom: 0.8em;
}
.page-product-whitebliss .block-custom-wbset-detail-color {
  font-size: 0.8em;
  margin-bottom: 1.5em;
}
.page-product-whitebliss .block-custom-wbset-detail-color .capa {
  /*font-size: 0.9em;*/
  display: inline-block;
  margin-left: 1em;
  /*padding: 0 0.3em 0.1em;*/
  /*border: solid 1px #888888;*/
}
.page-product-whitebliss .block-custom-wbset-detail-txt {
  font-size: 0.9em;
  margin-bottom: 1.5em;
}
.page-product-whitebliss .block-custom-wbset-detail-link {
  display: inline-block;
  background: #000000;
  color: #ffffff;
  padding: 0.8em 1.2em;
  font-size: 0.9em;
  width: 90%;
  max-width: 320px;
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-product-whitebliss .block-custom-wbset-detail-link::after {
  position: absolute;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  transform: rotate(45deg);
  margin-left: 1em;
  right: 1em;
}
.page-product-whitebliss .block-custom-wbset-detail-link:hover {
  background: #444444;
}
.page-product-whitebliss .block-custom-wbset-pouch {
  background: #ECE9E1;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 1120px;
  margin: 2em auto 0;
  padding: 2em 1em;
  text-align: center;
  width: 94%;
}
.page-product-whitebliss .block-custom-wbset-pouch-title {
  width: 100%;
  font-size: 1.3em;
  margin-bottom: 1em;
}
.page-product-whitebliss .block-custom-wbset-pouch-lead {
  width: 100%;
  margin-bottom: 1em;
  font-size: 0.9em;
}
.page-product-whitebliss .block-custom-wbset-pouch-image {
  width: 45%;
  max-width: 285px;
  border-radius: 8px;
  background: #ffffff;
  margin: 1em auto;
}
.page-product-whitebliss .block-custom-wbset-pouch-image img {
  border-radius: 8px;
}
.page-product-whitebliss .block-custom-wbmakeup h3 {
  font-size: 1em;
  text-align: center;
  margin: 2em 0;
}
.page-product-whitebliss .block-custom-wbmakeup h3 span {
  display: block;
  font-size: 1.5em;
  margin-top: 0.3em;
}
.page-product-whitebliss .block-custom-wbmakeup-box {
  width: 94%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 0 4em;
  background: #ECE9E1;
  border-radius: 8px;
  padding: 4em 1em 2em;
}
.page-product-whitebliss .block-custom-wbmakeup-box-title {
  font-size: 1em;
  margin-top: -5em;
  margin-bottom: 1.5em;
  text-align: center;
  display: inline-block;
  padding: 5px 15px;
  background: #A09A8E;
  border-radius: 32px;
  color: #ffffff;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-image {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #ffffff;
  padding: 2em 1em;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 1.5em;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-image > p {
  padding: 1em 0;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-image > p:nth-of-type(1) {
  max-width: 275px;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-image > p:nth-of-type(2) {
  max-width: 240px;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-detail {
  width: 100%;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-detail-cat {
  margin-bottom: 1em;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-detail-title {
  font-weight: bold;
  margin-bottom: 0.8em;
  font-size: 1.1em;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-detail-txt {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-link {
  background: #000000;
  color: #ffffff;
  padding: 1em;
  border-radius: 8px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-product-whitebliss .block-custom-wbmakeup .wbmakeupBlock-link::after {
  content: "";
  background: url("/decorte/img/decorte2023/pc/custom/whitebliss/linkicon.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  display: block;
  width: 25px;
  height: 27px;
  right: 2em;
}
.page-product-whitebliss sub {
  font-size: 0.6em;
  vertical-align: bottom;
  position: relative;
  bottom: 0.1em;
  left: -0.1em;
}
.page-product-whitebliss .block-common-modal--container {
  border-radius: 10px;
  max-width: 1080px;
}
.page-product-whitebliss .block-common-modal--container::-webkit-scrollbar-track {
  border-radius: 0 10px 10px 0;
}
.page-product-whitebliss .block-common-modal--close {
  font-size: 0.9em;
  width: auto;
  background: #ffffff;
  border-radius: 4px;
  left: calc(100% - 100px);
  position: sticky;
  padding: 5px 30px 5px 10px;
  display: inline-flex;
  align-items: center;
}
.page-product-whitebliss .block-common-modal--close::before, .page-product-whitebliss .block-common-modal--close::after {
  background-color: #000000;
  left: 60px;
  width: 18px;
}
.page-product-whitebliss .mpBlock {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  color: #3B290A;
}
.page-product-whitebliss .mpBlock-image {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-product-whitebliss .mpBlock-image img {
  max-width: 175px;
  margin: auto;
}
.page-product-whitebliss .mpBlock-data {
  width: 100%;
  background: #ECE9E1;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.page-product-whitebliss .mpBlock-data-title {
  font-size: 0.9em;
  color: #ffffff;
  width: 100%;
  margin-top: -2em;
  margin-bottom: 1.5em;
  text-align: center;
}
.page-product-whitebliss .mpBlock-data-title span {
  display: inline-block;
  padding: 5px 15px;
  background: #A09A8E;
  border-radius: 32px;
}
.page-product-whitebliss .mpBlock-data-cat {
  width: 100%;
  font-size: 0.8em;
  text-align: center;
  margin-bottom: 0.5em;
}
.page-product-whitebliss .mpBlock-data-list {
  width: 100%;
}
.page-product-whitebliss .mpBlock-data-list li {
  display: flex;
  justify-content: space-between;
  font-size: 0.7em;
  margin-bottom: 0.5em;
  letter-spacing: 0;
}
.page-product-whitebliss .mpBlock-data-list li a {
  border-radius: 8px;
  width: calc(100% - 55px);
  background: #ffffff;
  display: flex;
  text-decoration: none;
  padding: 0.1em 0.6em;
  align-items: center;
  transition: all 0.5s ease;
  line-height: 1.2;
}
.page-product-whitebliss .mpBlock-data-list li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #3B290A;
  border-right: solid 1px #3B290A;
  transform: rotate(45deg);
  margin-right: 0.5em;
}
.page-product-whitebliss .mpBlock-data-list li a:hover {
  color: #ffffff;
  background: #A09A8E;
}
.page-product-whitebliss .mpBlock-data-list li a:hover::before {
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}
.page-product-whitebliss .mpBlock-data-list li img {
  width: 50px;
  border-radius: 8px;
}
.page-product-whitebliss .mpBlock-data-line {
  width: 100%;
  height: 0.5em;
  border-bottom: dashed 1px #B4A58D;
  margin-bottom: 1em;
}
.page-product-whitebliss .mpBlock-notice {
  font-size: 0.65em;
  margin-top: 0.5em;
  text-align: right;
  width: 100%;
}

/*予約抽選販売ページ*/
.wbreserve-wrap {
  background: url("/decorte/img/decorte2023/sp/custom/whitebliss/bg_sp.jpg") center top repeat;
  background-size: 100%;
  color: #443F34;
}
.wbreserve .block-custom-wb-overview {
  padding: 3em 0;
  width: 94%;
  margin: 0 auto;
  text-align: center;
}
.wbreserve .block-custom-wb-overview h2 {
  display: none;
}
.wbreserve .block-custom-wb-overview-date {
  background: #ffffff;
  padding: 0.5em 1em;
  border-radius: 4px;
  margin-bottom: 1.5em;
  display: inline-block;
}
.wbreserve .block-custom-wb-overview-name {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 2.5em;
}
.wbreserve .block-custom-wb-overview-notice {
  width: 100%;
  font-size: 0.7em;
  text-align: right;
}
.wbreserve .block-custom-wb-overview-box, .wbreserve .block-custom-wb-reservation-box {
  background: #ffffff;
  border-radius: 8px;
  padding: 1.5em 1em 1.5em;
  box-shadow: 0 0 15px rgba(144, 144, 144, 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2.5em auto 1em;
}
.wbreserve .block-custom-wb-overview-box-title, .wbreserve .block-custom-wb-reservation-box-title {
  background: #9B9588;
  color: #ffffff;
  padding: 0.3em 1em;
  border-radius: 40px;
  margin-top: -2.6em;
  display: inline-block;
  margin-bottom: 1.2em;
  font-size: 1em;
}
.wbreserve .block-custom-wb-overview-box-body, .wbreserve .block-custom-wb-reservation-box-body {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wbreserve .block-custom-wb-overview-box-body > p, .wbreserve .block-custom-wb-reservation-box-body > p {
  margin-bottom: 1em;
}
.wbreserve .block-custom-wb-overview-box-body > p:last-of-type, .wbreserve .block-custom-wb-reservation-box-body > p:last-of-type {
  margin-bottom: 0;
}
.wbreserve .block-custom-wb-overview-box-body-date, .wbreserve .block-custom-wb-reservation-box-body-date {
  font-size: 1.05em;
  font-weight: bold;
  letter-spacing: 0;
}
.wbreserve .block-custom-wb-overview-box-body-txt, .wbreserve .block-custom-wb-reservation-box-body-txt {
  font-size: 0.85em;
  text-align: left;
}
.wbreserve .block-custom-wb-overview-box-body-notice, .wbreserve .block-custom-wb-reservation-box-body-notice {
  font-size: 0.8em;
}
.wbreserve .block-custom-wb-overview-box-body-link, .wbreserve .block-custom-wb-reservation-box-body-link {
  margin-top: 1.5em;
  background: #ECE9E1;
  padding: 0.8em 1em;
  border-radius: 4px;
  display: block;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 0.85em;
}
.wbreserve .block-custom-wb-overview-box-body-link::after, .wbreserve .block-custom-wb-reservation-box-body-link::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: solid 1px #26221B;
  border-bottom: solid 1px #26221B;
  transform: rotate(-45deg);
  margin-left: 1em;
}
.wbreserve .block-custom-wb-overview-box-body-link:hover, .wbreserve .block-custom-wb-reservation-box-body-link:hover {
  background: #CFC8B5;
}
.wbreserve .block-custom-wb-overview-box-body-link.application, .wbreserve .block-custom-wb-reservation-box-body-link.application {
  background: #F9F3E5;
  border: solid 2px #5A5752;
  font-size: 1em;
}
.wbreserve .block-custom-wb-overview-box-body-link.application::after, .wbreserve .block-custom-wb-reservation-box-body-link.application::after {
  content: none;
}
.wbreserve .block-custom-wb-overview ul.wbtxtlist, .wbreserve .block-custom-wb-reservation ul.wbtxtlist {
  margin-top: 1.5em;
}
.wbreserve .block-custom-wb-overview ul.wbtxtlist li, .wbreserve .block-custom-wb-reservation ul.wbtxtlist li {
  text-align: left;
  position: relative;
  padding-left: 13px;
  margin-bottom: 0.5em;
  font-size: 0.8em;
}
.wbreserve .block-custom-wb-overview ul.wbtxtlist li::before, .wbreserve .block-custom-wb-reservation ul.wbtxtlist li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #666666;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}
.wbreserve .block-custom-wb-overview ul.wbnoticelist, .wbreserve .block-custom-wb-reservation ul.wbnoticelist {
  margin-top: 1.5em;
}
.wbreserve .block-custom-wb-overview ul.wbnoticelist li, .wbreserve .block-custom-wb-reservation ul.wbnoticelist li {
  text-align: left;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 13px;
  font-size: 0.75em;
}
.wbreserve .block-custom-wb-overview ul.wbnoticelist li::before, .wbreserve .block-custom-wb-reservation ul.wbnoticelist li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.wbreserve .block-custom-wb-navi {
  width: 100%;
  display: flex;
}
.wbreserve .block-custom-wb-navi h2 {
  display: none;
}
.wbreserve .block-custom-wb-navi a {
  background: #B5B0AA;
  display: block;
  width: 50%;
  color: #ffffff;
  padding: 1em;
  text-align: center;
  font-size: 1em;
  text-decoration: none;
  transition: all 0.5s ease;
}
.wbreserve .block-custom-wb-navi a.active, .wbreserve .block-custom-wb-navi a:hover {
  background: #9B9588;
}
.wbreserve .block-custom-wb-index {
  padding: 3em 0;
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wbreserve .block-custom-wb-index h2 {
  display: none;
}
.wbreserve .block-custom-wb-index-name {
  font-weight: bold;
  margin-bottom: 1em;
}
.wbreserve .block-custom-wb-index-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.wbreserve .block-custom-wb-index-index {
  display: inline-flex;
  background: #9B9588;
  color: #ffffff;
  border-radius: 8px;
  padding: 1.5em 1em;
}
.wbreserve .block-custom-wb-index-index > span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  padding: 0 1em;
}
.wbreserve .block-custom-wb-index-index > span:first-of-type {
  border-right: solid 1px #BFAFA7;
}
.wbreserve .block-custom-wb-reservation {
  max-width: 94%;
  margin: 0 auto;
  padding-bottom: 2em;
}
.wbreserve .block-custom-wb-reservation h2 {
  background: none;
  font-size: 1.2em;
  font-weight: bold;
  color: #443F34;
  margin-bottom: 2em;
  padding: 0;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  position: relative;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item > div {
  width: 40%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item:last-of-type {
  margin-bottom: 0;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item:last-of-type::after {
  content: none;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item::after {
  position: absolute;
  content: "";
  display: block;
  right: calc(30% - 20px);
  bottom: -30px;
  height: 20px;
  width: 40px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  transform: rotate(180deg);
  background: #C6B5AE;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item img {
  max-width: 60px;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item-title {
  margin: 0.5em auto 1em;
  font-weight: bold;
  font-size: 0.9em;
}
.wbreserve .block-custom-wb-reservation .wbreserveFlow-item-date {
  width: 60%;
  background: #9B9588;
  border-radius: 8px;
  color: #ffffff;
  font-weight: bold;
  padding: 1em;
  font-size: 0.9em;
  height: 7em;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wbreserve .block-custom-wb-sale {
  background: #9B9588;
  color: #ffffff;
  padding: 3em 1.5em;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wbreserve .block-custom-wb-sale h2 {
  background: none;
  color: #ffffff;
  padding: 0;
  margin-bottom: 1.5em;
  font-weight: bold;
}
.wbreserve .block-custom-wb-sale-date {
  font-size: 1.05em;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom: 1em;
}
.wbreserve .block-custom-wb-sale-notice {
  font-size: 0.8em;
  margin-bottom: 1.2em;
}
.wbreserve .block-custom-wb-sale-link {
  background: #817A6C;
  padding: 0.8em 1.5em;
  border-radius: 4px;
  display: block;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 0.85em;
}
.wbreserve .block-custom-wb-sale-link::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(-45deg);
  margin-left: 1em;
}
.wbreserve .block-custom-wb-sale-link:hover {
  background: #615B4E;
}

.page-product-whitelogist-mask.block-custom {
  padding: 0 0 40px;
  position: relative;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-product-whitelogist-mask .block-custom-key-visual {
  margin: 0 auto;
  width: 100%;
}
.page-product-whitelogist-mask .block-custom-intro {
  background-image: url("../../images/sp/custom/whitelogist_mask/intro_bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #ffffff;
  margin: 0 auto 40px;
  padding: 40px 15px 160px;
  text-align: center;
}
.page-product-whitelogist-mask .block-custom-intro--lead {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.page-product-whitelogist-mask .block-custom-intro--sub-lead {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.page-product-whitelogist-mask .block-custom-intro--text {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}
.page-product-whitelogist-mask .block-custom-intro--text sup {
  font-size: 10px;
}
.page-product-whitelogist-mask .block-custom-intro--note {
  font-size: 12px;
}
.page-product-whitelogist-mask .block-custom-sheet {
  background-color: #ffffff;
  margin: 0 auto 40px;
  padding: 40px 15px;
}
.page-product-whitelogist-mask .block-custom-sheet--title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-whitelogist-mask .block-custom-sheet--text {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-whitelogist-mask .block-custom-sheet--image {
  margin: 0 auto 20px;
  width: 100%;
}
.page-product-whitelogist-mask .block-custom-sheet--item:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-whitelogist-mask .block-custom-sheet--item__01 .block-custom-sheet--item-name {
  border: 1px solid;
}
.page-product-whitelogist-mask .block-custom-sheet--item__02 .block-custom-sheet--item-name {
  background-color: #bfd3e7;
}
.page-product-whitelogist-mask .block-custom-sheet--item-name {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0.5em;
}
.page-product-whitelogist-mask .block-custom-koji {
  background-color: #ffffff;
  margin: 0 auto 40px;
  padding: 40px 15px;
}
.page-product-whitelogist-mask .block-custom-koji--title {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-whitelogist-mask .block-custom-koji--lead {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-whitelogist-mask .block-custom-koji--image {
  margin: 0 auto 40px;
  width: 60%;
}
.page-product-whitelogist-mask .block-custom-koji--image-caption {
  display: block;
  font-size: 12px;
  text-align: right;
}
.page-product-whitelogist-mask .block-custom-koji--support {
  margin: 0 auto;
  width: 100%;
}
.page-product-whitelogist-mask .block-custom-koji--support-title {
  background-color: #dbdbdb;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 0.5em 0;
  text-align: center;
}
.page-product-whitelogist-mask .block-custom-koji--support-item {
  margin: 0 auto;
  min-height: 80px;
  position: relative;
  width: 100%;
}
.page-product-whitelogist-mask .block-custom-koji--support-item:not(:last-child) {
  margin-bottom: 40px;
}
.page-product-whitelogist-mask .block-custom-koji--support-item-name {
  border: 1px solid;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0.5em;
}
.page-product-whitelogist-mask .block-custom-koji--support-item-description {
  width: calc(100% - 110px);
}
.page-product-whitelogist-mask .block-custom-koji--support-item-image {
  position: absolute;
  right: 0;
  top: 30px;
  width: 100px;
}
.page-product-whitelogist-mask .block-custom-campaign {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 40px 15px;
  position: relative;
  text-align: center;
}
.page-product-whitelogist-mask .block-custom-campaign--date {
  background-color: #898989;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 20px;
  padding: 0.5em;
}
.page-product-whitelogist-mask .block-custom-campaign--title {
  border-bottom: 1px solid;
  border-top: 1px solid;
  font-size: 16px;
  margin: 0 auto 20px;
  width: 100%;
}
.page-product-whitelogist-mask .block-custom-campaign--image {
  margin: 0 auto 20px;
  width: 60%;
}
.page-product-whitelogist-mask .block-custom-campaign--text {
  margin-bottom: 20px;
  text-align: left;
}
.page-product-whitelogist-mask .block-custom-campaign--note {
  font-size: 12px;
  text-align: left;
}

.page-product-whitelogist-mask.page-product-whitelogist-mask-limited {
  background-image: url(/decorte/img/decorte2023/sp/custom/whitelogist_mask_limited/bg.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 30px 0;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-main-visual {
  margin: 0 auto 30px;
  width: 100%;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-products-image {
  margin: 0 auto;
  width: 60%;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-intro {
  background: none;
  margin-bottom: 60px;
  padding: 0;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-intro--lead {
  margin-bottom: 30px;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-sheet {
  background: none;
  margin-bottom: 30px;
  padding: 0 20px;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-sheet--title {
  margin-bottom: 20px;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-sheet--image {
  background-color: #ffffff;
  padding: 20px 10px;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-koji {
  margin: 0 20px;
  padding: 30px 10px;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-koji--title {
  margin-bottom: 20px;
}
.page-product-whitelogist-mask.page-product-whitelogist-mask-limited .block-custom-koji--image {
  margin-bottom: 0;
}

.block-custom .page-product-whitelogist-neo {
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 40px !important;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited {
  margin-bottom: 0;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-main-visual {
  margin-bottom: 0;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-intro {
  background-color: #ffffff;
  color: #000000;
  margin-bottom: 0;
  padding: 40px 15px 80px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-history {
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-container strong {
  font-weight: normal;
}
.block-custom .page-product-whitelogist-neo .block-custom-container sup {
  font-size: 10px;
  vertical-align: top;
}
.block-custom .page-product-whitelogist-neo .block-custom-main-visual {
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro {
  margin: 0 auto 80px;
  text-align: center;
  width: calc(100% - 30px);
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--copy {
  font-size: 26px;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--copy-sub-text {
  font-size: 14px;
  display: block;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--sub-copy {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1;
  margin: 40px auto;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--sub-copy-sub-text {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--sub-copy-sub-text small {
  font-size: 12px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--text {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--product-copy {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--product-copy-sub-text {
  display: block;
  font-size: 14px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--product-lead {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--product-image {
  margin: 0 auto -80px;
  max-width: 390px;
  width: 50%;
}
.block-custom .page-product-whitelogist-neo .block-custom-intro--notes {
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect {
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--catch {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--lead {
  font-size: 25px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 10px;
  padding: 0 15px;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item {
  align-items: center;
  display: flex;
  width: calc(50% - 7px);
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(1), .block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(2), .block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(3), .block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(4) {
  margin-bottom: 14px;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(1) .block-custom-effect--pickup-item-copy, .block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(2) .block-custom-effect--pickup-item-copy {
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(3) .block-custom-effect--pickup-item-copy, .block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(4) .block-custom-effect--pickup-item-copy, .block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(5) .block-custom-effect--pickup-item-copy, .block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item:nth-child(6) .block-custom-effect--pickup-item-copy {
  margin-bottom: 20px;
  padding-top: 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item-image {
  margin-right: -100%;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item-text-area {
  text-align: center;
  text-shadow: 0px 0px 10px #000000;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item-copy {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.5;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-item-sub-text {
  display: block;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 10px;
  letter-spacing: 0;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-notes {
  font-size: 10px;
  line-height: 1.3;
  padding: 0 15px;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--pickup-notes + .block-custom-effect--lead {
  margin-top: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-effect--image {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component {
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--copy {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--copy-sub-text {
  display: block;
  font-size: 14px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--last-copy {
  font-size: 20px;
  line-height: 1.5;
  margin-top: 40px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--last-copy-sub-text {
  display: block;
  font-size: 14px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-container {
  background-image: url("../../../img/decorte2023/sp/custom/whitelogist_neo/component_top_bg.jpg"), url("../../../img/decorte2023/sp/custom/whitelogist_neo/component_bottom_bg.jpg");
  background-position: center top, center bottom 160px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 110px 15px 0;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__01 {
  margin-bottom: 30px;
  margin-left: 10%;
  width: 90%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__01 .block-custom-component--item-name-main-text {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40px, rgb(255, 255, 255) 100%);
  height: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__01 .block-custom-component--item-name-main-text::after {
  border-bottom: 35px solid #000000;
  border-left: 15px solid transparent;
  border-right: 15px solid #000000;
  border-top: 35px solid transparent;
  right: 0;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__01 .block-custom-component--item-name-main-text strong {
  display: inline-block;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__02 {
  margin-right: 16%;
  width: 84%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__02 .block-custom-component--item-name-main-text {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40px, rgb(255, 255, 255) 100%);
  line-height: 100px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__02 .block-custom-component--item-name-main-text::after {
  border-bottom: 35px solid transparent;
  border-left: 15px solid #000000;
  border-right: 15px solid transparent;
  border-top: 35px solid #000000;
  left: 0;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item__02 .block-custom-component--item-name-main-text span {
  display: inline-block;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-name {
  margin-bottom: 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-name-sub-text {
  display: block;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-name-main-text {
  align-items: center;
  background: #ffffff;
  color: #000000;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 16px;
  height: 70px;
  padding: 0 30px;
  position: relative;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-name-main-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-name-main-text strong {
  font-size: 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-name-main-text small {
  font-size: 12px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-lead {
  font-size: 14px;
  line-height: 2;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--item-image {
  margin: 20px auto 0;
  max-width: 390px;
  width: 60%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__02 .block-custom-component--feature-title, .block-custom .page-product-whitelogist-neo .block-custom-component--feature__04 .block-custom-component--feature-title {
  order: 2;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__02 .block-custom-component--feature-description, .block-custom .page-product-whitelogist-neo .block-custom-component--feature__04 .block-custom-component--feature-description {
  order: 1;
  text-align: right;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__01 .block-custom-component--feature-title {
  width: 140px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__01 .block-custom-component--feature-title strong {
  font-size: 30px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__01 .block-custom-component--feature-description {
  width: calc(100% - 170px);
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__03 .block-custom-component--feature-title {
  width: 160px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__03 .block-custom-component--feature-description {
  width: calc(100% - 190px);
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__03 .block-custom-component--feature-image {
  margin-top: 30px;
  width: 60%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__04 .block-custom-component--feature-title {
  width: 200px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__04 .block-custom-component--feature-description {
  width: calc(100% - 230px);
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__05 .block-custom-component--feature-title {
  font-size: 22px;
  margin-bottom: 10px;
  width: 260px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__05 .block-custom-component--feature-title strong {
  font-size: 30px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__05 .block-custom-component--feature-title small {
  font-size: 18px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__05 .block-custom-component--feature-description {
  margin-left: 15px;
  width: calc(40% - 15px);
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature__05 .block-custom-component--feature-image {
  width: 60%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-title {
  display: inline-block;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 0 15px;
  padding: 15px;
  position: relative;
  width: 50%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-title::before {
  border-left: 1px solid;
  border-top: 1px solid;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-title::after {
  border-bottom: 1px solid;
  border-right: 1px solid;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  width: 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-title strong {
  font-size: 24px;
  font-style: italic;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-title small {
  font-size: 12px;
  font-style: italic;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-description {
  font-size: 11px;
  text-align: justify;
  width: calc(50% - 30px);
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-image {
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-text-area {
  min-width: 40%;
  max-width: 45%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-text-area .block-custom-component--feature-title {
  margin-bottom: 10px;
  max-width: 100%;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--feature-text-area .block-custom-component--feature-description {
  max-width: 100%;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-component--notes {
  font-size: 10px;
  line-height: 1.3;
  margin: 30px auto 0;
  text-align: left;
  width: calc(100% - 30px);
}
.block-custom .page-product-whitelogist-neo .block-custom-history {
  background-color: #ffffff;
  margin-bottom: 80px;
}
.block-custom .page-product-whitelogist-neo .block-custom-history--lead {
  padding: 40px 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-history--detail {
  background-color: #f0f0f0;
  padding: 40px 20px;
}
.block-custom .page-product-whitelogist-neo .block-custom-history--detail-text {
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme {
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--main-area {
  background-color: #000000;
  background-image: url("../../images/sp/liposome/about_bestcosme_decorate_top.png"), url("../../images/sp/liposome/about_bestcosme_decorate_bottom.png");
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  padding: 40px 15px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--catch {
  background: -webkit-linear-gradient(-45deg, #996730, #d8ad60, #996730);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--catch sup, .block-custom .page-product-whitelogist-neo .block-custom-bestcosme--catch small {
  font-size: 10px;
  font-weight: 700;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--decorte-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--decorte-logo img {
  display: block;
  margin: 0 10px;
  width: calc(40% - 20px);
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--note {
  color: #d8ad60;
  display: inline-block;
  font-size: 10px;
  line-height: 1.3;
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--note + .block-liposome-about--bestcosme-note {
  margin-bottom: 40px;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--list {
  background-color: #ffffff;
  color: #000000;
  margin: 20px auto;
  padding: 40px 10px;
  position: relative;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--list-title {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--list .top-border {
  background: -webkit-linear-gradient(0deg, #806419, #ebdaad, #806419);
  content: "";
  display: block;
  height: 9px;
  left: 0;
  position: absolute;
  top: -20px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--list .top-border::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  top: 4px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--list .bottom-border {
  background: -webkit-linear-gradient(0deg, #806419, #ebdaad, #806419);
  content: "";
  display: block;
  height: 9px;
  left: 0;
  position: absolute;
  bottom: -20px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo .block-custom-bestcosme--list .bottom-border::after {
  background-color: #000000;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  bottom: 4px;
  width: 100%;
}

.block-custom .page-product-whitelogist-neo-202504 {
  background-color: #000000;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-product-whitelogist-neo-202504 h2 {
  display: none;
}
.block-custom .page-product-whitelogist-neo-202504 h3:not([class]) {
  display: none;
}
.block-custom .page-product-whitelogist-neo-202504 sup {
  font-size: 9px;
  vertical-align: text-top;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro {
  background-color: #000000;
  color: #ffffff;
  margin-bottom: 60px;
  padding-top: min(25vw, 188px);
  position: relative;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--main-visual {
  background-image: url("../../../img/decorte2023/sp/custom/whitelogist_neo/intro_visual.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: min(70vw, 525px);
  margin: 0 auto;
  width: 100%;
  opacity: 0;
  transition: 1.6s;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--main-visual.-delay {
  opacity: 1;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--main-copy {
  background-image: url("../../../img/decorte2023/sp/custom/whitelogist_neo/intro_copy.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  height: min(15vw, 113px);
  position: absolute;
  top: min(8vw, 60px);
  width: 100%;
  opacity: 0;
  transition: 0.8s;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--main-copy.-viewSpotted {
  opacity: 1;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--catch {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 30px;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 30px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--catch.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--catch-sub {
  font-size: 10px;
  display: block;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--lead {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 12px;
  line-height: 2;
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--lead.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--notes {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 9px;
  line-height: 1.3;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-intro--notes.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-movie {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  margin: 30px auto 0;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-movie.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature {
  background-color: #000000;
  color: #ffffff;
  margin-bottom: 60px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--catch {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--catch.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--lead {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--lead.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--list {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin: 30px auto;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item {
  align-items: center;
  display: flex;
  opacity: 0;
  transition: 1.2s ease-out;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item.-delay {
  opacity: 1;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item.-delay .block-custom-feature--item-image img {
  transform: scale(1);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item:nth-child(1) .block-custom-feature--item-copy, .block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item:nth-child(2) .block-custom-feature--item-copy {
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item:nth-child(3) .block-custom-feature--item-copy, .block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item:nth-child(4) .block-custom-feature--item-copy, .block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item:nth-child(5) .block-custom-feature--item-copy, .block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item:nth-child(6) .block-custom-feature--item-copy {
  margin-bottom: 20px;
  padding-top: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item-image {
  margin-right: -100%;
  overflow: hidden;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item-image img {
  transform: scale(1.5);
  transition: 1.2s;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item-text-area {
  position: relative;
  text-align: center;
  text-shadow: 0px 0px 10px #000000;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item-copy {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: min(4.2vw, 34px);
  letter-spacing: 0;
  line-height: 1.5;
  font-feature-settings: "palt";
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item-copy-punctuation {
  display: inline-block;
  width: 0.5em;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--item-sub-text {
  display: block;
  font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 10px;
  letter-spacing: 0;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--notes {
  font-size: 9px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects {
  margin-top: 60px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-lead {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-lead.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-lead-punctuation {
  display: inline-block;
  width: 0.5em;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-area {
  height: 100vw;
  margin: 0 auto;
  max-height: 750px;
  max-width: 750px;
  position: relative;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-area.-viewSpotted::before {
  opacity: 1;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-area::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/whitelogist_neo/bg_feature_effect.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 2.4s ease-out;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item {
  font-size: min(3.3vw, 25px);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  width: 35%;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.8s ease-out;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__01 {
  left: 44%;
  top: 11%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__02 {
  left: 68%;
  top: 32%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__03 {
  left: 62%;
  top: 66%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__04 {
  left: 32%;
  top: 80%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__05 {
  left: 2%;
  top: 69%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__06 {
  left: -4%;
  top: 39%;
  text-indent: 0.5em;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__07 {
  left: 9%;
  top: 11%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-item__07 span {
  display: inline-block;
  margin-right: -1em;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-catch {
  color: #000000;
  font-size: min(5.2vw, 40px);
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  top: 44%;
  width: 100%;
  opacity: 0;
  transform: scale(0.8);
  transition: 0.8s ease-out;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-feature--effects-catch.-delay {
  opacity: 1;
  transform: scale(1);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients {
  background-color: #000000;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail {
  color: #ffffff;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  display: block;
  height: 74.6vw;
  margin-bottom: 30px;
  max-height: 560px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail h4, .block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail p {
  opacity: 0;
  transition: 0.8s;
  transform: translateX(60px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail h4.-delay, .block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail p.-delay {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail h4 {
  line-height: 1;
  margin: 0 auto 10px;
  width: calc(100% - 60px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail h4 strong {
  font-size: 28px;
  font-weight: 400;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail p {
  font-size: 12px;
  line-height: 2;
  margin: 0 auto;
  width: calc(100% - 60px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail__koji::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/whitelogist_neo/ingredients_koji.jpg);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--detail__extract::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/whitelogist_neo/ingredients_extract.jpg);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature {
  background-color: #ededed;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0 60px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-catch {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-catch.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-movie {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  margin: 30px auto;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-movie.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item {
  padding: 30px 0;
  position: relative;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item:nth-of-type(odd) {
  background: rgb(237, 237, 237);
  background: linear-gradient(90deg, rgb(237, 237, 237) 0%, rgb(255, 255, 255) 100%);
  opacity: 0;
  transform: translateX(-25%);
  transition: 0.4s ease-out;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item:nth-of-type(odd).-viewSpotted {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item:nth-of-type(even) {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%);
  opacity: 0;
  transform: translateX(25%);
  transition: 0.4s ease-out;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item:nth-of-type(even).-viewSpotted {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__01 {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 30px 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__01 .block-custom-ingredients--koji-feature-item-title {
  font-size: 30px;
  line-height: 1.1;
  min-width: fit-content;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__01 .block-custom-ingredients--koji-feature-item-title-punctuation {
  display: inline-block;
  width: 0.5em;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__01 .block-custom-ingredients--koji-feature-item-title strong {
  font-size: 50px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__01 .block-custom-ingredients--koji-feature-item-description {
  font-size: 12px;
  max-width: max-content;
  text-align: left;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__02 .block-custom-ingredients--koji-feature-item-title {
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__02 .block-custom-ingredients--koji-feature-item-title strong {
  display: inline-block;
  margin-top: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__02 .block-custom-ingredients--koji-feature-item-illustration {
  margin: 20px auto 0;
  max-width: 344px;
  width: 70%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__03 .block-custom-ingredients--koji-feature-item-title {
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__03 .block-custom-ingredients--koji-feature-item-title strong {
  display: inline-block;
  margin-top: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__03 .block-custom-ingredients--koji-feature-item-illustration {
  margin: 20px auto 0;
  max-width: 484px;
  text-align: center;
  width: 90%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__03 .block-custom-ingredients--koji-feature-item-illustration figcaption {
  font-size: 12px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__04 .block-custom-ingredients--koji-feature-item-title {
  margin-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__04 .block-custom-ingredients--koji-feature-item-title strong {
  display: inline-block;
  margin-top: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__05 {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  justify-content: center;
  padding: 30px 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__05 .block-custom-ingredients--koji-feature-item-title {
  font-size: 30px;
  line-height: 1.1;
  min-width: fit-content;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__05 .block-custom-ingredients--koji-feature-item-title-punctuation {
  display: inline-block;
  width: 0.5em;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__05 .block-custom-ingredients--koji-feature-item-title strong {
  display: inline-block;
  font-size: 50px;
  margin: 0.1em 0;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item__05 .block-custom-ingredients--koji-feature-item-description {
  font-size: 12px;
  max-width: max-content;
  text-align: left;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-title {
  font-size: 17px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-title strong {
  font-size: 30px;
  font-weight: 400;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-title small {
  margin-top: 10px;
  display: block;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-description {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 2;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-description strong {
  display: inline-block;
  font-weight: 500;
  position: relative;
  z-index: 0;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-description strong::before {
  background-color: #c1dcea;
  border-radius: 5px;
  content: "";
  display: block;
  bottom: 0.3em;
  height: 8px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-description small {
  display: block;
  font-size: 10px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--koji-feature-item-description sup {
  vertical-align: text-top;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--more {
  margin: 60px auto 0;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--more.-viewActive a {
  -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
  opacity: 1;
  transform: translateY(-20px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-ingredients--more a {
  display: block;
  margin: 0 auto;
  width: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
  opacity: 0.5;
  transform: translateY(0);
  transition: 0.4s;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary {
  background-color: #ffffff;
  padding: 60px 0;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch {
  font-size: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch-item {
  display: block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
  opacity: 0;
  transition: 0.8s;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch-item.-delay {
  opacity: 1;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch-cross {
  display: inline-block;
  font-size: 0;
  line-height: 40px;
  margin: 10px 0;
  position: relative;
  vertical-align: middle;
  width: 40px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch-cross::before, .block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch-cross::after {
  background-color: #000000;
  content: "";
  display: inline-block;
  height: 1px;
  left: calc(50% - 25px);
  position: absolute;
  top: 50%;
  width: 50px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch-cross::before {
  transform: rotateZ(45deg);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--catch-cross::after {
  transform: rotateZ(-45deg);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--lead {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  font-size: 13px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-summary--lead.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--main-area {
  background-color: #f0f0f0;
  justify-content: center;
  overflow: hidden;
  padding: 60px 0;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--message {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--message.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--message p {
  font-size: 13px;
  letter-spacing: 0;
  word-break: break-word;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--message p:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--message p.block-custom-history--message-catch {
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--message p.block-custom-history--message-notes {
  font-size: 9px;
  margin-top: 30px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--message p sup {
  font-size: 10px;
  vertical-align: super;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline {
  margin: 30px auto 0;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline::before {
  background-color: #afafaf;
  content: "";
  display: block;
  height: calc(100% - 150px);
  left: 50%;
  position: absolute;
  top: 50px;
  width: 1px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline::after {
  background: rgb(175, 175, 175);
  background: linear-gradient(180deg, rgb(175, 175, 175) 0%, rgba(175, 175, 175, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 100px;
  left: 50%;
  position: absolute;
  width: 1px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(30px);
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure::before, .block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure::after {
  background-color: #afafaf;
  content: "";
  display: block;
  position: absolute;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure::before {
  height: 1px;
  left: calc(50% - 20px);
  top: 50%;
  width: 41px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure::after {
  border-radius: 50%;
  height: 7px;
  left: calc(50% - 3px);
  top: calc(50% - 3px);
  width: 7px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure img {
  width: 26px;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure figcaption {
  font-size: 10px;
  width: calc(50% - 32px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure:nth-child(odd) img {
  margin-left: calc(50% - 62px);
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure:nth-child(even) {
  flex-direction: row-reverse;
  text-align: right;
}
.block-custom .page-product-whitelogist-neo-202504 .block-custom-history--timeline figure:nth-child(even) img {
  margin-right: calc(50% - 62px);
}

.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited {
  background-color: #ffffff;
  background-image: url(/decorte/img/decorte2023/sp/custom/whitelogist_neo_limited/bg.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100% auto;
  color: #000000;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-main-visual {
  background-color: #ffffff;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-intro {
  background: none;
  margin: 0 auto 60px;
  padding: 0;
  width: calc(100% - 40px);
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-intro--copy {
  margin-bottom: 30px;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-intro--notes {
  font-size: 10px;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-bestcosme {
  margin: 0 auto 60px;
  width: calc(100% - 60px);
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-effect {
  margin-bottom: 60px;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-effect--pickup-item-copy {
  color: #ffffff;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-effect--pickup-item-sub-text {
  color: #ffffff;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-history {
  margin-bottom: 60px;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-history--detail {
  margin-bottom: 0;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-component--item-container {
  background-image: url(/decorte/img/decorte2023/sp/custom/whitelogist_neo_limited/component_bg_top.png), url(/decorte/img/decorte2023/sp/custom/whitelogist_neo_limited/component_bg_bottom.png);
  background-position: center top, center bottom 80px;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-component--copy {
  margin-bottom: 30px;
}
.block-custom .page-product-whitelogist-neo.page-product-whitelogist-neo-limited .block-custom-component--item-name-main-text::after {
  display: none;
}
body {
  margin: 0;
}

img {
  vertical-align: bottom;
}

.page-products-whitelogist-serum {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 1.6;
  /*modal*/
  /*開閉用*/
}
.page-products-whitelogist-serum * {
  box-sizing: border-box;
}
.page-products-whitelogist-serum .detailbtn {
  background: #000000;
  padding: 12px 20px;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-whitelogist-serum .detailbtn:hover {
  background: #bba86f;
}
.page-products-whitelogist-serum sub {
  font-size: 0.5em;
  vertical-align: 0;
}
.page-products-whitelogist-serum p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-products-whitelogist-serum .block-kv {
  max-width: 1280px;
  margin: 0 auto;
}
.page-products-whitelogist-serum .block-lead {
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/lead_bg.png") no-repeat center bottom;
  background-size: cover;
  padding: 40px 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.page-products-whitelogist-serum .block-navi {
  padding: 2px;
}
.page-products-whitelogist-serum .block-navi-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
}
.page-products-whitelogist-serum .block-navi-list > li {
  width: calc(50% - 0.5px);
  margin: 0 0 1px;
  list-style: none;
}
.page-products-whitelogist-serum .block-navi-list > li:nth-of-type(1) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/navi1_bg.png");
}
.page-products-whitelogist-serum .block-navi-list > li:nth-of-type(2) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/navi2_bg.png");
}
.page-products-whitelogist-serum .block-navi-list > li:nth-of-type(3) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/navi3_bg.png");
}
.page-products-whitelogist-serum .block-navi-list > li:nth-of-type(4) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/navi4_bg.png");
}
.page-products-whitelogist-serum .block-navi-list > li:nth-of-type(5) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/navi5_bg.png");
}
.page-products-whitelogist-serum .block-navi-list > li:nth-of-type(6) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/navi6_bg.png");
}
.page-products-whitelogist-serum .block-navi-list > li:nth-of-type(5), .page-products-whitelogist-serum .block-navi-list > li:nth-of-type(6) {
  margin-bottom: 0;
}
.page-products-whitelogist-serum .block-navi-list > li a {
  display: flex;
  position: relative;
  padding: 5px 10px 5px 30px;
  align-items: center;
  text-decoration: none;
  height: 70px;
  box-sizing: border-box;
  background-size: cover;
  background-position: right center;
  font-size: 14px;
  transition: all 0.5s ease;
  border: solid 1px #ffffff;
}
.page-products-whitelogist-serum .block-navi-list > li a::before {
  content: "";
  position: absolute;
  background: #A1A9B5;
  width: 12px;
  height: 12px;
  left: 15px;
  display: block;
}
.page-products-whitelogist-serum .block-navi-list > li a::after {
  content: "";
  position: absolute;
  border-left: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
  left: 19px;
  display: block;
  margin-bottom: 5px;
}
.page-products-whitelogist-serum .block-navi-list > li a:hover {
  border: solid 1px #A1A9B5;
}
.page-products-whitelogist-serum .block-section1-bg {
  background: linear-gradient(to bottom, #FFFFFF 20%, #EEEEF1);
  padding: 40px 10px 10px;
}
.page-products-whitelogist-serum .block-section1-title {
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section1-txt {
  font-size: 12px;
  margin-bottom: 30px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section1-point {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.page-products-whitelogist-serum .block-section1-point-item {
  width: 100%;
  max-width: 480px;
  height: 60px;
  display: flex;
  margin: 0 auto 10px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.5s ease;
}
.page-products-whitelogist-serum .block-section1-point-item:hover .block-section1-point-item-btn {
  background: #bba86f;
}
.page-products-whitelogist-serum .block-section1-point-item-title {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E8D8A8;
  font-size: 10px;
  flex-direction: column;
}
.page-products-whitelogist-serum .block-section1-point-item-title > span {
  font-size: 20px;
}
.page-products-whitelogist-serum .block-section1-point-item-txt {
  font-size: 12px;
  width: calc(100% - 150px);
  height: 60px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.page-products-whitelogist-serum .block-section1-point-item-image {
  width: 60px;
}
.page-products-whitelogist-serum .block-section1-point-item-btn {
  background: #A1A9B5;
  width: 30px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.5s ease;
}
.page-products-whitelogist-serum .block-section1-point-item-btn > span {
  display: block;
  width: 14px;
  height: 1px;
  background: #ffffff;
  position: absolute;
}
.page-products-whitelogist-serum .block-section1-point-item-btn > span:nth-of-type(1) {
  transform: rotate(90deg);
}
.page-products-whitelogist-serum .block-section1-notice {
  font-size: 9px;
  width: 100%;
  padding: 0 10px;
  margin: 10px auto 30px;
}
.page-products-whitelogist-serum .block-section2-title {
  height: 70px;
  margin-bottom: 0;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section2_h2_bg.png") no-repeat right center #eeeef4;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-serum .block-section2-navi {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  margin: 2px 2px 40px;
}
.page-products-whitelogist-serum .block-section2-navi-btn1 {
  width: calc(50% - 1px);
  height: 50px;
  background: #E4D9B9;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
}
.page-products-whitelogist-serum .block-section2-navi-btn1::before {
  position: absolute;
  width: 6px;
  height: 6px;
  content: "";
  display: block;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  transform: rotate(45deg);
  left: 10px;
}
.page-products-whitelogist-serum .block-section2-navi-btn1::after {
  content: none;
  display: block;
  position: absolute;
  width: calc(100vw - 4px);
  height: 4px;
  background: #DFC783;
  bottom: -6px;
  left: 0;
}
.page-products-whitelogist-serum .block-section2-navi-btn1.is-active {
  border-bottom: solid 2px #DFC783;
  background: #DFC783;
}
.page-products-whitelogist-serum .block-section2-navi-btn1.is-active::before {
  content: none;
}
.page-products-whitelogist-serum .block-section2-navi-btn1.is-active::after {
  content: "";
}
.page-products-whitelogist-serum .block-section2-navi-btn2 {
  width: calc(50% - 1px);
  height: 50px;
  background: #EEEEF1;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
}
.page-products-whitelogist-serum .block-section2-navi-btn2::after {
  position: absolute;
  width: 6px;
  height: 6px;
  content: "";
  display: block;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  transform: rotate(45deg);
  right: 10px;
}
.page-products-whitelogist-serum .block-section2-navi-btn2::before {
  content: none;
  display: block;
  position: absolute;
  width: calc(100vw - 4px);
  height: 4px;
  background: #CCD1D7;
  bottom: -6px;
  right: 0;
}
.page-products-whitelogist-serum .block-section2-navi-btn2.is-active {
  border-bottom: solid 2px #CCD1D7;
  background: #CCD1D7;
}
.page-products-whitelogist-serum .block-section2-navi-btn2.is-active::after {
  content: none;
}
.page-products-whitelogist-serum .block-section2-navi-btn2.is-active::before {
  content: "";
}
.page-products-whitelogist-serum .block-section2-wrap {
  width: 100vw;
  margin: 0 auto 30px;
  position: relative;
}
.page-products-whitelogist-serum .block-section2-item {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}
.page-products-whitelogist-serum .block-section2-item-copy {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section2-item-lead {
  font-size: 16px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section2-item-leadsub {
  font-size: 12px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section2-item-image {
  width: 360px;
  margin: 0 auto 10px;
}
.page-products-whitelogist-serum .block-section2-item-name {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section2-item-capa {
  font-size: 11px;
  margin-bottom: 40px;
}
.page-products-whitelogist-serum .block-section2-item-recommend {
  background: #EEEEF1;
  position: relative;
  padding: 25px 15px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 96%;
  margin: 0 auto 20px;
}
.page-products-whitelogist-serum .block-section2-item-recommend-title {
  font-size: 14px;
  color: #ffffff;
  background: #A0A9B5;
  padding: 10px 15px;
  border-radius: 30px;
  position: absolute;
  top: -25px;
}
.page-products-whitelogist-serum .block-section2-item-recommend-list {
  width: 100%;
  text-align: left;
  padding: 0;
}
.page-products-whitelogist-serum .block-section2-item-recommend-list li {
  font-size: 12px;
  border-bottom: dashed 1px #dddddd;
  padding-bottom: 5px;
  margin-bottom: 5px;
  padding: 0 0 5px 33px;
  list-style: none;
  position: relative;
}
.page-products-whitelogist-serum .block-section2-item-recommend-list li::before {
  content: "";
  width: 23px;
  height: 18px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/check.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: 0;
}
.page-products-whitelogist-serum .block-section2-item-recommend-bulk {
  width: 100px;
  margin: auto;
}
.page-products-whitelogist-serum .block-section2-item .detailbtn {
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section2-item-notice {
  margin: 0 10px;
  padding-top: 10px;
  border-top: solid 1px #d4d4d4;
  font-size: 9px;
  text-align: left;
}
.page-products-whitelogist-serum .block-section2-sample {
  width: 94%;
  max-width: 420px;
  padding: 4%;
  margin: 0 auto 6%;
  border: solid 1px #d4d4d4;
  border-radius: 8px;
  text-align: center;
  transition: all 0.4s ease;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  font-feature-settings: "palt";
  letter-spacing: 1px;
}
.page-products-whitelogist-serum .block-section2-sample-image {
  width: 38%;
}
.page-products-whitelogist-serum .block-section2-sample-txt {
  width: 62%;
  text-align: center;
  padding: 0 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-whitelogist-serum .block-section2-sample-txt-title {
  font-size: 18px;
  margin-bottom: 2%;
  color: #7a682b;
  line-height: 1.4;
}
.page-products-whitelogist-serum .block-section2-sample-txt-txt {
  font-size: 11px;
  margin-bottom: 4%;
}
.page-products-whitelogist-serum .block-section2-sample-txt-date {
  font-size: 10px;
  color: #555555;
  padding: 1% 4%;
  border: solid 1px #d4d4d4;
}
.page-products-whitelogist-serum .block-section2-sample-txt-date span {
  font-size: 14px;
}
.page-products-whitelogist-serum .block-section2-sample-btn {
  width: 100%;
  font-size: 15px;
  padding: 4%;
  background: #daca9b;
  margin-top: 4%;
  cursor: pointer;
  transition: all 0.5s ease;
  position: relative;
}
.page-products-whitelogist-serum .block-section2-sample-guideline-btn {
  cursor: pointer;
  font-size: 12px;
  margin: 20px 0;
  text-decoration: underline;
}
.page-products-whitelogist-serum .block-section2-sample-close-message {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: flex;
  height: calc(100% + 20px);
  justify-content: center;
  left: -10px;
  margin: 0;
  position: absolute;
  top: -10px;
  width: calc(100% + 20px);
}
.page-products-whitelogist-serum .block-section2-shinpi {
  width: 94%;
  background: rgba(255, 255, 255, 0.7);
  padding: 5% 3%;
  margin: 0 auto 8%;
  border: solid 1px #d4d4d4;
  border-radius: 8px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section2-shinpi-title {
  font-size: 16px;
  margin-bottom: 5%;
  background: #f0f2f9;
  padding: 4%;
}
.page-products-whitelogist-serum .block-section2-shinpi-txt {
  font-size: 12px;
}
.page-products-whitelogist-serum .block-section3-title {
  height: 70px;
  margin-bottom: 30px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section3_h2_bg.png") no-repeat right center #f0f2f9;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-serum .block-section3-copy {
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section3-copy span {
  font-size: 15px;
  display: block;
}
.page-products-whitelogist-serum .block-section3-lead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: auto;
  margin: 0 auto 10px;
  /*border:solid 1px #D9DBE0;*/
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
}
.page-products-whitelogist-serum .block-section3-lead-title {
  font-size: 24px;
  width: calc(100% - 160px);
  display: flex;
  justify-content: center;
}
.page-products-whitelogist-serum .block-section3-lead-image {
  width: 140px;
}
.page-products-whitelogist-serum .block-section3-lead-txt {
  width: 100%;
  margin-top: 20px;
}
.page-products-whitelogist-serum .block-section3-bg1 {
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section3_bg1.png") no-repeat center top;
  background-size: cover;
  padding: 20px 10px 10px;
}
.page-products-whitelogist-serum .block-section3-bg2 {
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section3_bg2.png") no-repeat center top;
  background-size: cover;
  padding: 10px 10px 20px;
}
.page-products-whitelogist-serum .block-section3-box1, .page-products-whitelogist-serum .block-section3-box2, .page-products-whitelogist-serum .block-section3-box3, .page-products-whitelogist-serum .block-section3-box4, .page-products-whitelogist-serum .block-section3-box5, .page-products-whitelogist-serum .block-section3-box6, .page-products-whitelogist-serum .block-section3-box7 {
  width: 100%;
  margin: 0 auto 10px;
  background: rgba(255, 255, 255, 0.7);
  padding: 40px 15px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.page-products-whitelogist-serum .block-section3-box1-txt {
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box1-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box1-image {
  width: 100%;
  max-width: 480px;
}
.page-products-whitelogist-serum .block-section3-box2-txt {
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box2-txt-title {
  font-size: 20px;
  margin-bottom: 30px;
}
.page-products-whitelogist-serum .block-section3-box2-image {
  width: 100%;
  max-width: 480px;
}
.page-products-whitelogist-serum .block-section3-box2-image span {
  margin-top: 20px;
  display: block;
  font-size: 12px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section3-box3-txt {
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box3-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box3-image {
  width: 70%;
  max-width: 360px;
}
.page-products-whitelogist-serum .block-section3-box3-image span {
  font-size: 10px;
  text-align: right;
  display: block;
  margin-top: 5px;
}
.page-products-whitelogist-serum .block-section3-box4 {
  margin-bottom: 0;
  flex-direction: column;
  padding-top: 50px;
}
.page-products-whitelogist-serum .block-section3-box4-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box4-lead {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: left;
}
.page-products-whitelogist-serum .block-section3-box4-ingredient {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box4-ingredient-box {
  max-width: 240px;
  width: 48%;
  display: flex;
  flex-direction: column;
}
.page-products-whitelogist-serum .block-section3-box4-ingredient-box-image {
  max-width: 120px;
  margin: 0 auto 10px;
  position: relative;
}
.page-products-whitelogist-serum .block-section3-box4-ingredient-box-image span {
  font-size: 9px;
  text-align: right;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.page-products-whitelogist-serum .block-section3-box4-ingredient-box-txt {
  width: 100%;
  font-size: 10px;
  text-align: left;
}
.page-products-whitelogist-serum .block-section3-box4-ingredient-box-txt span {
  font-size: 12px;
  background: #ffffff;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}
.page-products-whitelogist-serum .block-section3-box4-notice {
  font-size: 9px;
  width: 100%;
  text-align: left;
}
.page-products-whitelogist-serum .block-section3-box5 {
  flex-direction: column;
  padding-top: 50px;
}
.page-products-whitelogist-serum .block-section3-box5-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section3-box5-lead {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section3-box5-txt {
  font-size: 12px;
  text-align: center;
}
.page-products-whitelogist-serum .block-section3-box6-image {
  width: 40%;
  max-width: 240px;
  position: relative;
  margin: 0 auto 20px;
}
.page-products-whitelogist-serum .block-section3-box6-image span {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 9px;
}
.page-products-whitelogist-serum .block-section3-box6-txt {
  width: 100%;
}
.page-products-whitelogist-serum .block-section3-box6-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box6-txt-title span {
  font-size: 14px;
  display: block;
}
.page-products-whitelogist-serum .block-section3-box6-txt-txt {
  font-size: 12px;
  text-align: left;
}
.page-products-whitelogist-serum .block-section3-box7 {
  margin-bottom: 0;
}
.page-products-whitelogist-serum .block-section3-box7-image {
  width: 100%;
  max-width: 480px;
  position: relative;
}
.page-products-whitelogist-serum .block-section3-box7-txt {
  font-size: 12px;
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box7-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section3-box7-txt-title span {
  font-size: 14px;
  display: block;
}
.page-products-whitelogist-serum .block-section3-box7-txt-notice {
  margin-top: 20px;
  font-size: 9px;
  text-align: left;
}
.page-products-whitelogist-serum .block-section4-title {
  height: 70px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section4_h2_bg.png") no-repeat right center #eeeef4;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-serum .block-section4-bg {
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section3_bg2.png") no-repeat center top;
  background-size: cover;
  padding: 20px 10px;
}
.page-products-whitelogist-serum .block-section4-box {
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
  padding: 40px 15px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-whitelogist-serum .block-section4-box-image {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  position: relative;
}
.page-products-whitelogist-serum .block-section4-box-image span {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 9px;
}
.page-products-whitelogist-serum .block-section4-box-txt {
  font-size: 10px;
  width: 100%;
  text-align: center;
}
.page-products-whitelogist-serum .block-section4-box-txt-title {
  font-size: 20px;
}
.page-products-whitelogist-serum .block-section4-box-txt-title span {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}
.page-products-whitelogist-serum .block-section5-title {
  height: 70px;
  margin-bottom: 30px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section5_h2_bg.png") no-repeat right center #dad9de;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-serum .block-section5-step {
  display: flex;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto 20px;
  flex-direction: column;
}
.page-products-whitelogist-serum .block-section5-step-box {
  background: #EEEEF1;
  padding: 15px 20px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  max-width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #EEEEF1;
  text-align: center;
}
.page-products-whitelogist-serum .block-section5-step-box:last-of-type {
  margin-bottom: 0;
}
.page-products-whitelogist-serum .block-section5-step-box::after {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 100px;
  height: 15px;
  background: #EEEEF1;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 50px);
}
.page-products-whitelogist-serum .block-section5-step-box-number {
  font-size: 14px;
}
.page-products-whitelogist-serum .block-section5-step-box-name {
  font-size: 24px;
}
.page-products-whitelogist-serum .block-section5-step-box-txt {
  font-size: 12px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-products-whitelogist-serum .block-section5-step-box-iconimage {
  width: 40px;
}
.page-products-whitelogist-serum .block-section5-step-box-image {
  margin-top: 20px;
}
.page-products-whitelogist-serum .block-section5-step-box:last-of-type::after {
  content: none;
}
.page-products-whitelogist-serum .block-section5-step-whitebox {
  background: #ffffff;
  width: 100%;
  flex-direction: column;
  padding: 30px 10px 0;
  margin-bottom: 10px;
}
.page-products-whitelogist-serum .block-section5-step-whitebox:after {
  content: none;
}
.page-products-whitelogist-serum .block-section5-notice {
  font-size: 9px;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 10px;
  position: relative;
}
.page-products-whitelogist-serum .block-section5-notice::after {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 100px;
  height: 15px;
  background: #EEEEF1;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 50px);
}
.page-products-whitelogist-serum .block-section5-maskinfo {
  padding: 30px 10px;
  border: solid 1px #EEEEF1;
  width: 96%;
  margin: 0 auto 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-whitelogist-serum .block-section5-maskinfo-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.page-products-whitelogist-serum .block-section5-maskinfo-txt-title {
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 0;
}
.page-products-whitelogist-serum .block-section5-maskinfo-txt-notice {
  font-size: 10px;
  margin-top: 0;
}
.page-products-whitelogist-serum .block-section5-maskinfo-image {
  width: 80%;
  max-width: 360px;
}
.page-products-whitelogist-serum .block-section6-title {
  height: 70px;
  margin-bottom: 30px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_serum/section6_h2_bg.png") no-repeat right center #c1c8d8;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-serum .block-section6-box {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  align-items: center;
  flex-direction: column;
}
.page-products-whitelogist-serum .block-section6-box-image {
  width: 100%;
  max-width: 480px;
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .block-section6-box-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.page-products-whitelogist-serum .block-section6-box-txt {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.page-products-whitelogist-serum .block-section6-box-notice {
  font-size: 9px;
  width: 100%;
}
.page-products-whitelogist-serum .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-products-whitelogist-serum .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 900px;
  column-gap: 20px;
  min-height: 360px;
  padding: 40px 30px;
}
.page-products-whitelogist-serum #point2 .modal-container {
  padding: 40px 20px;
}
.page-products-whitelogist-serum .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background: #A1A9B5;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-serum .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.page-products-whitelogist-serum .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
.page-products-whitelogist-serum .modal-container {
  width: 96%;
  margin: auto;
}
.page-products-whitelogist-serum .modal-container .block-section1-point-item-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
}
.page-products-whitelogist-serum .modal-container .block-section1-point-item-title > span {
  line-height: 1;
}
.page-products-whitelogist-serum .modal-container .pointmodal-title {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-whitelogist-serum .modal-container .pointmodal-lead {
  font-size: 12px;
  margin-bottom: 30px;
}
.page-products-whitelogist-serum .modal-container .pointmodal-notice {
  font-size: 9px;
  margin-top: 20px;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box-image {
  width: 50%;
  max-width: 240px;
  position: relative;
  margin: 0 auto 15px;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box-image span {
  display: block;
  position: absolute;
  font-size: 9px;
  bottom: 0;
  right: 0;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box-txt {
  margin-bottom: 20px;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box-notice {
  font-size: 9px;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box2 {
  display: flex;
  justify-content: space-between;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box2-item {
  width: 160px;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box2-item-image {
  width: 120px;
  margin: 0 auto 10px;
  position: relative;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box2-item-image span {
  display: block;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box2-item-title {
  font-size: 12px;
  background: #EEEEF1;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-bottom: 10px;
  text-align: center;
}
.page-products-whitelogist-serum .modal-container .pointmodal-box2-item-notice {
  font-size: 10px;
}
.page-products-whitelogist-serum .block-section2-item1 {
  transform: translateX(-100vw);
  position: absolute;
}
.page-products-whitelogist-serum .block-section2-item1.is-show {
  transform: translateX(0);
  position: relative;
}
.page-products-whitelogist-serum .block-section2-item2 {
  transform: translateX(100vw);
  position: absolute;
}
.page-products-whitelogist-serum .block-section2-item2.is-show {
  transform: translateX(0);
  position: relative;
}
.page-products-whitelogist-serum .togglebtn {
  cursor: pointer;
}
.page-products-whitelogist-serum .togglebtn.open {
  display: none;
}
.page-products-whitelogist-serum .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
.page-products-whitelogist-serum .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.page-products-whitelogist-serum .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.page-products-whitelogist-serum .downarrow {
  width: 30px;
  height: 30px;
  background: #A1A9B5;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-serum .downarrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}
.page-products-whitelogist-serum .color-red {
  color: #990000;
}
.page-products-whitelogist-serum #sample-entry.modal-area {
  display: flex;
}
.page-products-whitelogist-serum #sample-entry .modal-container {
  width: 360px;
  padding: 30px 10px 20px;
  display: block;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample {
  width: 340px;
  padding: 0;
  margin: auto;
  /*display: flex;*/
  padding-bottom: 5%;
  /*justify-content: center;*/
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--arrow {
  position: absolute;
  width: 80px;
  height: 40px;
  text-indent: 0;
  top: inherit;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.4s ease;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--arrow::before, .page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--arrow::after {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 17px;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--prev {
  bottom: 0;
  left: 0;
  background: #f0f0f0;
  display: none !important;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--prev::after {
  left: 0;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--prev:hover {
  background: #d4d4d4;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--next {
  bottom: 0;
  right: calc(50% - 40px);
  background: #bba86f;
  color: #ffffff;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--next::after {
  right: 0;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .js-slick--next:hover {
  background: #a1905b;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .slick-disabled {
  display: none !important;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .block-section3-box1, .page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .block-section3-box2, .page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .block-section3-box3 {
  padding: 0;
  margin-bottom: 0;
  background: none;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .block-section3-box1-image, .page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .block-section3-box2-image, .page-products-whitelogist-serum #sample-entry .modal-container .modal-sample .block-section3-box3-image {
  width: 70%;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item {
  height: 100%;
  display: flex;
  align-items: center;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item .mgnbtm {
  margin-bottom: 2%;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item.modal-sample-item-last {
  flex-direction: column;
  align-items: center;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms {
  height: 320px;
  overflow-y: scroll;
  margin-bottom: 7%;
  padding: 2%;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-title {
  font-size: 13px;
  background: #f0f2f9;
  padding: 2% 4%;
  margin-bottom: 2%;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-txt {
  margin-bottom: 5%;
  font-size: 11px;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-txt-frame {
  padding: 2% 4%;
  border: solid 1px #d4d4d4;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-notice {
  margin-top: 2%;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-notice li {
  position: relative;
  margin-bottom: 0.5%;
  padding-left: 10px;
  font-size: 8px;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-notice li:last-of-type {
  margin-bottom: 0;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-notice li::before {
  content: "※";
  position: absolute;
  top: 0.5px;
  left: 0;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-list li {
  position: relative;
  margin-bottom: 0.5%;
  padding-left: 12px;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-list li:last-of-type {
  margin-bottom: 0;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-terms-list li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #888888;
  position: absolute;
  top: 8px;
  left: 2px;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-link {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-link-login, .page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-link-new {
  height: 60px;
  width: 160px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 4px;
  font-size: 11px;
  text-align: center;
  line-height: 1.3;
  transition: all 0.5s ease;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-link-login {
  color: #bba86f;
  background: #ffffff;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-link-login:hover {
  color: #ffffff;
  background: #6d5f37;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-link-new {
  color: #ffffff;
  background: #bba86f;
}
.page-products-whitelogist-serum #sample-entry .modal-container .modal-sample-item-link-new:hover {
  color: #ffffff;
  background: #6d5f37;
}
.page-products-whitelogist-serum #sample-guideline.modal-area {
  display: flex;
}
.page-products-whitelogist-serum #sample-guideline .modal-container {
  width: 360px;
  padding: 30px 10px 20px;
  display: block;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample {
  width: 340px;
  padding: 0;
  margin: auto;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample .block-section3-box1, .page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample .block-section3-box2, .page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample .block-section3-box3 {
  padding: 0;
  margin-bottom: 0;
  background: none;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample .block-section3-box1-image, .page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample .block-section3-box2-image, .page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample .block-section3-box3-image {
  width: 70%;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item {
  height: 100%;
  display: flex;
  align-items: center;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item .mgnbtm {
  margin-bottom: 2%;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item.modal-sample-item-last {
  flex-direction: column;
  align-items: center;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms {
  height: 320px;
  overflow-y: scroll;
  padding: 2%;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-title {
  font-size: 13px;
  background: #f0f2f9;
  padding: 2% 4%;
  margin-bottom: 2%;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-txt {
  margin-bottom: 5%;
  font-size: 11px;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-txt-frame {
  padding: 2% 4%;
  border: solid 1px #d4d4d4;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-notice {
  margin-top: 2%;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-notice li {
  position: relative;
  margin-bottom: 0.5%;
  padding-left: 10px;
  font-size: 8px;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-notice li:last-of-type {
  margin-bottom: 0;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-notice li::before {
  content: "※";
  position: absolute;
  top: 0.5px;
  left: 0;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-list li {
  position: relative;
  margin-bottom: 0.5%;
  padding-left: 12px;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-list li:last-of-type {
  margin-bottom: 0;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-terms-list li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #888888;
  position: absolute;
  top: 8px;
  left: 2px;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-link {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-link-login, .page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-link-new {
  height: 60px;
  width: 160px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 4px;
  font-size: 11px;
  text-align: center;
  line-height: 1.3;
  transition: all 0.5s ease;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-link-login {
  color: #bba86f;
  background: #ffffff;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-link-login:hover {
  color: #ffffff;
  background: #6d5f37;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-link-new {
  color: #ffffff;
  background: #bba86f;
}
.page-products-whitelogist-serum #sample-guideline .modal-container .modal-sample-item-link-new:hover {
  color: #ffffff;
  background: #6d5f37;
}
.page-products-whitelogist-serum .block-ishii {
  width: 100%;
  background-image: linear-gradient(90deg, #dee2e3, #d3d4e7);
  padding: 6% 3%;
}
.page-products-whitelogist-serum .block-ishii sup {
  font-size: 0.5em;
}
.page-products-whitelogist-serum .block-ishii-wrap {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  padding: 6% 4%;
  text-align: center;
  border-radius: 8px;
}
.page-products-whitelogist-serum .block-ishii-wrap-image {
  width: 70%;
  margin: 0 auto 5%;
}
.page-products-whitelogist-serum .block-ishii-wrap-txt {
  width: 100%;
  font-size: 12px;
}
.page-products-whitelogist-serum .block-ishii-wrap-txt-txt {
  margin-bottom: 4%;
}
.page-products-whitelogist-serum .block-ishii-wrap-txt-title {
  font-size: 18px;
  margin-bottom: 5%;
  line-height: 1.5;
}
.page-products-whitelogist-serum .block-ishii-wrap-txt-notice {
  font-size: 8px;
  margin-top: 5%;
}
.page-products-whitelogist-serum .block-ishii-wrap-txt-link {
  width: 100%;
  margin-top: 6%;
  display: flex;
  justify-content: center;
}
.page-products-whitelogist-serum .block-ishii-wrap-txt-link a {
  display: block;
  background: #000000;
  padding: 3% 6% 3.5%;
  color: #ffffff;
  margin: 0 2%;
  font-size: 11px;
  text-decoration: none;
  transition: all 0.5s ease;
}
.page-products-whitelogist-serum .block-ishii-wrap-txt-link a:hover {
  background: #bba86f;
}

body {
  margin: 0;
}

img {
  vertical-align: bottom;
}

.page-products-whitelogist-mask-202511 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 1.6;
  /*modal*/
  /*開閉用*/
}
.page-products-whitelogist-mask-202511 * {
  box-sizing: border-box;
}
.page-products-whitelogist-mask-202511 .detailbtn {
  background: #000000;
  padding: 12px 20px;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-whitelogist-mask-202511 .detailbtn:hover {
  background: #bba86f;
}
.page-products-whitelogist-mask-202511 p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-products-whitelogist-mask-202511 sub {
  font-size: 0.5em;
  vertical-align: 0;
}
.page-products-whitelogist-mask-202511 .block-kv {
  max-width: 1280px;
  margin: 0 auto;
}
.page-products-whitelogist-mask-202511 .block-lead {
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/lead_bg.png") no-repeat center bottom;
  background-size: cover;
  padding: 40px 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.page-products-whitelogist-mask-202511 .block-lead-title {
  font-size: 24px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-lead-subtitle {
  font-size: 15px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-lead-txt {
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-lead-image {
  width: 77%;
  max-width: 400px;
  margin: 0 auto;
}
.page-products-whitelogist-mask-202511 .block-navi {
  padding: 2px;
}
.page-products-whitelogist-mask-202511 .block-navi-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
}
.page-products-whitelogist-mask-202511 .block-navi-list > li {
  width: calc(50% - 0.5px);
  margin: 0 0 1px;
  list-style: none;
}
.page-products-whitelogist-mask-202511 .block-navi-list > li:nth-of-type(1) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/navi1_bg.png");
}
.page-products-whitelogist-mask-202511 .block-navi-list > li:nth-of-type(2) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/navi2_bg.png");
}
.page-products-whitelogist-mask-202511 .block-navi-list > li:nth-of-type(3) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/navi3_bg.png");
}
.page-products-whitelogist-mask-202511 .block-navi-list > li:nth-of-type(4) a {
  background-image: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/navi4_bg.png");
}
.page-products-whitelogist-mask-202511 .block-navi-list > li a {
  display: flex;
  position: relative;
  padding: 5px 10px 5px 30px;
  align-items: center;
  text-decoration: none;
  height: 70px;
  box-sizing: border-box;
  background-size: cover;
  background-position: right center;
  font-size: 14px;
  transition: all 0.5s ease;
  border: solid 1px #ffffff;
}
.page-products-whitelogist-mask-202511 .block-navi-list > li a::before {
  content: "";
  position: absolute;
  background: #A1A9B5;
  width: 12px;
  height: 12px;
  left: 15px;
  display: block;
}
.page-products-whitelogist-mask-202511 .block-navi-list > li a::after {
  content: "";
  position: absolute;
  border-left: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
  left: 19px;
  display: block;
  margin-bottom: 5px;
}
.page-products-whitelogist-mask-202511 .block-navi-list > li a:hover {
  border: solid 1px #A1A9B5;
}
.page-products-whitelogist-mask-202511 .block-section1-bg {
  background: linear-gradient(to bottom, #FFFFFF 20%, #EEEEF1);
  padding: 40px 10px 10px;
}
.page-products-whitelogist-mask-202511 .block-section1-title {
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section1-txt {
  font-size: 12px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section1-point {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item {
  width: 100%;
  max-width: 480px;
  height: 60px;
  display: flex;
  margin: 0 auto 10px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.5s ease;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item:hover .block-section1-point-item-btn {
  background: #bba86f;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-title {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E8D8A8;
  font-size: 10px;
  flex-direction: column;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-title > span {
  font-size: 20px;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-txt {
  font-size: 12px;
  width: calc(100% - 150px);
  height: 60px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-txt-notice {
  display: block;
  font-size: 8px;
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-image {
  width: 60px;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-btn {
  background: #A1A9B5;
  width: 30px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.5s ease;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-btn > span {
  display: block;
  width: 14px;
  height: 1px;
  background: #ffffff;
  position: absolute;
}
.page-products-whitelogist-mask-202511 .block-section1-point-item-btn > span:nth-of-type(1) {
  transform: rotate(90deg);
}
.page-products-whitelogist-mask-202511 .block-section1-notice {
  font-size: 9px;
  width: 100%;
  padding: 0 10px;
  margin: 10px auto 30px;
}
.page-products-whitelogist-mask-202511 .block-section2-title {
  height: 70px;
  margin-bottom: 40px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/section2_h2_bg.png") no-repeat right center #eeeef4;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-mask-202511 .block-section2-navi {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  margin: 2px 2px 40px;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn1 {
  width: calc(50% - 1px);
  height: 50px;
  background: #E4D9B9;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn1::before {
  position: absolute;
  width: 6px;
  height: 6px;
  content: "";
  display: block;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  transform: rotate(45deg);
  left: 10px;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn1::after {
  content: none;
  display: block;
  position: absolute;
  width: calc(100vw - 4px);
  height: 4px;
  background: #DFC783;
  bottom: -6px;
  left: 0;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn1.is-active {
  border-bottom: solid 2px #DFC783;
  background: #DFC783;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn1.is-active::before {
  content: none;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn1.is-active::after {
  content: "";
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn2 {
  width: calc(50% - 1px);
  height: 50px;
  background: #EEEEF1;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 2px #ffffff;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn2::after {
  position: absolute;
  width: 6px;
  height: 6px;
  content: "";
  display: block;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  transform: rotate(45deg);
  right: 10px;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn2::before {
  content: none;
  display: block;
  position: absolute;
  width: calc(100vw - 4px);
  height: 4px;
  background: #CCD1D7;
  bottom: -6px;
  right: 0;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn2.is-active {
  border-bottom: solid 2px #CCD1D7;
  background: #CCD1D7;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn2.is-active::after {
  content: none;
}
.page-products-whitelogist-mask-202511 .block-section2-navi-btn2.is-active::before {
  content: "";
}
.page-products-whitelogist-mask-202511 .block-section2-wrap {
  width: 100vw;
  margin: 0 auto 30px;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section2-item {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}
.page-products-whitelogist-mask-202511 .block-section2-item-copy {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-lead {
  font-size: 16px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-leadsub {
  font-size: 12px;
  margin-bottom: 30px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-image {
  width: 67%;
  max-width: 360px;
  margin: 0 auto;
}
.page-products-whitelogist-mask-202511 .block-section2-item-name {
  font-size: 14px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-capa {
  font-size: 11px;
  margin-bottom: 40px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-recommend {
  background: #EEEEF1;
  position: relative;
  padding: 25px 15px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 96%;
  margin: 0 auto 20px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-recommend-title {
  font-size: 14px;
  color: #ffffff;
  background: #A0A9B5;
  padding: 10px 15px;
  border-radius: 30px;
  position: absolute;
  top: -25px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-recommend-list {
  width: 100%;
  text-align: left;
  padding: 0;
}
.page-products-whitelogist-mask-202511 .block-section2-item-recommend-list li {
  font-size: 12px;
  border-bottom: dashed 1px #dddddd;
  padding-bottom: 5px;
  margin-bottom: 5px;
  padding: 0 0 5px 33px;
  list-style: none;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section2-item-recommend-list li::before {
  content: "";
  width: 23px;
  height: 18px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/check.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: 0;
}
.page-products-whitelogist-mask-202511 .block-section2-item .detailbtn {
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section2-item-notice {
  margin: 0 10px;
  padding-top: 10px;
  border-top: solid 1px #d4d4d4;
  font-size: 9px;
  text-align: left;
}
.page-products-whitelogist-mask-202511 .block-section3-title {
  height: 70px;
  margin-bottom: 30px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/section3_h2_bg.png") no-repeat right center #c1c8d8;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-mask-202511 .block-section3-copy {
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section3-copy span {
  font-size: 15px;
  display: block;
}
.page-products-whitelogist-mask-202511 .block-section3-lead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: auto;
  margin: 0 auto 10px;
  /*border:solid 1px #D9DBE0;*/
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-lead-title {
  font-size: 24px;
  width: calc(100% - 160px);
  display: flex;
  justify-content: center;
}
.page-products-whitelogist-mask-202511 .block-section3-lead-image {
  width: 140px;
}
.page-products-whitelogist-mask-202511 .block-section3-lead-txt {
  width: 100%;
  margin-top: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-bg {
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/section3_bg.png") no-repeat center top;
  background-size: cover;
  padding: 20px 10px 10px;
}
.page-products-whitelogist-mask-202511 .block-section3-box1, .page-products-whitelogist-mask-202511 .block-section3-box2, .page-products-whitelogist-mask-202511 .block-section3-box3, .page-products-whitelogist-mask-202511 .block-section3-box4, .page-products-whitelogist-mask-202511 .block-section3-box5, .page-products-whitelogist-mask-202511 .block-section3-box6, .page-products-whitelogist-mask-202511 .block-section3-box7, .page-products-whitelogist-mask-202511 .block-section3-box8 {
  width: 100%;
  margin: 0 auto 10px;
  background: rgba(255, 255, 255, 0.7);
  padding: 40px 15px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section3-box1-txt {
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box1-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box1-image {
  width: 100%;
  max-width: 480px;
}
.page-products-whitelogist-mask-202511 .block-section3-box2-txt {
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box2-txt-title {
  font-size: 20px;
  margin-bottom: 30px;
}
.page-products-whitelogist-mask-202511 .block-section3-box2-image {
  width: 100%;
  max-width: 480px;
}
.page-products-whitelogist-mask-202511 .block-section3-box2-image span {
  margin-top: 20px;
  display: block;
  font-size: 12px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section3-box3-txt {
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box3-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box3-image {
  width: 70%;
  max-width: 360px;
}
.page-products-whitelogist-mask-202511 .block-section3-box3-image span {
  font-size: 10px;
  text-align: right;
  display: block;
  margin-top: 5px;
}
.page-products-whitelogist-mask-202511 .block-section3-box4 {
  flex-direction: column;
  padding-top: 50px;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-lead {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: left;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-ingredient {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-ingredient-image {
  max-width: 120px;
  margin: 0 auto 10px;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-ingredient-image span {
  font-size: 9px;
  text-align: right;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-ingredient-txt {
  width: calc(100% - 150px);
  font-size: 10px;
  text-align: left;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-ingredient-txt span {
  font-size: 12px;
  background: #ffffff;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}
.page-products-whitelogist-mask-202511 .block-section3-box4-notice {
  font-size: 9px;
  width: 100%;
  text-align: left;
}
.page-products-whitelogist-mask-202511 .block-section3-box5 {
  flex-direction: column;
  padding-top: 50px;
}
.page-products-whitelogist-mask-202511 .block-section3-box5-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section3-box5-lead {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section3-box5-txt {
  font-size: 12px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section3-box6-image {
  width: 40%;
  max-width: 240px;
  position: relative;
  margin: 0 auto 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box6-image span {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 9px;
}
.page-products-whitelogist-mask-202511 .block-section3-box6-txt {
  width: 100%;
}
.page-products-whitelogist-mask-202511 .block-section3-box6-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box6-txt-title span {
  font-size: 14px;
  display: block;
}
.page-products-whitelogist-mask-202511 .block-section3-box6-txt-txt {
  font-size: 12px;
  text-align: left;
}
.page-products-whitelogist-mask-202511 .block-section3-box7-image {
  width: 100%;
  max-width: 480px;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section3-box7-txt {
  font-size: 12px;
  width: 100%;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box7-txt-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section3-box7-txt-title span {
  font-size: 14px;
  display: block;
}
.page-products-whitelogist-mask-202511 .block-section3-box7-txt-notice {
  margin-top: 20px;
  font-size: 9px;
  text-align: left;
}
.page-products-whitelogist-mask-202511 .block-section3-box8-image {
  width: 100%;
  max-width: 480px;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section3-box8-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .block-section4-title {
  height: 70px;
  margin-bottom: 30px;
  background: url("/decorte/img/decorte2023/sp/custom/whitelogist_mask_202511/section4_h2_bg.png") no-repeat right center #dad9de;
  background-size: contain;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-mask-202511 .block-section4-step {
  display: flex;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto 20px;
  flex-direction: column;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box {
  background: #EEEEF1;
  padding: 15px 20px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  max-width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #EEEEF1;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box:last-of-type {
  margin-bottom: 0;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box::after {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 100px;
  height: 15px;
  background: #EEEEF1;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 50px);
}
.page-products-whitelogist-mask-202511 .block-section4-step-box-number {
  font-size: 14px;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box-name {
  font-size: 24px;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box-txt {
  font-size: 12px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box-iconimage {
  width: 40px;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box-image {
  margin-top: 20px;
}
.page-products-whitelogist-mask-202511 .block-section4-step-box:last-of-type::after {
  content: none;
}
.page-products-whitelogist-mask-202511 .block-section4-step-whitebox {
  background: #ffffff;
  width: 100%;
  flex-direction: column;
  padding: 30px 10px 0;
  margin-bottom: 10px;
}
.page-products-whitelogist-mask-202511 .block-section4-step-whitebox::after {
  content: none;
}
.page-products-whitelogist-mask-202511 .block-section4-notice {
  font-size: 9px;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 10px;
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section4-notice::after {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 100px;
  height: 15px;
  background: #EEEEF1;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 50px);
}
.page-products-whitelogist-mask-202511 .block-section4-maskinfo {
  padding: 30px 10px;
  border: solid 1px #EEEEF1;
  width: 96%;
  margin: 0 auto 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-whitelogist-mask-202511 .block-section4-maskinfo-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.page-products-whitelogist-mask-202511 .block-section4-maskinfo-txt-title {
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 0;
}
.page-products-whitelogist-mask-202511 .block-section4-maskinfo-txt-notice {
  font-size: 10px;
  margin-top: 0;
}
.page-products-whitelogist-mask-202511 .block-section4-maskinfo-image {
  width: 80%;
  max-width: 360px;
}
.page-products-whitelogist-mask-202511 .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-products-whitelogist-mask-202511 .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 900px;
  column-gap: 20px;
  min-height: 360px;
  padding: 40px 30px;
}
.page-products-whitelogist-mask-202511 #point2 .modal-container {
  padding: 40px 20px;
}
.page-products-whitelogist-mask-202511 .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background: #A1A9B5;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-mask-202511 .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.page-products-whitelogist-mask-202511 .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 20px;
}
.page-products-whitelogist-mask-202511 .modal-container {
  width: 96%;
  margin: auto;
}
.page-products-whitelogist-mask-202511 .modal-container .block-section1-point-item-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
}
.page-products-whitelogist-mask-202511 .modal-container .block-section1-point-item-title > span {
  line-height: 1;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-title {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-lead {
  font-size: 12px;
  margin-bottom: 30px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-notice {
  font-size: 9px;
  margin-top: 20px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box1-image {
  width: 90%;
  max-width: 360px;
  position: relative;
  margin: 0 auto 15px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box1-image span {
  display: block;
  font-size: 9px;
  text-align: right;
  margin-top: 5px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box1-txt {
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box2 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box2-image {
  width: 50%;
  max-width: 240px;
  position: relative;
  margin: 0 auto 15px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box2-image span {
  display: block;
  font-size: 9px;
  text-align: right;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box2-txt {
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box2-notice {
  font-size: 9px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box3-image {
  width: 140px;
  position: relative;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box3-image span {
  display: block;
  font-size: 9px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box3-txt {
  width: calc(100% - 150px);
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box3-txt-title {
  font-size: 12px;
  background: #EEEEF1;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-bottom: 10px;
  text-align: center;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box3-txt-txt {
  font-size: 9px;
  margin-bottom: 15px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box3-txt-notice {
  font-size: 9px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box4 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box4-image {
  width: 45%;
  max-width: 240px;
  position: relative;
  margin: 0 auto 15px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box4-image span {
  display: block;
  font-size: 9px;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: -15px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box4-txt {
  margin-bottom: 20px;
}
.page-products-whitelogist-mask-202511 .modal-container .pointmodal-box4-notice {
  font-size: 9px;
}
.page-products-whitelogist-mask-202511 .block-section2-item1 {
  transform: translateX(-100vw);
  position: absolute;
}
.page-products-whitelogist-mask-202511 .block-section2-item1.is-show {
  transform: translateX(0);
  position: relative;
}
.page-products-whitelogist-mask-202511 .block-section2-item2 {
  transform: translateX(100vw);
  position: absolute;
}
.page-products-whitelogist-mask-202511 .block-section2-item2.is-show {
  transform: translateX(0);
  position: relative;
}
.page-products-whitelogist-mask-202511 .togglebtn {
  cursor: pointer;
}
.page-products-whitelogist-mask-202511 .togglebtn.open {
  display: none;
}
.page-products-whitelogist-mask-202511 .togglebody {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
.page-products-whitelogist-mask-202511 .togglebtn.open + .togglebody {
  height: auto;
  opacity: 1;
}
.page-products-whitelogist-mask-202511 .togglebtn.open + .togglebody.last {
  margin-bottom: 30px;
}
.page-products-whitelogist-mask-202511 .downarrow {
  width: 30px;
  height: 30px;
  background: #A1A9B5;
  position: relative;
  display: flex;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}
.page-products-whitelogist-mask-202511 .downarrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}
.page-products-whitelogist-mask-202511 .color-red {
  color: #990000;
}

.block-custom .page-products-youthpoweressencelotion {
  background-color: #101227;
  /*  background-image: url(/decorte/img/decorte2023/pc/custom/youthpoweressencelotion/bg_concept.jpg);
    background-position: center top 780px;
    background-repeat: no-repeat;
    background-size: 100% auto;*/
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding-top: 658px;
  position: relative;
  padding-bottom: 80px;
}
.block-custom .page-products-youthpoweressencelotion h2 {
  display: none;
}
.block-custom .page-products-youthpoweressencelotion h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: fit-content;
}
.block-custom .page-products-youthpoweressencelotion h3::before, .block-custom .page-products-youthpoweressencelotion h3::after {
  display: block;
  content: "";
  height: 2px;
  position: absolute;
  top: calc(50% - 1px);
  width: 25px;
}
.block-custom .page-products-youthpoweressencelotion h3::before {
  background: #FFFFFF;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  left: -34px;
}
.block-custom .page-products-youthpoweressencelotion h3::after {
  background: #FFFFFF;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  right: -34px;
}
.block-custom .page-products-youthpoweressencelotion p {
  letter-spacing: 0.08em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav {
  padding-bottom: 120px;
  position: relative;
  width: 100%;
  z-index: 10;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav::before {
  background: #101128;
  background: linear-gradient(0deg, rgb(16, 17, 40) 0%, rgb(16, 17, 40) 50%, rgba(255, 255, 255, 0) 100%);
  content: "";
  display: block;
  height: calc(100% + 58vw);
  left: 0;
  position: absolute;
  top: -58vw;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav--row {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav--row:nth-child(1) {
  margin-bottom: 8px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav--row:nth-child(1) a {
  width: 25%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav--row:nth-child(2) a {
  width: 33.3333333333%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav a {
  align-items: center;
  background: #887EFF;
  background: linear-gradient(0deg, rgba(136, 126, 255, 0) 0%, rgba(152, 167, 250, 0.25) 100%);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 85px;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  position: relative;
  text-align: center;
  z-index: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav a:not(:first-child)::before {
  background: #FFFFFF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.5) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -1px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-nav a::after {
  background: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/nav_arrow.png) rgba(0, 0, 0, 0.15);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px auto;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  bottom: 8px;
  content: "";
  display: block;
  height: 18px;
  position: absolute;
  width: 18px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv {
  height: min(164.5vw, 1234px);
  left: 0;
  max-width: 750px;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv.-fixed {
  position: fixed;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv--slide {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 1s ease-out;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv--slide.-fixed {
  position: fixed;
  top: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv--slide__01 {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/kv_01.jpg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv--slide__02 {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/kv_02.jpg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv.-slide01 .block-custom-kv--slide__01 {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-kv.-slide02 .block-custom-kv--slide__02 {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept {
  background: #101227;
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/bg_concept.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 90px 0 120px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept h3 {
  display: none;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept--catch {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 50px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept--lead {
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 2;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept--lead:not(:last-child) {
  margin-bottom: 2em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept--movie {
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 40px auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept--notes {
  margin: 40px auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept--notes-marker {
  left: 0;
  position: absolute;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-concept--notes li {
  font-size: 8px;
  line-height: 1.6;
  position: relative;
  padding-left: calc(1.5em + 8px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/feature_intro_visual.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 120px;
  padding-top: min(161.7vw, 1213px);
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature h3 {
  display: none;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--intro {
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--intro-catch {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--intro-catch.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--intro-body {
  font-size: 14px;
  line-height: 1.8;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--intro-body.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture {
  align-items: center;
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/feature_mixture_frame.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  height: 185px;
  justify-content: center;
  margin: 0 auto 25px;
  width: 320px;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-item {
  font-size: 28px;
  letter-spacing: 0.06em;
  line-height: 1;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-item-sub-text {
  display: block;
  font-size: 12px;
  letter-spacing: 0.36em;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-item:nth-child(1) {
  margin-bottom: 50px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-item:nth-child(1)::before, .block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-item:nth-child(1)::after {
  background-color: #ffffff;
  bottom: -25px;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 25px);
  position: absolute;
  width: 50px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-item:nth-child(1)::before {
  transform: rotateZ(30deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-item:nth-child(1)::after {
  transform: rotateZ(-30deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-summary {
  font-size: 20px;
  text-align: center;
  width: 100%;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--mixture-summary.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--bottom-area {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/bg_feature_bottom.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 80px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks {
  margin: 0 auto;
  overflow: hidden;
  padding-top: min(13vw, 100px);
  position: relative;
  width: 100%;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks__koji {
  margin-bottom: 40px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks__koji figure {
  left: -2%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks__koji .block-custom-feature--picks-text-area {
  text-align: right;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks__liposome figure {
  right: -14%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks figure {
  padding: 5px;
  position: absolute;
  top: 0;
  width: 60%;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks figure::before, .block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks figure::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks figure::before {
  background: #FFFFFF;
  background: linear-gradient(120deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks figure::after {
  background-color: #101227;
  height: calc(100% - 2px);
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks figure img {
  position: relative;
  z-index: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks-text-area {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks-percentage {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks-percentage strong {
  font-size: 77px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks-name {
  font-size: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--picks-name-sub-text {
  display: block;
  font-size: 16px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--notes {
  font-size: 8px;
  line-height: 1.6;
  margin: 20px auto 0;
  position: relative;
  padding-left: calc(1.5em + 8px);
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--notes-marker {
  left: 0;
  position: absolute;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--more-link {
  margin: 60px auto 0;
  padding: 5px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--more-link::before, .block-custom .page-products-youthpoweressencelotion .block-custom-feature--more-link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--more-link::before {
  background: #FFFFFF;
  background: linear-gradient(167deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--more-link::after {
  background-color: #101227;
  height: calc(100% - 2px);
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-feature--more-link a {
  display: block;
  position: relative;
  z-index: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/bg_koji_intro.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 60px;
  padding-top: 70px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji h3 {
  margin-bottom: 60px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji h4 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji h4 strong {
  font-size: 40px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--intro {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0 auto 80px;
  padding: 30px 15px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--intro::before {
  background: #3E5F64;
  background: linear-gradient(0deg, rgba(62, 95, 100, 0.5) 0%, rgba(48, 71, 111, 0.5) 40%, rgba(14, 14, 14, 0.5) 100%);
  backdrop-filter: blur(8px);
  content: "";
  display: block;
  filter: brightness(90%);
  height: calc(100% - 2px);
  left: 1px;
  opacity: 0.9;
  position: absolute;
  top: 1px;
  width: calc(100% - 2px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--intro-catch {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--intro-catch-sub-text {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--intro-lead {
  font-size: 14px;
  line-height: 2;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline {
  margin-bottom: 80px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline h4 {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline h4.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container {
  margin: 0 auto;
  padding: 60px 0 60px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container::before {
  background: #ffffff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 60px, rgb(255, 255, 255) calc(100% - 60px), rgba(255, 255, 255, 0) 100%);
  content: "";
  display: block;
  left: 15px;
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  height: 0;
  transition: 8s;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-viewSpotted::before {
  height: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time01 .block-custom-koji--timeline-item__01 dt span {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time01 .block-custom-koji--timeline-item__01 dt::before {
  opacity: 0.2;
  transform: scale(1);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time01 .block-custom-koji--timeline-item__01 dt::after {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time02 .block-custom-koji--timeline-item__02 dt span {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time02 .block-custom-koji--timeline-item__02 dt::before {
  opacity: 0.2;
  transform: scale(1);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time02 .block-custom-koji--timeline-item__02 dt::after {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time03 .block-custom-koji--timeline-item__03 dt {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time03 .block-custom-koji--timeline-item__03 dt span {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time03 .block-custom-koji--timeline-item__03 dt::before {
  opacity: 0.2;
  transform: scale(1);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-container.-time03 .block-custom-koji--timeline-item__03 dt::after {
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item {
  padding-left: 40px;
  padding-top: 60px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item.-viewOverCenter dd {
  opacity: 1;
  transform: translate(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item dt {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 30px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item dt span {
  line-height: 1;
  opacity: 0;
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item dt::before, .block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item dt::after {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  transition: 0.4s ease-in;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item dt::before {
  border: 1px solid #ffffff;
  height: 121px;
  left: -85px;
  opacity: 1;
  top: calc(0.5em - 60px);
  width: 121px;
  transform: scale(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item dt::after {
  background-color: #ffffff;
  border: 9px solid #101128;
  height: 25px;
  left: -37px;
  top: calc(0.5em - 12px);
  width: 25px;
  opacity: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item-catch {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
  transform: translateY(30px);
  transition: 0.4s ease-out;
  opacity: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item-description {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 40px;
  transform: translateY(30px);
  transition: 0.4s ease-out;
  opacity: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--timeline-item-image {
  width: 100%;
  transform: translateX(60px);
  transition: 0.8s ease-out;
  opacity: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients h4 {
  margin-bottom: 130px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients-list {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  padding: 90px 20px 20px;
  position: relative;
  row-gap: 24px;
  width: calc(100% - 40px);
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients-list.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients-list::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/koji_ingredients.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  content: "";
  height: 150px;
  left: calc(50% - 75px);
  position: absolute;
  top: -75px;
  width: 150px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients-list dl {
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients-list dl:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients-list dl dt {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--ingredients-list dl dd {
  font-size: 12px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-koji--movie {
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 60px auto 0;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/bg_liposome.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 80px 0 160px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome::before {
  background: #101128;
  background: linear-gradient(0deg, rgb(16, 17, 40) 0%, rgba(16, 17, 40, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 500px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome h3 {
  margin-bottom: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro {
  margin: 0 auto 60px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro.-viewSpotted .block-custom-liposome--intro-capsule {
  filter: blur(0);
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-capsule {
  background-image: url(/decorte/img/decorte2023/pc/custom/youthpoweressencelotion/liposome_intro_capsule.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 268px;
  margin: 0 auto;
  transform: scale(1.8) translateY(-110px);
  width: 268px;
  opacity: 0;
  filter: blur(10px);
  transition: 0.8s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-capsule.-delay {
  opacity: 1;
  transform: scale(1.8) translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-sub-catch {
  align-items: center;
  border: 1px solid;
  border-radius: 15px;
  display: flex;
  font-size: 12px;
  height: 31px;
  line-height: 1;
  margin: 0 auto 20px;
  padding: 0 1em;
  width: fit-content;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-sub-catch.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-catch {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-catch.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-catch strong {
  font-size: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-catch sup {
  vertical-align: text-top;
  font-size: 0.5em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-body {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(100% - 40px);
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-body.-delay {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-body figure {
  width: 120px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-body figure figcaption {
  font-size: 8px;
  line-height: 1;
  margin-top: 4px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--intro-body p {
  font-size: 10px;
  line-height: 1.9;
  width: calc(100% - 140px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail h4 {
  align-items: center;
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/liposome_detail_title_frame.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  font-size: 17px;
  font-weight: 600;
  height: 37px;
  justify-content: center;
  margin: 0 auto 15px;
  text-align: center;
  width: 180px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-lead {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-lead strong {
  font-size: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-body figure {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 15px;
  margin: 0 auto 60px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-body p {
  font-size: 10px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-comparison {
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  flex-wrap: wrap;
  gap: 20px 50px;
  justify-content: center;
  margin: 40px 0;
  padding: 25px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-comparison-lead {
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-comparison figure {
  width: calc(50% - 25px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-comparison figure:nth-of-type(1) {
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-comparison figure:nth-of-type(1)::after {
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
  display: block;
  height: 100%;
  right: -25px;
  position: absolute;
  top: 0;
  width: 1px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-comparison figure figcaption {
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--detail-comparison figure figcaption span {
  display: block;
  font-size: 10px;
  font-weight: 400;
  margin-top: 5px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature {
  margin: 140px auto 0;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl {
  width: 100%;
  opacity: 0;
  transform: translateX(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl.-delay {
  opacity: 1;
  transform: translateX(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl.-open dt button::after {
  transform: rotateZ(0deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl.-open dd {
  height: fit-content;
  opacity: 1;
  padding: 20px;
  pointer-events: auto;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt, .block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dd {
  background: #FFFFFF;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt {
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt::after {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  content: "";
  display: block;
  height: 32px;
  position: absolute;
  right: 24px;
  top: calc(50% - 16px);
  width: 32px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt button {
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  height: 55px;
  line-height: 1;
  padding-left: 20px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt button::before, .block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt button::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: 32px;
  top: calc(50% - 1px);
  transition: 0.4s;
  width: 16px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt button::after {
  transform: rotateZ(90deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dt button sup {
  height: 15px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--feature-list dl dd {
  font-size: 14px;
  line-height: 1.8;
  margin-top: -1px;
  padding: 0 20px;
  transition: 0.4s esae-out, padding-top 0.4s ease-out, padding-bottom 0.4s ease-out;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-liposome--notes {
  font-size: 10px;
  margin: 20px auto 0;
  position: relative;
  text-align: center;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients {
  margin-bottom: 120px;
  position: relative;
  /*&--catch {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 60px;
    text-align: center;
  }*/
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients h3 {
  line-height: 1.5;
  margin-bottom: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item {
  position: relative;
  width: 50%;
  opacity: 0;
  transform: scale(0.5);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item.-delay {
  opacity: 1;
  transform: scale(1);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item img {
  margin: 0 auto 20px;
  width: 70%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item figcaption {
  display: block;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  text-align: center;
  width: 100%;
  /*        &::after {
            background: #FFFFFF;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
            bottom: 0;
            content: "";
            display: block;
            height: 1px;
            position: absolute;
            width: 100%;
          }*/
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item__01 {
  margin-bottom: 30px;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item__01 img {
  margin: 0 auto 40px;
  width: 50%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item__01 figcaption {
  font-size: 20px;
  width: 100%;
  /*          &::after {
              left: 25%;
              width: 50%;
            }*/
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item__02 {
  margin-bottom: 60px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--item__03 {
  margin-bottom: 60px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--notes {
  font-size: 10px;
  line-height: 1.6;
  margin: 40px auto 0;
  position: relative;
  padding-left: calc(1em + 8px);
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-ingredients--notes-marker {
  left: 0;
  position: absolute;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect {
  background-image: url(/decorte/img/decorte2023/sp/custom/youthpoweressencelotion/bg_effect.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 120px;
  padding: 80px 0 180px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect h3 {
  margin-bottom: 40px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--catch {
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  margin-bottom: 40px;
  text-align: center;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--catch.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list {
  height: min(84.5vw, 634px);
  margin: 0 auto;
  position: relative;
  width: 94%;
  opacity: 0;
  transform: scale(0.8);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list.-viewSpotted {
  opacity: 1;
  transform: scale(1);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list::before, .block-custom .page-products-youthpoweressencelotion .block-custom-effect--list::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list::before {
  background-image: url(/decorte/img/decorte2023/pc/custom/youthpoweressencelotion/effect_shape.png);
  height: min(73vw, 550px);
  left: calc(50% - 36.5vw);
  top: calc(50% - 36.5vw);
  width: 73vw;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list::after {
  background-image: url(/decorte/img/decorte2023/pc/custom/youthpoweressencelotion/effect_products.png);
  height: min(56.4vw, 423px);
  left: calc(50% - 8.9vw);
  top: calc(50% - 28.2vw);
  width: 17.8vw;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li {
  font-size: min(3vw, 24px);
  position: absolute;
  text-align: center;
  z-index: 1;
  filter: blur(5px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li.-delay {
  filter: blur(0);
  opacity: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li sup {
  font-size: 7px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(1) {
  left: calc(50% - 40px);
  top: 0;
  width: 80px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(2) {
  left: 68%;
  top: 6vw;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(3) {
  left: 84.4%;
  top: 19.7vw;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(4) {
  left: 89.7%;
  line-height: 1;
  top: calc(50% - 0.5em);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(5) {
  bottom: 17.6vw;
  left: 84%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(6) {
  bottom: 5.7vw;
  left: 70.1%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(7) {
  bottom: 0;
  left: calc(50% - 40px);
  letter-spacing: 0;
  width: 80px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(8) {
  bottom: 5.7vw;
  right: 70.1%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(9) {
  bottom: 17.6vw;
  right: 84%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(10) {
  line-height: 1;
  right: 89.7%;
  top: calc(50% - 0.5em);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(11) {
  right: 84.4%;
  top: 19.7vw;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--list li:nth-child(12) {
  letter-spacing: 0;
  right: 68%;
  top: 6vw;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--notes {
  margin: 40px auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--notes-marker {
  left: 0;
  position: absolute;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-effect--notes li {
  font-size: 8px;
  line-height: 1.6;
  position: relative;
  padding-left: calc(1.5em + 8px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other {
  padding-bottom: 160px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other h3 {
  margin-bottom: 40px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item {
  margin: 0 auto;
  min-height: 282px;
  position: relative;
  width: calc(100% - 40px);
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item.-viewSpotted {
  opacity: 1;
  transform: translateY(0);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item dt {
  display: none;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item dd:not([class]) {
  font-size: 12px;
  line-height: 2;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item dd:not([class]) + dd:not([class]) {
  margin-top: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item dd:not([class]) strong {
  font-size: 18px;
  font-weight: 600;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item:not(:last-child) {
  margin-bottom: 60px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-image {
  margin-bottom: 40px;
  padding: 5px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-image::before, .block-custom .page-products-youthpoweressencelotion .block-custom-other--item-image::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-image::before {
  background: #FFFFFF;
  background: linear-gradient(120deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-image::after {
  background-color: #101227;
  height: calc(100% - 2px);
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  z-index: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-image img {
  position: relative;
  z-index: 1;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-check {
  margin-top: 40px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-check-list {
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-check-list li {
  font-size: 12px;
  padding-left: calc(1.5em + 8px);
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-check-list li:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-check-list-marker {
  left: 0;
  position: absolute;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-check-list-marker-num {
  display: inline-block;
  text-align: center;
  width: 1em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-notes {
  font-size: 10px;
  line-height: 1.6;
  margin-top: 20px;
  position: relative;
  padding-left: calc(1em + 8px);
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-other--item-notes-marker {
  left: 0;
  position: absolute;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign {
  margin: -120px 0 120px;
  padding-top: 60px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign a {
  display: block;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events {
  margin: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events h3 {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--lead {
  font-size: 12px;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--image {
  margin: 0 auto 60px;
  max-width: 390px;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special {
  align-items: center;
  border: 1px solid #888888;
  flex-direction: row-reverse;
  margin: 0 auto 60px;
  padding: 30px 20px 20px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special:nth-of-type(3) {
  margin-bottom: 10px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-title {
  background-image: linear-gradient(90deg, #ffffff, #cdcdcd);
  color: #333333;
  font-size: 14px;
  left: 0;
  line-height: 30px;
  padding: 0 0.8em;
  position: absolute;
  top: -30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-title::after {
  border: 15px solid transparent;
  border-bottom: 15px solid #cdcdcd;
  border-left: 15px solid #cdcdcd;
  display: block;
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-name {
  background-image: linear-gradient(90deg, #ffffff, #cdcdcd);
  color: #333333;
  font-size: 14px;
  margin: 10px 0 0 20px;
  position: relative;
  width: calc(100% - 100px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-name::after {
  border: 20px solid transparent;
  border-bottom: 20px solid #cdcdcd;
  border-left: 20px solid #cdcdcd;
  display: block;
  content: "";
  position: absolute;
  right: -40px;
  top: 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-name button {
  cursor: pointer;
  line-height: 40px;
  padding-left: 20px;
  position: relative;
  text-align: left;
  width: calc(100% + 60px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-name button::before, .block-custom .page-products-youthpoweressencelotion .block-custom-events--special-name button::after {
  background-color: #cdcdcd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  width: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-name button::after {
  transform: rotateZ(90deg);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-name button.-close::after {
  transform: rotateZ(0deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-image {
  margin: 0 auto 30px;
  width: 60%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents h5 {
  background-color: #888888;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
  margin: 0 0 0.5em;
  padding: 0 0.5em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents p {
  font-size: 14px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents p:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents ol {
  counter-reset: number 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents ol li {
  font-size: 14px;
  padding-left: 2em;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents ol li:not(:last-child) {
  margin-bottom: 1em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents ol li::before {
  border-right: 2px solid #888888;
  counter-increment: number 1;
  content: counter(number);
  display: block;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0.3em;
  width: 1.2em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents ul li {
  font-size: 12px;
  padding-left: 20px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-contents ul li::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(0.9em - 4px);
  transform: rotateZ(45deg);
  width: 8px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events--special-notes {
  font-size: 9px;
  margin: 10px auto 0;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--title {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 60px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--title button {
  border: 1px solid #cdcdcd;
  color: #ffffff;
  cursor: pointer;
  display: block;
  line-height: 40px;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--title button::before, .block-custom .page-products-youthpoweressencelotion .block-custom-events-store--title button::after {
  background-color: #cdcdcd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 20px;
  top: calc(50% - 1px);
  width: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--title button::after {
  transform: rotateZ(90deg);
  transition: 0.4s ease-out;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--title button.-close::after {
  transform: rotateZ(0deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container {
  margin: 0 auto;
  overflow-x: auto;
  width: calc(100% - 40px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table th, .block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table td {
  white-space: nowrap;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table thead tr {
  background-color: rgb(230, 235, 255);
  color: #333333;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table thead th {
  font-size: 12px;
  padding: 0.3em 0;
  text-align: left;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table thead th:nth-child(1) {
  padding-left: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table thead th:nth-child(2) {
  padding: 0.3em 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table thead th:nth-child(3) {
  padding-right: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table tbody tr:nth-child(even) {
  background-color: #333333;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table tbody td {
  font-size: 13px;
  padding: 1em 0;
  text-align: left;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table tbody td:nth-child(1) {
  padding-left: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table tbody td:nth-child(2) {
  padding: 1em 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--table-container table tbody td:nth-child(3) {
  padding-right: 20px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-events-store--notes {
  font-size: 8px;
  margin: 10px auto 0;
  width: calc(100% - 40px);
  width: max-content;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order h3 {
  margin-bottom: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--lead {
  font-size: 12px;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--pattern-select {
  display: flex;
  gap: 0 1px;
  justify-content: center;
  margin-bottom: 1px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--pattern-select button {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  font-size: 12px;
  justify-content: center;
  height: 50px;
  transition: 0.4s ease-out;
  width: 50%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--pattern-select button:not(.-active) {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--pattern-container {
  background-color: rgba(255, 255, 255, 0.9);
  background-color: #ffffff;
  margin: 0 auto;
  padding: 30px 10px;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--pattern-container:not(.-show) {
  display: none;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-container:not(:last-child) {
  margin-bottom: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-container-name {
  align-items: center;
  background-color: #101227;
  margin-bottom: 10px;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-container-name span {
  font-size: 16px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-container-name span span {
  display: block;
  font-size: 10px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow {
  display: flex;
  gap: 0 min(3.33%, 24.3px);
  overflow-x: auto;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-step {
  padding-top: 30px;
  position: relative;
  min-width: min(20%, 146px);
  max-width: 146px;
  width: 20%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-step:not(:last-child)::after {
  border: 6px solid transparent;
  border-left: 6px solid #d0c9d3;
  border-right: none;
  content: "";
  display: block;
  position: absolute;
  right: calc(-1 * (7% + 3px));
  top: calc(50% - 6px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-step label {
  align-items: center;
  background-color: #101227;
  color: #ffffff;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-step figure {
  padding: 10px 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-step figure img {
  margin: 0 auto;
  width: min(110px, 100%);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-usage-order--flow-step figure figcaption {
  color: #000000;
  font-size: 8px;
  line-height: 1.3;
  text-align: center;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601 {
  background: #101028;
  padding-top: 100px;
  margin-top: -100px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601 h3 {
  display: none;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--container {
  background-color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 30px;
  width: calc(100% - 40px);
  border: solid 1px #e0e0e9;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--period {
  background-color: #1f1f42;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--sample-image {
  /*box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.3);*/
  margin: 0 auto 20px;
  width: 50%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--text-area {
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--lead {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
  color: #101028;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--apply-area {
  margin-bottom: 20px;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--apply-button {
  align-items: center;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 5em;
  line-height: 1.3;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--apply-button__member {
  background-color: #333333;
  margin-bottom: 10px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--apply-button__join {
  /*background-color: #b2a559;*/
  background-color: #515185;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--close-message {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: calc(100% + 20px);
  justify-content: center;
  left: -10px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: calc(100% + 20px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--more-guideline {
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin: 30px auto 0;
  text-align: center;
  text-decoration: underline;
  width: fit-content;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-modal-container {
  background-color: #ffffff;
  padding: 30px 10px;
  position: relative;
  height: calc(100vh - 200px);
  width: calc(100% - 20px);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-modal-close {
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 30px;
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-modal-close::before, .block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 30px;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-modal-close::before {
  transform: rotateZ(45deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-modal-close::after {
  transform: rotateZ(-45deg);
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area {
  overflow-y: scroll;
  height: calc(100vh - 260px);
  color: #000000;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area h4 {
  font-size: 14px;
  font-weight: 500;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area h4:not(:first-child) {
  margin-top: 2em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area p {
  font-size: 12px;
  margin: 1em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area p small {
  display: inline-block;
  font-size: 11px;
  line-height: 1.3;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ul {
  margin: 1em 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ul li {
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1.5em;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ul li::before {
  background-color: #333333;
  border-radius: 50%;
  display: block;
  content: "";
  height: 0.5em;
  left: 0.5em;
  position: absolute;
  top: 0.5em;
  width: 0.5em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ol {
  counter-reset: item-counter;
  margin: 1em 0;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ol li {
  counter-increment: item-counter;
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1.5em;
  position: relative;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ol li:not(:last-child) {
  margin-bottom: 0.5em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area ol li::before {
  display: inline-block;
  content: counter(item-counter) ". ";
  margin-left: -1.2em;
  width: 1.2em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area dl {
  font-size: 12px;
  margin: 1em;
}
.block-custom .page-products-youthpoweressencelotion .block-custom-campaign202601--guideline-area dl dt {
  font-size: 13px;
  font-weight: 500;
}
.page-product-zenwearfluid.block-custom {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 40px;
}
.page-product-zenwearfluid.block-custom ruby rt {
  letter-spacing: 0;
}
.page-product-zenwearfluid .block-custom-lead {
  background-color: #ffffff;
  margin: 0 auto 40px;
  text-align: center;
  padding: 40px 15px;
  position: relative;
  width: 100%;
}
.page-product-zenwearfluid .block-custom-lead::before {
  background-image: url("../../images/sp/zenwear/bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.page-product-zenwearfluid .block-custom-lead--wrap {
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
}
.page-product-zenwearfluid .block-custom-lead--brand-name {
  font-size: 30px;
  margin-bottom: 40px;
}
.page-product-zenwearfluid .block-custom-lead--text {
  font-size: 14px;
  line-height: 2;
}
.page-product-zenwearfluid .block-custom-lead--text:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-zenwearfluid .block-custom-product-story-movie {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}
.page-product-zenwearfluid .block-model {
  margin: 0 auto 40px;
  position: relative;
  width: 100%;
}
.page-product-zenwearfluid .block-custom-technology {
  background-color: #efefef;
  margin: 0 auto 40px;
  padding: 40px 10px;
  width: calc(100% - 30px);
}
.page-product-zenwearfluid .block-custom-technology--title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-zenwearfluid .block-custom-technology--item {
  margin: 0 auto;
  width: 100%;
}
.page-product-zenwearfluid .block-custom-technology--item:not(:last-child) {
  margin-bottom: 40px;
}
.page-product-zenwearfluid .block-custom-technology--item-title {
  border-bottom: 1px solid;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}
.page-product-zenwearfluid .block-custom-technology--item-title strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
.page-product-zenwearfluid .block-custom-technology--item-text {
  justify-content: center;
  width: 100%;
}
.page-product-zenwearfluid .block-custom-technology--item-text:not(:last-child) {
  margin-bottom: 20px;
}
.page-product-zenwearfluid .block-custom-technology--item-list-item {
  padding-left: 1em;
}
.page-product-zenwearfluid .block-custom-technology--item-list-item:not(:last-child) {
  margin-bottom: 10px;
}
.page-product-zenwearfluid .block-custom-technology--item-list-item-marker {
  display: inline-block;
  margin-left: -1em;
}
.page-product-zenwearfluid .block-custom-technology--item-list-item small {
  display: block;
}
.page-product-zenwearfluid .block-custom-technology--item-image {
  background-color: #000000;
  margin: 0 auto 20px;
  width: 260px;
}
.page-product-zenwearfluid .block-custom-howto {
  background-color: #efefef;
  margin: 0 auto 40px;
  padding: 40px 10px;
  width: calc(100% - 30px);
}
.page-product-zenwearfluid .block-custom-howto--title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}
.page-product-zenwearfluid .block-custom-howto--movie {
  margin-bottom: 40px;
}
.page-product-zenwearfluid .block-custom-howto--recommend {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 20px 10px 20px;
}
.page-product-zenwearfluid .block-custom-howto--recommend-title {
  background-color: #efefef;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 0.5em 0;
  text-align: center;
}
.page-product-zenwearfluid .block-custom-howto--recommend-lead {
  margin-bottom: 40px;
  text-align: center;
}
.page-product-zenwearfluid .block-custom-howto--recommend-steps-item {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  width: 100%;
}
.page-product-zenwearfluid .block-custom-howto--recommend-steps-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.page-product-zenwearfluid .block-custom-howto--recommend-steps-item-text-area {
  width: calc(50% - 10px);
}
.page-product-zenwearfluid .block-custom-howto--recommend-steps-item-title {
  background-color: #efefef;
  margin-bottom: 10px;
  padding: 1em;
  text-align: center;
}
.page-product-zenwearfluid .block-custom-howto--recommend-steps-item-description sup {
  font-size: 10px;
}
.page-product-zenwearfluid .block-custom-howto--recommend-steps-item-image {
  padding: 0 20px;
  width: calc(50% - 10px);
}
.page-product-zenwearfluid .block-custom-howto--recommend-steps-notes {
  font-size: 12px;
}
.page-product-zenwearfluid .block-custom-campaign {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 40px 10px;
  width: calc(100% - 30px);
}
.page-product-zenwearfluid .block-custom-campaign--date {
  background-color: #898989;
  color: #ffffff;
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0 auto 20px;
  padding: 0.5em;
  width: 10em;
}
.page-product-zenwearfluid .block-custom-campaign--title {
  border-bottom: 1px solid;
  border-top: 1px solid;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto 40px;
  padding: 0.5em 0;
  text-align: center;
  width: 100%;
}
.page-product-zenwearfluid .block-custom-campaign--image {
  margin: 0 auto 20px;
  width: 60%;
}
.page-product-zenwearfluid .block-custom-campaign--kit-name {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.page-product-zenwearfluid .block-custom-campaign--kit-detail {
  margin-bottom: 20px;
  text-align: center;
}
.page-product-zenwearfluid .block-custom-campaign--note {
  font-size: 12px;
}

.block-custom .page-product-zenwear-glow {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.block-custom .page-product-zenwear-glow body, .block-custom .page-product-zenwear-glow h1, .block-custom .page-product-zenwear-glow h2, .block-custom .page-product-zenwear-glow h3, .block-custom .page-product-zenwear-glow h4, .block-custom .page-product-zenwear-glow p, .block-custom .page-product-zenwear-glow ul, .block-custom .page-product-zenwear-glow ol, .block-custom .page-product-zenwear-glow li, .block-custom .page-product-zenwear-glow figure, .block-custom .page-product-zenwear-glow figcaption, .block-custom .page-product-zenwear-glow blockquote, .block-custom .page-product-zenwear-glow dl, .block-custom .page-product-zenwear-glow dd, .block-custom .page-product-zenwear-glow table, .block-custom .page-product-zenwear-glow th, .block-custom .page-product-zenwear-glow td {
  font-weight: 500;
}
.block-custom .page-product-zenwear-glow rt {
  font-size: 9px;
}
.block-custom .page-product-zenwear-glow sup {
  vertical-align: super;
}
.block-custom .page-product-zenwear-glow .block-custom-contents--title {
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 30px;
  padding: 1em 0;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-intro {
  padding: 0 0 60px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-intro--visual {
  margin: 0 auto 30px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-intro--catch {
  font-size: 18px;
  margin-bottom: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-intro--lead {
  font-size: 14px;
}
.block-custom .page-product-zenwear-glow .block-custom-intro--lead:not(:last-child) {
  margin-bottom: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-movie {
  background-color: #000000;
  padding: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-movie--player {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav {
  padding: 20px 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list-item {
  align-items: center;
  background: linear-gradient(135deg, rgb(0, 0, 0) 0%, rgb(38, 38, 38) 100%);
  color: #ffffff;
  display: flex;
  font-size: 14px;
  height: 60px;
  justify-content: center;
  margin: 1px;
  position: relative;
  text-align: center;
  width: calc(50% - 2px);
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list-item::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(100% - 10px);
  left: 10px;
  position: absolute;
  top: 5px;
  width: 28px;
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list-item::after {
  /*          background-image: url(/decorte/img/decorte2023/pc/custom/zenwear_glow/icon_arrow.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;*/
  border-bottom: 2px solid;
  border-right: 2px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  transform: rotate(45deg) skew(14deg, 14deg);
  right: 12px;
  top: calc(50% - 7px);
  width: 8px;
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list-item__feature::before {
  background-image: url(/decorte/img/decorte2023/pc/custom/zenwear_glow/nav_thumbnail_feature.png);
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list-item__colormap::before {
  background-image: url(/decorte/img/decorte2023/pc/custom/zenwear_glow/nav_thumbnail_colormap.png);
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list-item__sponge::before {
  background-image: url(/decorte/img/decorte2023/pc/custom/zenwear_glow/nav_thumbnail_sponge.png);
}
.block-custom .page-product-zenwear-glow .block-custom-page-nav--list-item__recommend::before {
  background-image: url(/decorte/img/decorte2023/pc/custom/zenwear_glow/nav_thumbnail_recommend.png);
}
.block-custom .page-product-zenwear-glow .block-custom-feature {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+70,efefef+100 */
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_glow/bg_feature.jpg), linear-gradient(to bottom, #fcfcfc 70%, #efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 0 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature .block-custom-contents--title {
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-feature .block-custom-contents--title::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+50,000000+100 */
  background: linear-gradient(to right, #000000 0%, #ffffff 50%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--lead {
  color: #ffffff;
  font-size: 24px;
  letter-spacing: normal;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--lead-sub-text {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 60px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--summary-item {
  margin: 5px;
  position: relative;
  width: calc(50% - 10px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--summary-item-caption {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  line-height: 1;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--summary-notes {
  color: #ffffff;
  font-size: 10px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 4px;
  padding: 20px 0;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item__pigment {
  margin-bottom: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-image {
  margin-bottom: 20px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-catch {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 0 50px;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-catch strong {
  display: block;
  font-size: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-number {
  align-items: center;
  border-right: 1px solid;
  display: flex;
  font-size: 40px;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-lead {
  font-size: 14px;
  text-align: center;
  width: calc(100% - 10px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-notes {
  display: block;
  font-size: 10px;
  line-height: 1.3;
  margin: 10px auto 0;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-detail-trigger {
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  margin: 20px auto 0;
  padding: 17px 0;
  position: relative;
  text-align: center;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-detail-trigger::before {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-detail-trigger::after {
  border-top: 1px solid;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: 0.4s;
  transform: rotate(90deg);
  width: 15px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-detail-trigger::before {
  right: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-detail-trigger::after {
  right: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-detail-trigger.js-accordion-trigger__active::after {
  transform: rotate(0deg);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--item-detail-container {
  border: 1px solid;
  margin: 0 auto;
  padding: 20px;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-catch {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 10px;
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-catch::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+50,ffffff+100 */
  background: linear-gradient(to right, #ffffff 0%, #000000 50%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-lead {
  font-size: 13px;
  margin-bottom: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-sample {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 30px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-sample-item {
  position: relative;
  width: calc(50% - 1px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-sample-item-caption {
  bottom: 10px;
  color: #ffffff;
  display: block;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-sample-notes {
  font-size: 10px;
  text-align: right;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-feature {
  margin: 0 auto 40px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-feature-item {
  background-color: #eeeeee;
  margin-bottom: 10px;
  padding: 20px 30px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-feature-item-copy {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-feature-item-detail {
  font-size: 13px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--veil-figure {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-copy {
  font-size: 13px;
  margin-bottom: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-copy small {
  display: block;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-name {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-list-item {
  align-items: center;
  background-color: #eeeeee;
  border-radius: 50%;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: calc(26vw - 4px);
  justify-content: center;
  line-height: 1.5;
  margin: 2px;
  position: relative;
  text-align: center;
  width: calc(26vw - 4px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-list-item span {
  display: block;
  line-height: 1.5;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-list-item > sup {
  bottom: 10px;
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-list-notes {
  font-size: 10px;
  margin: 0 auto 30px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-sample {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-sample-item {
  position: relative;
  width: calc(50% - 1px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-sample-item-caption {
  bottom: 10px;
  color: #ffffff;
  display: block;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--6proof-sample-notes {
  font-size: 10px;
  text-align: right;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e7d8+0,faf8ef+100 */
  background: linear-gradient(45deg, #f3e7d8 0%, #faf8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 0 0 80px;
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ecdcc6+0,faf8ef+100 */
  background: linear-gradient(to right, #ecdcc6 0%, #faf8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 40px;
  padding: 1em 0;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-catch {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-lead {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-lead small {
  display: block;
  margin-top: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-contents {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin: 0 auto;
  padding: 20px 0;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-contents:not(:last-child) {
  margin-bottom: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-contents-title {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 20px;
  text-align: center;
  padding-bottom: 10px;
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-contents-title::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+50,ffffff+100 */
  background: linear-gradient(to right, #ffffff 0%, #000000 50%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-feature {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-feature-item {
  align-items: center;
  background-color: rgba(222, 199, 184, 0.5);
  border-radius: 50%;
  display: flex;
  height: 90px;
  font-size: 15px;
  justify-content: center;
  line-height: 1.5;
  text-align: center;
  width: 150px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-feature-item:nth-child(1) {
  margin-right: -7px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-feature-item:nth-child(2) {
  margin-left: -7px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 20px;
  position: relative;
  width: calc(100% - 40px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list-item {
  position: relative;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list-item:nth-child(1) {
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list-item:nth-child(1) .block-custom-feature--skincare-component-list-item-name {
  bottom: 70px;
  font-size: 14px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list-item:nth-child(1) .block-custom-feature--skincare-component-list-item-text {
  bottom: 20px;
  display: block;
  font-size: 13px;
  line-height: 1.5;
  position: absolute;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list-item:not(:nth-child(1)) {
  margin: 5px;
  width: calc(50% - 10px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list-item:not(:nth-child(1)) .block-custom-feature--skincare-component-list-item-name {
  bottom: 5px;
  font-size: 11px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-list-item-name {
  display: block;
  font-weight: 700;
  position: absolute;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-notes {
  line-height: 1.3;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-component-notes > small {
  display: inline-block;
  font-size: 10px;
  line-height: 1.3;
  margin-top: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-scent {
  background-image: url(/decorte/img/decorte2023/sp/custom/zenwear_glow/bg_feature_skincare_scent.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.block-custom .page-product-zenwear-glow .block-custom-feature--skincare-scent-text {
  font-size: 13px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-colormap {
  padding: 0 0 80px;
}
.block-custom .page-product-zenwear-glow .block-custom-colormap--lead {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-colormap--image {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-colormap .block-custom-colormap-ranking {
  margin-top: 60px;
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--title {
  align-items: center;
  background-color: #383838;
  color: #e1dc9d;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--decade-title {
  background: rgb(224, 224, 224);
  background: linear-gradient(90deg, rgba(224, 224, 224, 0) 0%, rgb(224, 224, 224) 50%, rgba(224, 224, 224, 0) 100%);
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  margin: 30px auto 10px;
  text-align: center;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--decade-ranking {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--decade-ranking li {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  min-width: 82px;
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--decade-ranking li:nth-child(1)::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/zenwear_glow/icon_colormap_ranking_1.png);
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--decade-ranking li:nth-child(2)::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/zenwear_glow/icon_colormap_ranking_2.png);
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--decade-ranking li:nth-child(3)::before {
  background-image: url(/decorte/img/decorte2023/sp/custom/zenwear_glow/icon_colormap_ranking_3.png);
}
.block-custom .page-product-zenwear-glow .block-custom-colormap-ranking--decade-ranking li::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin-right: 10px;
  height: 34px;
  vertical-align: bottom;
  width: 34px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge .block-custom-contents--title {
  margin-bottom: 0;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--visual {
  background-color: #f6f6f6;
  margin-bottom: 10px;
  padding-bottom: 70px;
  position: relative;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--visual-lead {
  bottom: 60px;
  display: block;
  font-size: 18px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 0 0 30px;
  margin: 0 auto;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature__01 {
  margin-bottom: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature__02 {
  margin-bottom: 80px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebe0dd+0,f6f2f1+50,ebe0dd+100 */
  background: linear-gradient(to right, #ebe0dd 0%, #f6f2f1 50%, #ebe0dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 80px;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-title strong {
  display: inline-block;
  font-weight: 600;
  position: relative;
  z-index: 0;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-title strong::before {
  background-color: #ffffff;
  bottom: 0;
  content: "";
  display: block;
  height: 8px;
  left: -4px;
  position: absolute;
  width: calc(100% + 8px);
  z-index: -1;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-title-number {
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  font-size: 30px;
  font-weight: normal;
  height: 50px;
  justify-content: center;
  line-height: 1;
  left: 20px;
  margin-top: 10px;
  position: absolute;
  text-align: center;
  width: 50px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-title-number-label {
  font-size: 11px;
  left: 0;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-image {
  margin: 0 auto 40px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-image img {
  margin: 0 auto;
  width: 80%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-image-caption {
  font-size: 14px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-example {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: calc(100% - 10px);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-example-item {
  margin: 1px;
  position: relative;
  width: calc((100% - 6px) / 3);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-example-item-caption {
  font-size: 11px;
  left: 4px;
  line-height: 1;
  position: absolute;
  top: 4px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-lead {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 30px;
  padding: 10px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-caption {
  background-color: #eeeeee;
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item {
  margin: 6px 0;
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__a {
  margin-right: 4px;
  width: calc((100% - 20px) * 0.32);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__a .block-custom-sponge--feature-comparison-item-image-caption {
  line-height: 1.5;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__b {
  width: calc((100% - 20px) * 0.32);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__b .block-custom-sponge--feature-comparison-item-image-caption {
  line-height: 1.5;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__c {
  margin-left: 6px;
  margin-right: 10px;
  width: calc((100% - 20px) * 0.36);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__c::after {
  border: 2px solid;
  content: "";
  display: block;
  height: calc(100% + 12px);
  left: -6px;
  position: absolute;
  top: -6px;
  width: calc(100% + 12px);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__c .block-custom-sponge--feature-comparison-item-image-caption {
  line-height: 1.3;
  text-align: left;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item__c .block-custom-sponge--feature-comparison-item-image-caption::before {
  background-image: url(/decorte/img/decorte2023/pc/custom/zenwear_glow/symbol_sponge.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: 4px;
  width: 30px;
  filter: drop-shadow(0px 3px 3px #d6d6d6);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item-image {
  position: relative;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item-image-caption {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  left: 0;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item-image:nth-child(1) {
  padding-bottom: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-item-image:nth-child(1)::before {
  border: solid transparent;
  border-right-width: 6px;
  border-top: 10px solid #484848;
  border-bottom: none;
  border-left-width: 6px;
  content: "";
  display: block;
  position: absolute;
  right: calc(50% - 6px);
  bottom: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-comparison-notes {
  font-size: 10px;
  margin: 20px auto 0;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--feature-summary {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after {
  margin: 0 auto 80px;
  width: calc(100% - 20px);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f2f1+0,ebe0dd+50,f6f2f1+100 */
  background: linear-gradient(to right, #f6f2f1 0%, #ebe0dd 50%, #f6f2f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 18px;
  line-height: 1;
  margin: 0 auto 10px;
  padding: 0.5em 0;
  text-align: center;
  width: 90%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison {
  align-items: flex-end;
  display: flex;
  justify-content: center;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item {
  margin: 6px 0;
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item:nth-child(1) {
  margin-left: 6px;
  margin-right: 10px;
  position: relative;
  width: calc((100% - 20px) * 0.38);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item:nth-child(1) .block-custom-sponge--after-comparison-item-caption {
  padding-left: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item:nth-child(1) .block-custom-sponge--after-comparison-item-caption::before {
  background-image: url(/decorte/img/decorte2023/pc/custom/zenwear_glow/symbol_sponge.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 100%;
  left: 4px;
  margin-right: 14px;
  position: absolute;
  width: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item:nth-child(1)::after {
  border: 2px solid;
  content: "";
  display: block;
  height: calc(100% + 12px);
  left: -6px;
  position: absolute;
  top: -6px;
  width: calc(100% + 12px);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item:not(:nth-child(1)) .block-custom-sponge--after-comparison-item-caption {
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item:nth-child(2) {
  margin-right: 4px;
  width: calc((100% - 20px) * 0.31);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item:nth-child(3) {
  width: calc((100% - 20px) * 0.31);
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--after-comparison-item-caption {
  align-items: center;
  background-color: #000000;
  bottom: 0;
  color: #ffffff;
  display: flex;
  height: 60px;
  justify-content: center;
  left: 0;
  line-height: 1.3;
  position: absolute;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--movie {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e0dd+0,f4efed+50,e8e0dd+100 */
  background: linear-gradient(135deg, #e8e0dd 0%, #f4efed 50%, #e8e0dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin-bottom: 80px;
  padding: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--movie--player {
  margin: 0 auto;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--landing-image {
  margin: 0 auto 20px;
  width: 60%;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--landing-text-area {
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--landing-copy {
  font-size: 16px;
  margin-bottom: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--landing-name {
  font-size: 13px;
  margin-bottom: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-sponge--landing-more-anchor {
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  height: 36px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign {
  align-items: center;
  background-color: #000000;
  background: linear-gradient(125deg, rgb(0, 0, 0) 0%, rgb(99, 99, 99) 100%);
  margin: 0 auto;
  padding: 30px 20px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--title {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--title::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--lead {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 20px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--lead sup {
  vertical-align: super;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--period {
  background: linear-gradient(125deg, rgb(191, 191, 191) 0%, rgb(255, 255, 255) 50%, rgb(191, 191, 191) 100%);
  font-size: 12px;
  margin: 0 auto;
  padding: 0.5em 2em;
  width: fit-content;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--sample-image {
  margin-top: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--sample-image img {
  margin: 0 auto;
  width: 60%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--sample-image figcaption {
  color: #ffffff;
  font-size: 10px;
  margin-top: 10px;
  text-align: center;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--sample-image figcaption .block-custom-campaign--sample-color-name {
  display: block;
  margin-bottom: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--signup {
  background: linear-gradient(45deg, #f3e7d8 0%, #faf8ef 100%);
  border-radius: 8px;
  margin-top: 30px;
  text-align: center;
  padding: 20px 10px;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--signup-lead {
  font-size: 16px;
  margin-bottom: 20px;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--signup-button-area {
  display: flex;
  gap: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--signup-button {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  padding: 20px 10px;
  width: 50%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--signup-button__exiting {
  align-items: center;
  background-color: #333333;
  background: linear-gradient(180deg, rgb(102, 102, 102) 0%, rgb(0, 0, 0) 100%);
  color: #ffffff;
  display: flex;
  justify-content: center;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--signup-button__new {
  background-color: #ffffff;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(222, 222, 222) 100%);
  position: relative;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--signup-button__new small {
  bottom: 5px;
  left: 0;
  line-height: 1;
  font-size: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--guidelines {
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign--guidelines-trigger {
  color: #ffffff;
  text-decoration: underline;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign .block-custom-campaign--guidelines-container h5 {
  font-size: 14px;
  margin-bottom: 10px;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign .block-custom-campaign--guidelines-container h5:first-child {
  margin-top: 0;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign .block-custom-campaign--guidelines-container h5:not(:first-child) {
  margin-top: 30px;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign .block-custom-campaign--guidelines-container p, .block-custom .page-product-zenwear-glow .block-custom-campaign .block-custom-campaign--guidelines-container li {
  font-size: 11px;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign .block-custom-campaign--guidelines-container ol li {
  padding-left: 1em;
  text-indent: -1em;
}
.block-custom .page-product-zenwear-glow .block-custom-campaign .block-custom-campaign--guidelines-container p:not(:last-child) {
  margin-bottom: 10px;
}

.block-custom .page-products-zenwear-powder {
  /*.block-mv--item:nth-of-type(3) {
    &::after {
      height: 100%;
      aspect-ratio: 83/100;
      left: rem(6);
      background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/mv-icon3.png");
      background-repeat: no-repeat;
      background-size: cover;
    }
  }*/
}
.block-custom .page-products-zenwear-powder * {
  font-family: "Noto Serif JP", serif;
  color: #000000;
  letter-spacing: 0;
  font-weight: 500;
  font-feature-settings: unset;
  letter-spacing: 0;
}
.block-custom .page-products-zenwear-powder .inner {
  max-width: 600px;
  padding: 0 13.5px;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .button {
  background: #000;
  text-align: center;
  margin-inline: auto;
  padding: 5.5px;
  font-size: 12px;
  letter-spacing: 0.07em;
  border: 1px solid #707070;
  display: block;
  color: #ffffff;
}
.block-custom .page-products-zenwear-powder .underline {
  position: relative;
}
.block-custom .page-products-zenwear-powder .underline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1.5px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/under-line.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.block-custom .page-products-zenwear-powder .upperline {
  position: relative;
}
.block-custom .page-products-zenwear-powder .upperline::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 30px);
  height: 1.5px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/under-line.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.block-custom .page-products-zenwear-powder .tab-content {
  background: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.block-custom .page-products-zenwear-powder .h2-title {
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  color: #ffffff;
  line-height: 1.3;
  padding: 12px;
  background: #000;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.block-custom .page-products-zenwear-powder .block-mv {
  position: relative;
  overflow: hidden;
}
.block-custom .page-products-zenwear-powder .block-mv--img {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-bottom: 365px;
}
.block-custom .page-products-zenwear-powder .block-mv--img img {
  object-fit: cover;
  object-position: center top;
}
.block-custom .page-products-zenwear-powder .block-mv--content {
  position: absolute;
  width: 100%;
  z-index: 2;
  bottom: 0;
  background: linear-gradient(transparent 0, rgba(242, 218, 195, 0.9) 100px, #f1d8c0 100%);
  padding: 110px 0 50px;
}
.block-custom .page-products-zenwear-powder .block-mv--text {
  text-align: center;
  margin-bottom: 16px;
  font-size: 14px;
  letter-spacing: 0.07em;
  line-height: 1.7857142857;
}
.block-custom .page-products-zenwear-powder .block-mv--small {
  text-align: center;
  font-size: 8px;
  margin-top: 50px;
  margin-bottom: 40px;
}
.block-custom .page-products-zenwear-powder .block-mv--items {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-inline: auto;
  max-width: 350px;
  padding: 0 13.5px;
  justify-content: space-between;
}
.block-custom .page-products-zenwear-powder .block-mv--item {
  background: linear-gradient(135deg, #000000, #333333);
  position: relative;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 228/120;
  text-align: center;
  width: calc(33% - 1px);
}
.block-custom .page-products-zenwear-powder .block-mv--item .text {
  font-weight: 600;
  line-height: 1.5;
  display: block;
  font-size: 12px;
  color: #ffffff;
  padding-right: 5px;
}
.block-custom .page-products-zenwear-powder .block-mv--item::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.block-custom .page-products-zenwear-powder .block-mv--item::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 10px;
  aspect-ratio: 1243/872;
  background: #ffffff;
  mask-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/arrow.png");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.block-custom .page-products-zenwear-powder .block-mv--item:nth-of-type(-n + 4) {
  aspect-ratio: 345/120;
  width: calc(50% - 2px);
}
.block-custom .page-products-zenwear-powder .block-mv--item:nth-of-type(-n + 4) .text {
  padding-left: 10px;
  padding-right: unset;
}
.block-custom .page-products-zenwear-powder .block-mv--item:nth-of-type(1)::after {
  aspect-ratio: 64/42;
  width: 40px;
  left: 10.5px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/mv-icon1.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-zenwear-powder .block-mv--item:nth-of-type(2)::after {
  aspect-ratio: 1;
  width: 55px;
  left: -1px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/mv-icon2.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-zenwear-powder .block-mv--item:nth-of-type(4)::after {
  aspect-ratio: 64/85;
  width: 40px;
  left: 6px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/mv-icon4.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.block-custom .page-products-zenwear-powder .block-sumi {
  background: linear-gradient(rgba(253, 237, 216, 0.4) 0%, rgba(247, 219, 197, 0.4) 100%);
  padding-bottom: 55px;
}
.block-custom .page-products-zenwear-powder .block-sumi--title {
  margin-bottom: 36px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/sumi-title-bg.jpg");
}
.block-custom .page-products-zenwear-powder .block-sumi--subtitle {
  padding-bottom: 13.5px;
  margin-bottom: 22.5px;
  text-align: center;
}
.block-custom .page-products-zenwear-powder .block-sumi--subtitle .main {
  font-size: 26px;
  letter-spacing: 0.04em;
  font-family: "Times New Roman", "Noto Serif JP", serif;
  text-align: center;
  font-weight: 400;
  line-height: 1.35;
  display: block;
}
.block-custom .page-products-zenwear-powder .block-sumi--subtitle .sub {
  font-size: 15px;
  font-weight: 500;
  display: block;
}
.block-custom .page-products-zenwear-powder .block-sumi--contents {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.block-custom .page-products-zenwear-powder .block-sumi--content {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px 0 30px;
}
.block-custom .page-products-zenwear-powder .block-sumi--content:nth-of-type(3) .block-sumi--flex {
  margin-bottom: unset;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex {
  display: flex;
  flex-direction: column;
  margin-bottom: 13.5px;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-texts {
  display: contents;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  order: 1;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-number {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  line-height: 1;
  font-size: 60px;
  font-family: "Times New Roman", "Noto Serif JP", serif;
  letter-spacing: -0.1em;
  font-weight: 400;
  color: #f9ddc7;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-text {
  text-align: center;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-text .main {
  font-size: 20px;
  font-family: "Times New Roman", "Noto Serif JP", serif;
  margin-bottom: 1px;
  font-weight: 700;
  line-height: 1.5;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-text .sub {
  margin-top: -3px;
  font-size: 14px;
  line-height: 1.3928571429;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-text .sub small {
  font-size: 7.5px;
  transform: translateY(-6px);
  display: inline-block;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-des {
  font-size: 14px;
  line-height: 1.7857142857;
  text-align: center;
  order: 3;
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-des small {
  font-size: 7.5px;
  display: inline-block;
  transform: translateY(-5px);
}
.block-custom .page-products-zenwear-powder .block-sumi--flex-img {
  width: 100%;
  aspect-ratio: 480/300;
  order: 2;
  margin-bottom: 15px;
}
.block-custom .page-products-zenwear-powder .block-sumi--accord {
  margin-inline: auto;
  border: 1px solid #000000;
  margin: 0 9px;
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-notes {
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 20px;
  text-align: center;
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-title {
  transition: 0.3s ease-in-out all;
  padding: 14px;
  text-align: center;
  position: relative;
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-title-text {
  font-size: 14.5px;
  font-weight: 600;
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-title-toggle {
  position: absolute;
  aspect-ratio: 1;
  width: 13px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-title-toggle::after, .block-custom .page-products-zenwear-powder .block-sumi--accord-title-toggle::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background: #000000;
  transition: 0.3s ease-in-out all;
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-title-toggle::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-title-toggle::after {
  transform: translate(-50%, -50%);
}
.block-custom .page-products-zenwear-powder .is-active .block-sumi--accord-title-toggle::before {
  opacity: 0;
}
.block-custom .page-products-zenwear-powder .block-sumi--accord-content {
  padding-top: 18.5px;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01 {
  padding: 18.5px 7.5px 7px;
  display: none;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--title {
  text-align: center;
  margin-bottom: 25px;
  font-size: 20px;
  font-family: "Times New Roman", "Noto Serif JP", serif;
  letter-spacing: 0.04em;
  font-weight: 400;
  margin-top: unset;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--top-item {
  margin-bottom: 5px;
  aspect-ratio: 1;
  width: 100px;
  display: grid;
  place-content: center;
  margin-inline: auto;
  background: #eeeeee;
  font-size: 15px;
  font-weight: 700;
  border-radius: 50%;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--top-item small {
  font-size: 7.5px;
  transform: translateY(-4px);
  display: inline-block;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--items {
  padding: 0 2.5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3.5px;
  margin-bottom: 30px;
  margin-inline: auto;
  max-width: 310px;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--item {
  aspect-ratio: 1;
  background: #eeeeee;
  display: flex;
  border-radius: 50%;
  position: relative;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--item .text {
  font-size: 13px;
  text-align: center;
  flex-grow: 1;
  display: grid;
  place-content: center;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--item .bottom {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 8px;
  font-weight: 600;
  bottom: 5px;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--bottom {
  text-align: center;
  margin-bottom: 27.5px;
  font-size: 8px;
  font-weight: 600;
  line-height: 2;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--grids {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  margin-inline: auto;
  padding: 0 7.5px;
  margin-bottom: 10px;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--grid {
  aspect-ratio: 298/600;
}
.block-custom .page-products-zenwear-powder .block-sumi-content01--grid-bottom {
  text-align: right;
  font-size: 8.5px;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-sumi-content02 {
  padding: 19.5px 7.5px 12px;
  display: none;
}
.block-custom .page-products-zenwear-powder .block-sumi-content02--title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.7857142857;
}
.block-custom .page-products-zenwear-powder .block-sumi-content02--items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  padding: 0 7px;
  margin-bottom: 10px;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-sumi-content02--head {
  text-align: center;
  margin-bottom: 3.5px;
  font-size: 11px;
  font-family: "Times New Roman", "Noto Serif JP", serif;
  font-weight: 400;
}
.block-custom .page-products-zenwear-powder .block-sumi-content02--item-img {
  aspect-ratio: 231/186;
}
.block-custom .page-products-zenwear-powder .block-sumi-content02--bottom {
  margin-inline: auto;
  text-align: right;
  font-size: 8.5px;
}
.block-custom .page-products-zenwear-powder .block-sumi-content04 {
  padding: 20px 15px 22px;
  display: none;
}
.block-custom .page-products-zenwear-powder .block-sumi-content04--text {
  text-align: center;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.7857142857;
}
.block-custom .page-products-zenwear-powder .block-sumi-content04--img {
  aspect-ratio: 600/820;
}
.block-custom .page-products-zenwear-powder .block-sumi--bottom {
  text-align: center;
  margin-top: 20px;
  font-size: 8.5px;
}
.block-custom .page-products-zenwear-powder .block-skin {
  overflow: hidden;
  background: linear-gradient(rgba(253, 237, 216, 0.4) 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.4) 80%, rgba(253, 237, 216, 0.4) 100%);
}
.block-custom .page-products-zenwear-powder .block-skin--container {
  padding: 33.5px 0 70px;
}
.block-custom .page-products-zenwear-powder .block-skin--title {
  padding-bottom: 13.5px;
  margin-bottom: 22.5px;
  text-align: center;
}
.block-custom .page-products-zenwear-powder .block-skin--title .main {
  font-family: "Times New Roman", "Noto Serif JP", serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.1538461538;
  margin-bottom: 5px;
  letter-spacing: 0.04em;
  display: block;
}
.block-custom .page-products-zenwear-powder .block-skin--title .sub {
  display: block;
  font-size: 15px;
  font-weight: 600;
}
.block-custom .page-products-zenwear-powder .block-skin--text {
  text-align: center;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.7857142857;
}
.block-custom .page-products-zenwear-powder .block-skin--content {
  position: relative;
}
.block-custom .page-products-zenwear-powder .block-skin--content::after {
  content: "";
  display: block;
  position: absolute;
  aspect-ratio: 800/640;
  width: 400px;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/skin-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.block-custom .page-products-zenwear-powder .block-skin--items {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  pointer-events: none;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-skin--items__01 {
  margin-top: -10px;
  max-width: 282px;
  margin-bottom: 30px;
}
.block-custom .page-products-zenwear-powder .block-skin--items__02 {
  max-width: 323px;
}
.block-custom .page-products-zenwear-powder .block-skin--item {
  width: fit-content;
  pointer-events: all;
  position: relative;
  z-index: 2;
}
.block-custom .page-products-zenwear-powder .block-skin--item__last {
  margin-top: -90px;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-skin--item-img {
  aspect-ratio: 1;
  width: 90px;
  margin-inline: auto;
  margin-bottom: 3px;
}
.block-custom .page-products-zenwear-powder .is-no-modal {
  cursor: default;
}
.block-custom .page-products-zenwear-powder .is-no-modal .block-skin--item-title {
  padding: unset;
  border: unset;
  background: unset;
  text-align: center;
}
@media (any-hover: hover) {
  .block-custom .page-products-zenwear-powder .is-no-modal:hover {
    opacity: 1;
  }
}
.block-custom .page-products-zenwear-powder .block-skin--item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5.5px;
  padding: 3px 5px 2.5px 16.5px;
  background: #ffffff;
  border: 0.5px solid #ecc2a4;
  width: fit-content;
}
.block-custom .page-products-zenwear-powder .block-skin--item-title small {
  transform: translateY(-4.5px);
  display: inline-block;
  font-size: 7px;
}
.block-custom .page-products-zenwear-powder .block-skin--item-title .text {
  font-size: 13px;
  font-weight: 700;
}
.block-custom .page-products-zenwear-powder .block-skin--item-title .toggle {
  aspect-ratio: 1;
  width: 11px;
  position: relative;
}
.block-custom .page-products-zenwear-powder .block-skin--item-title .toggle::after, .block-custom .page-products-zenwear-powder .block-skin--item-title .toggle::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.5px;
  background: #ecc2a4;
}
.block-custom .page-products-zenwear-powder .block-skin--item-title .toggle::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.block-custom .page-products-zenwear-powder .block-skin--item-title .toggle::after {
  transform: translate(-50%, -50%);
}
.block-custom .page-products-zenwear-powder .block-skin--img {
  aspect-ratio: 360/235;
  width: 180px;
  margin-inline: auto;
  position: relative;
  z-index: 3;
}
.block-custom .page-products-zenwear-powder .block-skin--img img {
  object-fit: contain;
}
.block-custom .page-products-zenwear-powder .block-skin--bottom1 {
  margin-inline: auto;
  text-align: right;
  padding-right: 5px;
  font-size: 8.5px;
  margin-bottom: 27.5px;
}
.block-custom .page-products-zenwear-powder .block-skin--bottom2 {
  text-align: center;
  font-size: 8.5px;
  line-height: 1.9411764706;
}
.block-custom .page-products-zenwear-powder .block-skin-modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.block-custom .page-products-zenwear-powder .block-skin-modal--inner {
  max-width: 300px;
  margin-inline: auto;
  height: 100%;
  display: grid;
  place-content: center;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--content {
  background: #ffffff;
  padding: 27px 25px 15px;
  max-height: 280px;
  position: relative;
  width: 100%;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--close {
  position: absolute;
  bottom: calc(100% + 5px);
  left: calc(100% + 5px);
  aspect-ratio: 1;
  width: 15px;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--close::after, .block-custom .page-products-zenwear-powder .block-skin-modal--close::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.5px;
  background: #ffffff;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.block-custom .page-products-zenwear-powder .block-skin-modal--close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.block-custom .page-products-zenwear-powder .block-skin-modal--img {
  aspect-ratio: 1;
  width: 120px;
  margin-inline: auto;
  margin-bottom: 10px;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--title {
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 0.5px solid #ecc2a4;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 12.5px;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--title small {
  transform: translateY(-5px);
  display: inline-block;
  font-size: 7px;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--text {
  text-align: center;
  font-size: 13px;
  line-height: 1.6153846154;
  margin-bottom: 13.5px;
}
.block-custom .page-products-zenwear-powder .block-skin-modal--bottom {
  text-align: center;
  font-size: 8.5px;
}
.block-custom .page-products-zenwear-powder .block-color {
  margin-bottom: 50px;
}
.block-custom .page-products-zenwear-powder .block-color--title {
  margin-bottom: 30px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/color-title-bg.jpg");
}
.block-custom .page-products-zenwear-powder .block-color--subtitle {
  text-align: center;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 1.5;
}
.block-custom .page-products-zenwear-powder .block-color--img {
  aspect-ratio: 696/980;
}
.block-custom .page-products-zenwear-powder .block-proposal {
  background: linear-gradient(rgba(247, 219, 197, 0.5) 0%, rgba(253, 237, 216, 0.5) 100%);
  padding-bottom: 60px;
}
.block-custom .page-products-zenwear-powder .block-proposal--title {
  margin-bottom: 27.5px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/proposal-title-bg.jpg");
}
.block-custom .page-products-zenwear-powder .block-proposal--text {
  text-align: center;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.5;
}
.block-custom .page-products-zenwear-powder .block-proposal--buttons {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 4;
}
.block-custom .page-products-zenwear-powder .block-proposal--button {
  width: 50%;
  position: relative;
  z-index: 1;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  padding: 6.5px 7px 3.5px;
  clip-path: inset(-15px -15px -15px -15px);
}
.block-custom .page-products-zenwear-powder .block-proposal--button.is-active {
  z-index: 2;
  padding-top: 11px;
  background: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.block-custom .page-products-zenwear-powder .block-proposal--button.is-active::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 15px;
  background: #ffffff;
}
.block-custom .page-products-zenwear-powder .block-proposal--button.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 3px);
  transform: translateX(-50%);
  aspect-ratio: 12/8;
  width: 10px;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background: #484848;
}
.block-custom .page-products-zenwear-powder .block-proposal--button-text {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  width: fit-content;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-proposal--content-wrap {
  margin-top: -0.5px;
  position: relative;
}
.block-custom .page-products-zenwear-powder .block-proposal--contents {
  display: none;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.block-custom .page-products-zenwear-powder .block-proposal--contents.is-active {
  display: block;
  opacity: 1;
  visibility: visible;
  position: relative;
}
.block-custom .page-products-zenwear-powder .block-proposal--content01 {
  margin-bottom: 15px;
  padding: 42px 24px 37px;
}
.block-custom .page-products-zenwear-powder .block-proposal--steps01 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  counter-reset: number 0;
}
.block-custom .page-products-zenwear-powder .block-proposal--step {
  position: relative;
  border: 0.5px solid #f4e1cf;
  padding: 7.5px 16.5px 7px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.block-custom .page-products-zenwear-powder .block-proposal--step::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: calc(100% - 7px);
  transform: translateX(-50%) rotate(45deg);
  aspect-ratio: 1;
  width: 15px;
  background: #ffffff;
  border-right: 0.5px solid #f4e1cf;
  border-bottom: 0.5px solid #f4e1cf;
}
.block-custom .page-products-zenwear-powder .block-proposal--step:last-of-type::after {
  display: none;
}
.block-custom .page-products-zenwear-powder .block-proposal--step-number {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  font-family: "Times New Roman", "Noto Serif JP", serif;
}
.block-custom .page-products-zenwear-powder .block-proposal--step-number::after {
  counter-increment: number 1;
  content: counter(number);
  margin-left: 2.5px;
  font-size: 12px;
  font-weight: 400;
  font-family: "Times New Roman", "Noto Serif JP", serif;
}
.block-custom .page-products-zenwear-powder .block-proposal--step-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.block-custom .page-products-zenwear-powder .block-proposal--step__bg {
  background: linear-gradient(90deg, #f1d8c0, #f4eade, #f1d8c0);
}
.block-custom .page-products-zenwear-powder .block-proposal--step__bg::after {
  background: linear-gradient(90deg, #f4eade);
}
.block-custom .page-products-zenwear-powder .block-proposal--content02 {
  margin-bottom: 15px;
  padding: 15px 14px 30px;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02 .block-proposal--subtitle {
  padding-bottom: 7.5px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-read {
  text-align: center;
  margin-bottom: 16px;
  font-size: 13px;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32.5px;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-step {
  position: relative;
  border: 1px solid #f1d8c0;
  display: flex;
  align-items: center;
  gap: 0 10px;
  flex-wrap: wrap;
  padding: 0 0 14.5px 0;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-step::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  aspect-ratio: 25/50;
  width: 12.5px;
  clip-path: polygon(0% 0%, 100% 50%, 0 100%);
  background: #cccccc;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-step:last-of-type::after {
  display: none;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-title {
  padding: 4px 2.5px 1px;
  background: linear-gradient(90deg, rgba(241, 216, 192, 0.5), rgba(244, 234, 222, 0.5), rgba(241, 216, 192, 0.5));
  font-size: 13px;
  text-align: center;
  width: 100%;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-title rt {
  font-size: 6.5px;
  transform: translateY(3.5px);
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-img {
  aspect-ratio: 260/303;
  width: 130px;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-img img {
  object-fit: contain;
}
.block-custom .page-products-zenwear-powder .block-proposal--content02-text {
  width: 50%;
  flex-grow: 1;
  font-size: 12px;
  line-height: 1.7083333333;
  padding: 0 20px 0 0px;
}
.block-custom .page-products-zenwear-powder .block-proposal--content03 {
  padding: 15px 14px 35px;
}
.block-custom .page-products-zenwear-powder .block-proposal--content03 .block-proposal--subtitle {
  margin-inline: auto;
  margin-bottom: 20px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.block-custom .page-products-zenwear-powder .block-proposal--content03-img {
  aspect-ratio: 360/400;
  width: 180px;
  margin-inline: auto;
  margin-bottom: 17.5px;
}
.block-custom .page-products-zenwear-powder .block-proposal--content03-img img {
  object-fit: contain;
}
.block-custom .page-products-zenwear-powder .block-proposal--content03-text {
  text-align: center;
  font-size: 13px;
  line-height: 1.5769230769;
}
.block-custom .page-products-zenwear-powder .block-proposal--steps02 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9.5px;
  max-width: 600px;
  margin-inline: auto;
  counter-reset: number1 0;
}
.block-custom .page-products-zenwear-powder .block-proposal--steps02 .block-proposal--step-number::after {
  counter-increment: number1 1;
  content: counter(number1);
}
.block-custom .page-products-zenwear-powder .block-proposal--steps02 .block-proposal--step {
  position: relative;
  padding: 4px 16.5px 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.block-custom .page-products-zenwear-powder .block-proposal--steps02 .block-proposal--step::after {
  scale: 0.9 0.7;
}
.block-custom .page-products-zenwear-powder .block-sponge {
  margin-bottom: 60px;
}
.block-custom .page-products-zenwear-powder .block-sponge--title {
  margin-bottom: 20px;
}
.block-custom .page-products-zenwear-powder .block-sponge--img {
  aspect-ratio: 400/363;
  margin-bottom: 15px;
  max-width: 240px;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-sponge--text {
  text-align: center;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 1.7857142857;
}
.block-custom .page-products-zenwear-powder .block-sponge--items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: 0 15px;
  margin-bottom: 15px;
  margin-inline: auto;
  width: calc(100% + 10px);
}
.block-custom .page-products-zenwear-powder .block-sponge--item {
  padding: 0px 10px 12px 10px;
  border: 1.5px solid transparent;
}
.block-custom .page-products-zenwear-powder .block-sponge--item:nth-of-type(1) {
  border: 1.5px solid #000;
}
.block-custom .page-products-zenwear-powder .block-sponge--item-top {
  display: flex;
  gap: 2.5px;
  margin-left: -5px;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2px;
}
.block-custom .page-products-zenwear-powder .block-sponge--item-icon {
  aspect-ratio: 56/75;
  width: 35px;
}
.block-custom .page-products-zenwear-powder .block-sponge--item-icon img {
  object-fit: contain;
}
.block-custom .page-products-zenwear-powder .block-sponge--item-title {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}
.block-custom .page-products-zenwear-powder .block-sponge--item-img1 {
  aspect-ratio: 310/250;
  width: 100%;
  margin-bottom: 10px;
}
.block-custom .page-products-zenwear-powder .block-sponge--item-tri {
  aspect-ratio: 16/13;
  width: 8px;
  background: #484848;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  margin-bottom: 7.5px;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-sponge--item-img2 {
  aspect-ratio: 1;
  width: 100%;
}
.block-custom .page-products-zenwear-powder .block-sponge--bottom {
  text-align: center;
  font-size: 10px;
}
.block-custom .page-products-zenwear-powder .block-case {
  background: linear-gradient(-45deg, #e0e0e0, #ffffff, #e0e0e0);
  padding-bottom: 80px;
}
.block-custom .page-products-zenwear-powder .block-case--title {
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/case-title-bg.jpg");
  margin-bottom: 26.5px;
}
.block-custom .page-products-zenwear-powder .block-case--img {
  aspect-ratio: 1;
  margin-inline: auto;
  margin: 0 0 25px;
}
.block-custom .page-products-zenwear-powder .block-case--text {
  text-align: center;
  font-size: 14px;
  line-height: 1.7857142857;
}
.block-custom .page-products-zenwear-powder .block-series {
  margin-bottom: 40px;
}
.block-custom .page-products-zenwear-powder .block-series--title {
  margin-bottom: 15px;
  background-image: url("../../../img/decorte2023/sp/custom/zenwear_powder/series-title-bg.jpg");
  background-position: right center;
}
.block-custom .page-products-zenwear-powder .block-series--img {
  aspect-ratio: 1280/770;
  margin-bottom: 40px;
  margin: 0 13.5px 28px;
}
.block-custom .page-products-zenwear-powder .block-series--subtitle {
  margin-bottom: 27.5px;
  text-align: center;
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1.5;
}
.block-custom .page-products-zenwear-powder .block-series--items {
  margin-inline: auto;
  margin: 0 10px 80px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  max-width: 600px;
  width: calc(100% - 27px);
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-series--item {
  background: #000000;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 21.5px;
}
.block-custom .page-products-zenwear-powder .block-series--item-img {
  aspect-ratio: 250/300;
  width: 125px;
}
.block-custom .page-products-zenwear-powder .block-series--item-texts {
  width: 50%;
  flex-grow: 1;
}
.block-custom .page-products-zenwear-powder .block-series--item-text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  margin-bottom: 7.5px;
}
.block-custom .page-products-zenwear-powder .block-series--item-title {
  margin-bottom: 14.5px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
}
.block-custom .page-products-zenwear-powder .block-series--item-button {
  width: 160px;
  margin-right: auto;
  margin-inline: unset;
}
.block-custom .page-products-zenwear-powder .block-series--base {
  margin-bottom: 28px;
  background: linear-gradient(#f5f2ef, #ffffff, #f5f2ef);
  padding: 30px 0 60px;
  max-width: 600px;
  width: calc(100% - 27px);
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-series--base-title {
  margin-bottom: 30px;
  padding-bottom: 12px;
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  line-height: 1.35;
  letter-spacing: 0;
  margin-inline: auto;
}
.block-custom .page-products-zenwear-powder .block-series--base-items {
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 60px;
}
.block-custom .page-products-zenwear-powder .block-series--base-item-img {
  aspect-ratio: 241/291;
  width: 156px;
  margin-inline: auto;
  margin-bottom: 20px;
}
.block-custom .page-products-zenwear-powder .block-series--base-item-text {
  margin-bottom: 11px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0;
}
.block-custom .page-products-zenwear-powder .block-series--base-item-title {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 25px;
  text-align: center;
}
.block-custom .page-products-zenwear-powder .block-series--base-item-button {
  margin-inline: auto;
  width: 240px;
  padding: 10px 0;
  font-size: 13px;
}
.block-custom .page-products-zenwear-powder .block-series--banner-items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.page-products-zenwear-stay {
  font-family: "Times New Roman", "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.page-products-zenwear-stay body, .page-products-zenwear-stay h1, .page-products-zenwear-stay h2, .page-products-zenwear-stay h3, .page-products-zenwear-stay h4, .page-products-zenwear-stay p, .page-products-zenwear-stay ul, .page-products-zenwear-stay ol, .page-products-zenwear-stay li, .page-products-zenwear-stay figure, .page-products-zenwear-stay figcaption, .page-products-zenwear-stay blockquote, .page-products-zenwear-stay dl, .page-products-zenwear-stay dd, .page-products-zenwear-stay table, .page-products-zenwear-stay th, .page-products-zenwear-stay td {
  font-weight: 500;
}
.page-products-zenwear-stay rt {
  font-size: 9px;
}
.page-products-zenwear-stay sup {
  vertical-align: super;
}
.page-products-zenwear-stay .detailbtn {
  background: #000000;
  padding: 15px 20px;
  display: block;
  color: #ffffff;
  transition: all 0.5s ease;
}
.page-products-zenwear-stay .detailbtn:hover {
  background: #555555;
}
.page-products-zenwear-stay .block-kv-bg {
  background: #DCD7D4;
}
.page-products-zenwear-stay .block-kv-copy {
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_stay/kv.png) no-repeat center top;
  background-size: contain;
}
.page-products-zenwear-stay .block-kv-copy-main {
  width: 100%;
  margin: auto;
  padding-bottom: 60px;
}
.page-products-zenwear-stay .block-kv-copy-main-image {
  padding: 10% 0 160% 6%;
  width: 80%;
  max-width: 530px;
}
.page-products-zenwear-stay .block-kv-copy-main-txt {
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  font-weight: 500;
}
.page-products-zenwear-stay .block-kv-copy-main-txt p {
  margin-bottom: 15px;
}
.page-products-zenwear-stay .block-kv-copy-main-notice {
  font-size: 10px;
  text-align: center;
  margin-top: 60px;
}
.page-products-zenwear-stay .block-section1, .page-products-zenwear-stay .block-section2, .page-products-zenwear-stay .block-section3, .page-products-zenwear-stay .block-section4, .page-products-zenwear-stay .block-section5 {
  padding-bottom: 8%;
}
.page-products-zenwear-stay .block-section1-title, .page-products-zenwear-stay .block-section2-title, .page-products-zenwear-stay .block-section3-title, .page-products-zenwear-stay .block-section4-title, .page-products-zenwear-stay .block-section5-title {
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_stay/h2_title_bg.png) no-repeat center center;
  background-size: cover;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-lead {
  background-image: linear-gradient(60deg, #000000, #333333);
  padding: 40px 0 20px;
  color: #E6BE70;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-products-zenwear-stay .block-lead-subtitle {
  font-size: 18px;
}
.page-products-zenwear-stay .block-lead-title {
  font-size: 21px;
  margin-bottom: 40px;
}
.page-products-zenwear-stay .block-lead-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
.page-products-zenwear-stay .block-lead-image-item {
  display: flex;
  width: 44%;
  flex-direction: column;
  align-items: center;
}
.page-products-zenwear-stay .block-lead-image-item span {
  display: block;
  font-size: 11px;
  white-space: nowrap;
}
.page-products-zenwear-stay .block-lead-image-arrow {
  margin: 0 1%;
  width: 10%;
}
.page-products-zenwear-stay .block-lead-image-new {
  position: absolute;
  top: -4%;
  right: -10%;
  width: 25%;
  height: 25%;
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_stay/lead_new.png) no-repeat center center;
  background-size: contain;
  z-index: -1;
}
.page-products-zenwear-stay .block-lead-notice {
  font-size: 8px;
}
.page-products-zenwear-stay .block-navi {
  padding: 30px 0 30px;
}
.page-products-zenwear-stay .block-navi-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 96%;
  flex-wrap: wrap;
}
.page-products-zenwear-stay .block-navi-list li {
  align-items: center;
  background: linear-gradient(135deg, rgb(0, 0, 0) 0%, rgb(38, 38, 38) 100%);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  height: 60px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 49%;
  margin-bottom: 8px;
}
.page-products-zenwear-stay .block-navi-list li a {
  color: #ffffff;
  text-decoration: none;
}
.page-products-zenwear-stay .block-navi-list li::after {
  border-bottom: 1px solid;
  border-right: 1px solid;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  transform: rotate(45deg) skew(14deg, 14deg);
  right: 15px;
  top: calc(50% - 8px);
  width: 8px;
}
.page-products-zenwear-stay .block-section1 {
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_stay/section1_bg.png) no-repeat center top;
  background-size: cover;
  padding-bottom: 0;
}
.page-products-zenwear-stay .block-section1-title {
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section1-leadtitle {
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_stay/section1_title_bg.png) no-repeat center bottom;
  background-size: contain;
  width: 96%;
  height: 20%;
  margin: 0 auto 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  position: relative;
  text-align: center;
  padding-bottom: 5%;
}
.page-products-zenwear-stay .block-section1-leadtitle span {
  font-size: 15px;
  margin-top: 8px;
  display: block;
  font-weight: 600;
}
.page-products-zenwear-stay .block-section1-leadtitle::after {
  height: 2px;
  width: 100%;
  background-image: linear-gradient(90deg, transparent, #000000 20% 80%, transparent);
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
.page-products-zenwear-stay .block-section1-leadtitle.bgnone {
  background: none;
}
.page-products-zenwear-stay .block-section1-box {
  background: #ffffff;
  padding: 4%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  width: 96%;
  margin: 0 auto 10px;
}
.page-products-zenwear-stay .block-section1-box-title {
  width: 100%;
  margin: 0 auto 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.page-products-zenwear-stay .block-section1-box-title.mgnbtm0 {
  margin-bottom: 0;
}
.page-products-zenwear-stay .block-section1-box-title-txt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section1-box-title-txt-num {
  font-size: 60px;
  line-height: 0.7;
  width: 15%;
  text-align: center;
}
.page-products-zenwear-stay .block-section1-box-title-txt-name {
  width: 83%;
  font-size: 20px;
  line-height: 1.8;
}
.page-products-zenwear-stay .block-section1-box-title-txt-name span {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 1%;
}
.page-products-zenwear-stay .block-section1-box-title-txt-disc {
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 5%;
  text-align: center;
}
.page-products-zenwear-stay .block-section1-box-title-image {
  width: 100%;
}
.page-products-zenwear-stay .block-section1-box-body {
  width: 100%;
  margin: 0 auto;
  border: solid 1px #000000;
}
.page-products-zenwear-stay .block-section1-box-body-btn {
  font-size: 14px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.page-products-zenwear-stay .block-section1-box-body-btn::before, .page-products-zenwear-stay .block-section1-box-body-btn::after {
  width: 13px !important;
  height: 1px !important;
  background: #000000;
  content: "";
  display: block;
  right: 20px;
  position: absolute;
  transition: all 0.5s ease;
}
.page-products-zenwear-stay .block-section1-box-body-btn::after {
  transform: rotate(90deg);
}
.page-products-zenwear-stay .block-section1-box-body-btn.toggle-accordion-btn-active::after {
  transform: rotate(180deg);
}
.page-products-zenwear-stay .block-section1-box-body-contents {
  padding: 0 4% 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-products-zenwear-stay .block-section1-box-body-contents-line {
  width: 96%;
  height: 2px;
  background-image: linear-gradient(90deg, transparent, #000000 15% 85%, transparent);
  display: block;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-title {
  font-size: 14px;
  padding: 3%;
  width: 100%;
  background-image: linear-gradient(90deg, transparent, #cccccc 15% 85%, transparent);
  margin-bottom: 5%;
  text-align: center;
  font-weight: 400;
}
.page-products-zenwear-stay .block-section1-box-body-contents-title.weight600 {
  font-weight: 400;
}
.page-products-zenwear-stay .block-section1-box-body-contents-lead {
  font-size: 13px;
  margin-bottom: 5%;
  text-align: center;
}
.page-products-zenwear-stay .block-section1-box-body-contents-image {
  width: 100%;
  margin: 0 auto 5%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-image span {
  font-size: 8px;
  text-align: right;
  margin-top: 2%;
  display: block;
}
.page-products-zenwear-stay .block-section1-box-body-contents-ingrelist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-ingrelist p {
  background: #eeeeee;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 4px 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.page-products-zenwear-stay .block-section1-box-body-contents-ingrelist p span {
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
.page-products-zenwear-stay .block-section1-box-body-contents-ingrelist p sup.ingrelistsmall {
  position: absolute;
  bottom: 3%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-ingrenotice {
  font-size: 8px;
  text-align: center;
  margin-bottom: 8%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-hot, .page-products-zenwear-stay .block-section1-box-body-contents-structure-cold {
  width: 49%;
  padding: 3% 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-hot-title, .page-products-zenwear-stay .block-section1-box-body-contents-structure-cold-title {
  font-size: 13px;
  margin-bottom: 2%;
  text-align: center;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-hot-image, .page-products-zenwear-stay .block-section1-box-body-contents-structure-cold-image {
  width: 100%;
  margin-bottom: 2%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-hot-txt, .page-products-zenwear-stay .block-section1-box-body-contents-structure-cold-txt {
  font-size: 12px;
  text-align: center;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-hot {
  border: solid 1px #C1271F;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-hot-title {
  color: #C1271F;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-cold {
  border: solid 1px #1B4180;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-cold-title {
  color: #1B4180;
}
.page-products-zenwear-stay .block-section1-box-body-contents-structure-image {
  width: 100%;
  margin-bottom: 6%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-care {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-care-item {
  width: 100%;
  text-align: left;
  display: flex;
  margin-bottom: 5%;
  align-items: center;
  padding-bottom: 5%;
  border-bottom: solid 1px #cccccc;
}
.page-products-zenwear-stay .block-section1-box-body-contents-care-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-products-zenwear-stay .block-section1-box-body-contents-care-item img {
  width: 50%;
  max-width: 140px;
}
.page-products-zenwear-stay .block-section1-box-body-contents-care-item span {
  width: 50%;
  display: block;
  font-size: 12px;
  padding-left: 5%;
  text-align: center;
}
.page-products-zenwear-stay .block-section1-box-body-contents-partscut {
  display: flex;
  justify-content: center;
}
.page-products-zenwear-stay .block-section1-box-body-contents-partscut-image {
  width: 48%;
  margin: 0 1%;
}
.page-products-zenwear-stay .block-section1-box-body-contents-partscut-image span {
  display: block;
  text-align: center;
  margin-bottom: 2%;
  font-size: 11px;
}
.page-products-zenwear-stay .block-section1-box-body-contents-partscut-notice {
  font-size: 8px;
  text-align: right;
  margin: 3% auto 0;
  width: 98%;
}
.page-products-zenwear-stay .block-section1-notice {
  font-size: 8px;
  text-align: center;
  margin-top: 5%;
  width: 100%;
}
.page-products-zenwear-stay .block-section1-essence {
  background-image: linear-gradient(0deg, #e7e7e7, #ffffff 20% 80%, #e7e7e7);
  padding: 8% 0 10%;
  margin-top: 10%;
}
.page-products-zenwear-stay .block-section1-essence-box {
  width: 100%;
  height: 580px;
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_stay/section1_image13.png) no-repeat right top;
  background-size: contain;
  position: relative;
  margin: 8% auto 0;
}
.page-products-zenwear-stay .block-section1-essence-box-ingre1, .page-products-zenwear-stay .block-section1-essence-box-ingre2, .page-products-zenwear-stay .block-section1-essence-box-ingre3, .page-products-zenwear-stay .block-section1-essence-box-ingre4, .page-products-zenwear-stay .block-section1-essence-box-ingre5 {
  position: absolute;
}
.page-products-zenwear-stay .block-section1-essence-box-ingre1 {
  top: 0px;
  right: 55px;
  width: 110px;
}
.page-products-zenwear-stay .block-section1-essence-box-ingre2 {
  top: 70px;
  right: 155px;
  width: 155px;
}
.page-products-zenwear-stay .block-section1-essence-box-ingre3 {
  top: 228px;
  right: 260px;
  width: 90px;
}
.page-products-zenwear-stay .block-section1-essence-box-ingre4 {
  top: 378px;
  right: 192px;
  width: 103px;
}
.page-products-zenwear-stay .block-section1-essence-box-ingre5 {
  top: 445px;
  right: 36px;
  width: 147px;
}
.page-products-zenwear-stay .block-section2-lead {
  font-size: 16px;
  text-align: center;
  margin-bottom: 3%;
}
.page-products-zenwear-stay .block-section2-image {
  width: 96%;
  margin: 0 auto;
}
.page-products-zenwear-stay .block-section3-lead {
  background-image: linear-gradient(90deg, transparent, #f9e9df 25% 75%, transparent);
  padding: 12px;
  font-size: 16px;
  width: 96%;
  margin: 0 auto 5%;
  text-align: center;
  font-weight: 600;
}
.page-products-zenwear-stay .block-section3-box {
  width: 96%;
  margin: 0 auto 5%;
}
.page-products-zenwear-stay .block-section3-box-title {
  font-size: 15px;
  display: block;
  width: 100%;
  padding-bottom: 15px;
  position: relative;
  text-align: center;
  font-weight: 600;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section3-box-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, transparent, #000000 25% 75%, transparent);
  position: absolute;
  bottom: 0;
}
.page-products-zenwear-stay .block-section3-box-image {
  display: flex;
  width: 100%;
  margin: 0 auto 5%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.page-products-zenwear-stay .block-section3-box-image-item {
  width: 40%;
}
.page-products-zenwear-stay .block-section3-box-image-item span {
  font-size: 11px;
  text-align: center;
  margin-bottom: 10px;
  display: block;
}
.page-products-zenwear-stay .block-section3-box-image-arrow {
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 7.5px;
  height: 15px;
  background: #000000;
  margin: 5% 3% 0;
}
.page-products-zenwear-stay .block-section3-box-image-notice {
  font-size: 9px;
  width: 88%;
  text-align: right;
  margin-top: 10px;
}
.page-products-zenwear-stay .block-section3-box-txt {
  font-size: 14px;
  text-align: center;
  margin-bottom: 8%;
  line-height: 1.8;
}
.page-products-zenwear-stay .block-section3-notice {
  font-size: 10px;
  text-align: center;
}
.page-products-zenwear-stay .block-section4 {
  background-image: linear-gradient(0deg, #fdedd8, #f7dbc5);
}
.page-products-zenwear-stay .block-section4-lead {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 6%;
  text-align: center;
}
.page-products-zenwear-stay .block-section4-tab {
  width: 100%;
  margin: 0 auto;
}
.page-products-zenwear-stay .block-section4-tab-list {
  display: flex;
  align-items: flex-end;
  width: 96%;
  margin: 0 auto;
}
.page-products-zenwear-stay .block-section4-tab-list-item {
  width: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.5);
  padding: 15px 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  z-index: 1;
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  position: relative;
}
.page-products-zenwear-stay .block-section4-tab-list-item::after {
  content: none;
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background: #484848;
  width: 12px;
  height: 8px;
  margin-left: 10px;
  position: absolute;
  bottom: 0;
}
.page-products-zenwear-stay .block-section4-tab-list-item.active {
  background: #ffffff;
  padding: 25px 10px 10px;
  z-index: 2;
}
.page-products-zenwear-stay .block-section4-tab-list-item.active::after {
  content: "";
}
.page-products-zenwear-stay .block-section4-tab-content {
  overflow: hidden;
  padding: 0 2% 4%;
  position: relative;
  z-index: 3;
}
.page-products-zenwear-stay .block-section4-tab-content-panel {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  padding: 4%;
  background: #ffffff;
  display: none;
}
.page-products-zenwear-stay .block-section4-tab-content-panel.active {
  display: block;
}
.page-products-zenwear-stay .block-section4-tab-content-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-products-zenwear-stay .block-section4-tab-content-body-common {
  display: flex;
  width: 100%;
  font-size: 12px;
  align-items: center;
  justify-content: space-between;
}
.page-products-zenwear-stay .block-section4-tab-content-body-common-image {
  width: 36%;
}
.page-products-zenwear-stay .block-section4-tab-content-body-common ol {
  width: 55%;
  list-style-type: decimal;
}
.page-products-zenwear-stay .block-section4-tab-content-body-common ol li {
  list-style-type: decimal;
  margin-bottom: 10px;
}
.page-products-zenwear-stay .block-section4-tab-content-body-common ol li:last-of-type {
  margin-bottom: 0;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance {
  display: flex;
  width: 100%;
  border: solid 1px #F1D8C0;
  font-size: 12px;
  flex-wrap: wrap;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-title {
  background-image: linear-gradient(90deg, #f1d8c0, #f4eade 50%, #f1d8c0);
  padding: 5px;
  font-size: 13px;
  width: 100%;
  text-align: center;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-body {
  padding: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-body-image {
  width: 36%;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-body-txt {
  margin-left: 5%;
  font-size: 12px;
  width: 60%;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-body-txt.widthauto {
  width: auto;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-body-txt-brush {
  display: flex;
  width: 100%;
  font-size: 11px;
  margin-top: 5%;
  justify-content: space-between;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-body-txt-brush-image {
  width: 15%;
}
.page-products-zenwear-stay .block-section4-tab-content-body-advance-body-txt-brush .detailbtn {
  margin-top: 4%;
  text-align: center;
  padding: 8%;
}
.page-products-zenwear-stay .block-section4-tab-content-body-arrow {
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  display: block;
  background: #CCCCCC;
  width: 38px;
  height: 13px;
  margin: 5% auto;
}
.page-products-zenwear-stay .block-section5-kv {
  width: 96%;
  margin: 0 auto 7%;
}
.page-products-zenwear-stay .block-section5-lead {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 7%;
  font-weight: 500;
}
.page-products-zenwear-stay .block-section5-series {
  display: flex;
  width: calc(100% - 10px);
  justify-content: space-between;
  margin: 0 auto 7%;
}
.page-products-zenwear-stay .block-section5-series-item {
  width: min(61.3vw, 460px);
  border-right: solid 1px #cccccc;
  text-align: center;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.page-products-zenwear-stay .block-section5-series-item:last-of-type {
  border-right: none;
}
.page-products-zenwear-stay .block-section5-series-item-image {
  margin: 0 5% 3%;
}
.page-products-zenwear-stay .block-section5-series-item-name {
  display: flex;
  flex-direction: column;
  height: 6em;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin: 0 5% 8%;
  font-weight: 700;
}
.page-products-zenwear-stay .block-section5-series-item-name span {
  font-size: 12px;
  display: block;
  padding: 4px 8px;
  margin-bottom: 5px;
  border: solid 1px #000000;
  font-weight: 600;
}
.page-products-zenwear-stay .block-section5-series-item-tama {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin: 0 5% 8%;
}
.page-products-zenwear-stay .block-section5-series-item-tama-image {
  width: 50%;
}
.page-products-zenwear-stay .block-section5-series-item-tama-name {
  width: 100%;
  font-size: 12px;
}
.page-products-zenwear-stay .block-section5-series-item-list {
  margin: 0 5% 4%;
  min-height: 160px;
}
.page-products-zenwear-stay .block-section5-series-item-list li {
  display: block;
  margin-bottom: 8px;
  padding: 0 0 0 20px;
  position: relative;
  text-align: left;
}
.page-products-zenwear-stay .block-section5-series-item-list li::before {
  content: "";
  background: url(/decorte/img/decorte2023/sp/custom/zenwear_stay/check.png) no-repeat center center;
  background-size: contain;
  display: block;
  width: 16px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0;
}
.page-products-zenwear-stay .block-section5-series-item-list li sup {
  font-size: 0.5em;
}
.page-products-zenwear-stay .block-section5-series-item .detailbtn {
  width: 80%;
  margin: auto;
  text-align: center;
  position: absolute;
  bottom: 0;
}
.page-products-zenwear-stay .block-section5-notice {
  font-size: 8px;
  margin-top: 5%;
  text-align: center;
}
.page-products-zenwear-stay .block-section5-finish {
  padding: 10% 0;
  width: 96%;
  margin: 0 auto;
}
.page-products-zenwear-stay .block-section5-finish-title {
  font-size: 16px;
  display: block;
  width: 100%;
  padding-bottom: 5%;
  position: relative;
  text-align: center;
  font-weight: 600;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section5-finish-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, transparent, #000000 25% 75%, transparent);
  position: absolute;
  bottom: 0;
}
.page-products-zenwear-stay .block-section5-finish-image {
  display: flex;
  justify-content: center;
}
.page-products-zenwear-stay .block-section5-finish-image-item {
  width: 30%;
  margin: 0 2px;
}
.page-products-zenwear-stay .block-section5-finish-image-item span {
  display: block;
  margin-top: 4%;
  text-align: center;
  font-size: 12px;
}
.page-products-zenwear-stay .block-section5-basemake {
  background-image: linear-gradient(90deg, #f5f2ef, #ffffff 50%, #f5f2ef);
  padding: 7% 4%;
  width: 96%;
  margin: auto;
}
.page-products-zenwear-stay .block-section5-basemake-title {
  font-size: 20px;
  display: block;
  width: 96%;
  padding-bottom: 4%;
  position: relative;
  text-align: center;
  font-weight: 600;
  margin: 0 auto 6%;
}
.page-products-zenwear-stay .block-section5-basemake-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, transparent, #000000 25% 75%, transparent);
  position: absolute;
  bottom: 0;
}
.page-products-zenwear-stay .block-section5-basemake-list {
  display: flex;
  width: 96%;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
}
.page-products-zenwear-stay .block-section5-basemake-list-item {
  width: 100%;
  margin: 0 3% 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-products-zenwear-stay .block-section5-basemake-list-item-image {
  width: 60%;
  margin-bottom: 5%;
}
.page-products-zenwear-stay .block-section5-basemake-list-item-copy {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6%;
}
.page-products-zenwear-stay .block-section5-basemake-list-item-name {
  font-size: 13px;
  margin-bottom: 6%;
}
.page-products-zenwear-stay .block-section5-basemake-list-item .detailbtn {
  width: 60%;
  font-size: 13px;
  padding: 10px;
}
.page-products-zenwear-stay .block-section5-banner {
  width: 100%;
  margin: 8% auto 0;
}
.page-products-zenwear-stay .block-section5-banner-tryon, .page-products-zenwear-stay .block-section5-banner-set {
  width: 100%;
  display: block;
  margin: 0 auto 5%;
}
.page-products-zenwear-stay .modal-area {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}
.page-products-zenwear-stay .modal-container {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 90%;
  column-gap: 20px;
  min-height: 360px;
  padding: 5%;
}
.page-products-zenwear-stay .modal-close {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  right: 0;
  top: -30px;
  height: 30px;
  width: 30px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-products-zenwear-stay .modal-close::before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  width: 30px;
}
.page-products-zenwear-stay .modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  width: 30px;
}
.page-products-zenwear-stay .modal-btn {
  cursor: pointer;
}
.page-products-zenwear-stay .modal-essence {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
.page-products-zenwear-stay .modal-essence-image {
  width: 160px;
  margin: 0 auto 30px;
}
.page-products-zenwear-stay .modal-essence-title {
  font-size: 15px;
  text-align: center;
  width: 100%;
  padding: 2%;
  border-bottom: solid 1px #ECC2A4;
  margin-bottom: 3%;
  font-weight: 600;
}
.page-products-zenwear-stay .modal-essence-txt {
  font-size: 13px;
  margin-bottom: 3%;
}
.page-products-zenwear-stay .modal-essence-notice {
  font-size: 8px;
}
.page-products-zenwear-stay .js-slick--arrow {
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  height: 24px;
  top: min(90vw, 675px);
  width: 24px;
}
.page-products-zenwear-stay .js-slick--arrow::after {
  height: 8px;
  width: 8px;
}
.page-products-zenwear-stay .js-slick--next {
  right: 10px;
}
.page-products-zenwear-stay .js-slick--next::after {
  margin-right: 5px;
}
.page-products-zenwear-stay .js-slick--prev {
  left: 10px;
}
.page-products-zenwear-stay .js-slick--prev::after {
  margin-left: 5px;
}
.page-products-zenwear-stay .js-slick--arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.page-products-zenwear-stay #campaign202601 {
  padding-top: 60px;
  margin-top: -60px;
}
.page-products-zenwear-stay .block-custom-campaign202601 {
  background-image: linear-gradient(0deg, #e5e5e5, #eddfcc);
  padding: 8% 0;
}
.page-products-zenwear-stay .block-custom-campaign202601 h3 {
  display: none;
}
.page-products-zenwear-stay .block-custom-campaign202601--container {
  background-color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 30px;
  width: calc(100% - 40px);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.page-products-zenwear-stay .block-custom-campaign202601--period {
  background-color: #000000;
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.page-products-zenwear-stay .block-custom-campaign202601--sample-image {
  /*box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.3);*/
  margin: 0 auto 20px;
  width: 50%;
}
.page-products-zenwear-stay .block-custom-campaign202601--sample-image span {
  font-size: 10px;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.page-products-zenwear-stay .block-custom-campaign202601--text-area {
  margin: 0 auto;
  width: calc(100% - 20px);
}
.page-products-zenwear-stay .block-custom-campaign202601--lead {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
  color: #101028;
}
.page-products-zenwear-stay .block-custom-campaign202601--apply-area {
  margin-bottom: 20px;
  position: relative;
}
.page-products-zenwear-stay .block-custom-campaign202601--apply-button {
  align-items: center;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 5em;
  line-height: 1.3;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.page-products-zenwear-stay .block-custom-campaign202601--apply-button__member {
  background-color: #333333;
  margin-bottom: 10px;
}
.page-products-zenwear-stay .block-custom-campaign202601--apply-button__join {
  /*background-color: #b2a559;*/
  background-color: #c5a569;
}
.page-products-zenwear-stay .block-custom-campaign202601--close-message {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: calc(100% + 20px);
  justify-content: center;
  left: -10px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: calc(100% + 20px);
}
.page-products-zenwear-stay .block-custom-campaign202601--more-guideline {
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin: 30px auto 0;
  text-align: center;
  text-decoration: underline;
  width: fit-content;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-modal-container {
  background-color: #ffffff;
  padding: 30px 10px;
  position: relative;
  height: calc(100vh - 200px);
  width: calc(100% - 20px);
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-modal-close {
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 30px;
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-modal-close::before, .page-products-zenwear-stay .block-custom-campaign202601--guideline-modal-close::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 30px;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-modal-close::before {
  transform: rotateZ(45deg);
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-modal-close::after {
  transform: rotateZ(-45deg);
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area {
  overflow-y: scroll;
  height: calc(100vh - 260px);
  color: #000000;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area h4 {
  font-size: 14px;
  font-weight: 500;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area h4:not(:first-child) {
  margin-top: 2em;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area p {
  font-size: 12px;
  margin: 1em;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area p small {
  display: inline-block;
  font-size: 11px;
  line-height: 1.3;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ul {
  margin: 1em 0;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ul li {
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1.5em;
  position: relative;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ul li::before {
  background-color: #333333;
  border-radius: 50%;
  display: block;
  content: "";
  height: 0.5em;
  left: 0.5em;
  position: absolute;
  top: 0.5em;
  width: 0.5em;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ol {
  counter-reset: item-counter;
  margin: 1em 0;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ol li {
  counter-increment: item-counter;
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1.5em;
  position: relative;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ol li:not(:last-child) {
  margin-bottom: 0.5em;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area ol li::before {
  display: inline-block;
  content: counter(item-counter) ". ";
  margin-left: -1.2em;
  width: 1.2em;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area dl {
  font-size: 12px;
  margin: 1em;
}
.page-products-zenwear-stay .block-custom-campaign202601--guideline-area dl dt {
  font-size: 13px;
  font-weight: 500;
}
/* rich contents add */



/* slick */
.js-slick--next {
    right: 0;
}
.js-slick--arrow {
    background: none;
    border: none;
    box-sizing: border-box;
    color: #999999;
    cursor: pointer;
    font-size: 0;
    height: 30px;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: calc(50% - 15px);
    width: 30px;
    z-index: 1;
}
.js-slick--arrow::after {
    border-top: 1px solid;
    border-right: 1px solid;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
}
.js-slick--prev::after {
    margin-left: 12px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.js-slick--next::after {
    margin-right: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}






/* ***** */
/* .block-custom .page-products-rougedecorte-creamsatin .modal-area,
.block-custom .page-products-rougedecorte-creamsatin .block-custom-effect--detail-modal-area,
.block-custom .page-products-rougedecorte-creamsatin .block-custom-color--zoom-map-modal-area, .block-custom .page-products-rougedecorte-creamsatin .block-custom-color--detail-modal-area{
  display: none;
} */

/* 対象となるモーダルエリア共通の設定 */
.block-custom-color--detail-modal-area,
.block-custom-color--zoom-map-modal-area,
.block-custom-effect--detail-modal-area,
.modal-area {
  /* 通常時（非表示・透明） */
  /* display: flex; */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  
  will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 9999; */
}

/* JSで「is-show」クラスがついた時（表示状態） */
.block-custom-color--detail-modal-area.is-show,
.block-custom-color--zoom-map-modal-area.is-show,
.block-custom-effect--detail-modal-area.is-show,
.modal-area.is-show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
}