#common_column_separator_1 {
  padding-bottom: 0 !important;
}

p {margin-top: 0; margin-bottom: 0;}

body.modal-open {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

.g-Area#area-Contents .l-main {
  background: url("/content/dam/sites/kanebo/www-kanebo-cosmetics-jp/suisai/2022AW/history/bg_body.png") no-repeat center top/cover;
  padding: 0 0 4.2vw;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main {
    padding: 0 0 9.375vw;
  }
}
.g-Area#area-Contents .l-main * {
  margin: 0;
  padding: 0;
}
.g-Area#area-Contents .l-main img {
  vertical-align: bottom;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main img {
    width: 100%;
  }
}
.g-Area#area-Contents .l-main .js-target.is-fixed {
  position: fixed;
  top: var(--header-height, 0);
  left: 0;
  right: 0;
  z-index: 1000;
  max-width: 546px;
  width: 40%;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .js-target.is-fixed {
    max-width: 640px;
    width: 100%;
  }
}
.g-Area#area-Contents .l-main .p-manvisual {
  margin-bottom: 5.3333333333%;
}
.g-Area#area-Contents .l-main .p-history {
  padding: 0 4.6666666667%;
  margin-top: -3.6979166667vw;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .p-history {
    margin-top: -12.8125vw;
  }
}
.g-Area#area-Contents .l-main .p-history__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.g-Area#area-Contents .l-main .p-history__wrap::before {
  content: "";
  width: 1.0416666667vw;
  height: 100%;
  background: url("/content/dam/sites/kanebo/www-kanebo-cosmetics-jp/suisai/2022AW/history/bg_line.png") no-repeat center bottom/cover;
  position: absolute;
  top: 1.0416666667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .p-history__wrap::before {
    width: 3.75vw;
  }
}
.g-Area#area-Contents .l-main .p-history__list {
  width: 100%;
  width: 39.7058823529%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.78125vw;
}
.g-Area#area-Contents .l-main .p-history__list:last-child {
  margin-top: 1.1458333333vw;
}
.g-Area#area-Contents .l-main .p-history__list:last-child .p-history__item::after {
  left: auto;
  right: calc(100% - 1px);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  margin-top: 0.6vw;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .p-history__list {
    gap: 3.125vw;
  }
}
.g-Area#area-Contents .l-main .p-history__item {
  position: relative;
  cursor: pointer;
}
.g-Area#area-Contents .l-main .p-history__item::after {
  content: "";
  width: 28.1481481481%;
  height: 11px;
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76.39 11.28"><defs><style> .cls-1 { fill: none; stroke: %234c4948; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; } .cls-2 { fill: %234c4948; stroke-width: 0px; } </style></defs><g id="BG"><g><line class="cls-1" x1=".75" y1="5.64" x2="70.75" y2="5.64"/><circle class="cls-2" cx="70.75" cy="5.64" r="5.64"/></g></g></svg>') no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 1vw;
}
.g-Area#area-Contents .l-main .p-history__item.item-small::after {
  margin-top: 0 !important;
}
.g-Area#area-Contents .l-main .p-history__item:hover {
  opacity: 0.7;
}
.g-Area#area-Contents .l-main .p-bottom {
  text-align: center;
  margin-top: 3.125vw;
}
.g-Area#area-Contents .l-main .p-bottom p {
  margin-bottom: 1.25vw;
}
.g-Area#area-Contents .l-main .p-bottom img {
  margin-bottom: 1.25vw;
}

.g-Area#area-Contents .l-main .p-bottom p:last-child {
  margin-bottom: 0;
}
.g-Area#area-Contents .l-main .p-bottom img {
  width: auto !important;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .p-bottom img {
    width: 100% !important;
  }
}
.g-Area#area-Contents .l-main .js-modal-content {
  display: none;
}
.g-Area#area-Contents .l-main .c-modal {
  position: fixed;
  top: var(--header-height, 0);
  left: 0;
  width: 100%;
  height: calc(100dvh - var(--header-height, 0));
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  overflow-y: auto;
}
.g-Area#area-Contents .l-main .c-modal::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(76, 73, 72, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
}
.g-Area#area-Contents .l-main .c-modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.g-Area#area-Contents .l-main .c-modal__wrap {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}
.g-Area#area-Contents .l-main .c-modal__inner {
  position: relative;
  width: 40%;
  margin: auto;
  padding: 2.0833333333vw 0;
}

@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .c-modal__inner {
    width: 90.625vw;
    padding: 6.25vw 0;
  }
}



@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .c-modal__inner {
    width: 90.625vw;
    padding: 6.25vw 0;
  }
}
.g-Area#area-Contents .l-main .c-modal__close {
  width: 15px;
  height: 15px;
  background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.06 20.1"><defs><style>.cls-1 {fill: %234c4948;stroke-width: 0px;}</style></defs><g id="text"><path class="cls-1" d="m19.63,19.69c-.43.43-1.07.61-1.57.12-2.26-2.32-6.29-6.41-7.68-7.8-.23-.23-.58-.35-.9-.03-1.36,1.36-5.31,5.42-7.54,7.71-.49.49-1.13.32-1.54-.09-.44-.44-.61-1.13-.09-1.65,2.2-2.2,6.29-6.29,7.6-7.54.26-.26.17-.7-.06-.93C6.47,8.09,2.58,4.26.32,2.06-.17,1.57,0,.93.44.5.87.06,1.6-.14,2.12.38c2.17,2.17,5.97,6.09,7.36,7.48.26.26.61.38.93.06,1.19-1.19,5.33-5.39,7.54-7.6.52-.52,1.22-.35,1.65.09.41.41.58,1.04.09,1.54-2.35,2.29-6.44,6.26-7.71,7.54-.32.32-.23.64.03.9,1.36,1.36,5.48,5.36,7.74,7.63.52.52.32,1.25-.12,1.68Z" /></g></svg>') no-repeat center/contain;
  position: absolute;
  top: 3.125vw;
  right: 2.94375vw;
  text-indent: -9999px;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .c-modal__close {
    width: 4.6875vw;
    height: 4.6875vw;
    top: 10vw;
    right: 4vw;
  }
}
.g-Area#area-Contents .l-main .c-modal__box {
  margin: 0 4.6666666667%;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .c-modal__box {
    margin: 0;
  }
}
.g-Area#area-Contents .l-main .c-modal__content {
  overflow: hidden;
  background-color: #fff;
  border-radius: 1.0416666667vw 0 1.0416666667vw 0;
  padding: 1.1979166667vw 1.3541666667vw 1.0416666667vw;
  text-align: center;
  font-size: 13px;
}
.g-Area#area-Contents .l-main .c-modal__content p + p {
  margin-top: 14px;
}

.g-Area#area-Contents .l-main .c-modal__content img {
  margin-bottom: 14px;
}

.g-Area#area-Contents .l-main .c-modal__content p a {
  color: #1111CC;
}
.g-Area#area-Contents .l-main .c-modal__content p a:hover {
  text-decoration: none;
}
.g-Area#area-Contents .l-main .c-modal__content .content01 {
  padding: 0 1.0416666667vw;
}
.g-Area#area-Contents .l-main .c-modal__content .content02 {
  padding: 0 2.3958333333vw;
}
.g-Area#area-Contents .l-main .c-modal__content .content03 {
  padding: 0 0.7291666667vw;
}
.g-Area#area-Contents .l-main .c-modal__content .content04 {
  padding: 0;
}
.g-Area#area-Contents .l-main .c-modal__content .content05 {
  padding: 0;
}
.g-Area#area-Contents .l-main .c-modal__content .content06 {
  padding: 0 2.2916666667vw;
}
.g-Area#area-Contents .l-main .c-modal__content .content07 {
  padding: 0;
}
.g-Area#area-Contents .l-main .c-modal__content .content08 {
  padding: 0;
}
.g-Area#area-Contents .l-main .c-modal__content .content09 {
  padding: 0 0.4166666667vw;
}
.g-Area#area-Contents .l-main .c-modal__content .content10 {
  padding: 0 0.9375vw;
}
.g-Area#area-Contents .l-main .c-modal__content .content11 {
  padding: 0 1.3020833333vw;
}
@media only screen and (max-width: 640px) {
  .g-Area#area-Contents .l-main .c-modal__content {
    padding: 3.59375vw 4.0625vw 3.125vw;
    border-radius: 3.125vw 0 3.125vw 0;
    font-size: 2.5vw;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content01 {
    padding: 0 3.125vw;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content02 {
    padding: 0 7.1875vw;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content03 {
    padding: 0 2.1875vw;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content04 {
    padding: 0;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content05 {
    padding: 0;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content06 {
    padding: 0 6.875vw;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content07 {
    padding: 0;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content08 {
    padding: 0;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content09 {
    padding: 0 1.25vw;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content10 {
    padding: 0 2.8125vw;
  }
  .g-Area#area-Contents .l-main .c-modal__content .content11 {
    padding: 0 3.90625vw;
  }
}