/* beauty slider
======================================================================================== */
.on-load.p-beautySlider {
  visibility: visible;
  opacity: 1;
}

.non-swiper.p-beautySlider {
  padding: 0;
}
.non-swiper.p-beautySlider .p-beautySlider__button {
  display: none;
}

.p-beautySlider {
  visibility: hidden;
  opacity: 0;
  position: relative;
  z-index: 0;
  padding: 0 40px;
}
.p-beautySlider__inner {
  position: relative;
  overflow: hidden;
}
.p-beautySlider__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;

  -webkit-box-align: start;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: justify;
  -ms-flex-align: start;
  -ms-flex-flow: row;
  -ms-flex-pack: justify;
}
.p-beautySlider__slide {
  flex-shrink: 0;

  -ms-flex-negative: 0;
}
.p-beautySlider__button {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  width: 40px;
  height: 100%;
  background-color: #ffffff;

  -webkit-transform: translateY(-50%);
}
.p-beautySlider__btnicon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;

  -webkit-transform: translateY(-50%);
}
.p-beautySlider__button,
.p-beautySlider__button * {
  cursor: pointer;
}
.p-beautySlider__button.-prev {
  left: 0;
}
.p-beautySlider__button.-prev .p-beautySlider__btnicon {
  left: 10px;
}
.p-beautySlider__button.-next {
  right: 0;
}
.p-beautySlider__button.-next .p-beautySlider__btnicon {
  right: 10px;
}

.p-beautyCate {
  display: block;
  width: 100%;
}
.p-beautyCate__inner {
  display: block;
  width: 100%;
}
.p-beautyCate__img + .p-beautyCate__txt {
  margin-top: 10px;
}
