@charset "UTF-8";
:root {
  --white: #fff;
  --black: #000;
  --text-main: #333;
  --bg-main: #fff;
  --line-color: #000;
  --font: kozuka-gothic-pr6n, sans-serif, 游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --font-en: adobe-garamond-pro, serif;
  --sans: 游明朝体, Yu Mincho, YuMincho;
  --pc-width: 986;
  --tb-width: 768;
  --sp-width: 750;
}

/*----------共通設定 pc----------*/
* {
  font-feature-settings: normal;
}

* > .lp__contener {
  font-family: var(--font);
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 62.5%;
}

/*----------共通設定 tablet----------*/
@media only screen and (min-width: 1200px) and (max-width: 768px) {
  /*html {
    //rem設定
    font-size: calc(10*(100vw / $pcwidth));
  }*/
}
/*----------共通設定 sp----------*/
@media only screen and (max-width: 767px) {
  /*html {
    //rem設定
    font-size: calc(10*(100vw / $spwidth));
  }*/
}
/*----------LP normalize SP----------*/
.lp__contener {
  max-width: 98.6rem;
  margin: 0 auto;
  font-family: var(--font);
}
.lp__contener * {
  box-sizing: border-box;
}
.lp__contener img {
  height: auto;
  opacity: 1;
  width: 100%;
}
.lp__contener a {
  text-decoration: none;
}
.lp__contener picture, .lp__contener a {
  display: block;
}
.lp__contener .spOnly {
  display: block;
}
.lp__contener .pcOnly {
  display: none;
}
.lp__contener p, .lp__contener ul, .lp__contenerol, .lp__contenerdl {
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .lp__contener .section__inner {
    max-width: 100%;
  }
  .lp__contener .pc_only {
    display: none;
  }
}

/*----------LP normalize PC----------*/
@media only screen and (min-width: 768px) {
  #Wrap {
    width: 100% !important;
  }
  .wrapTop, .wrapBottom {
    width: 100% !important;
  }
  .lp__contener .sp_only {
    display: none;
  }
  .lp__contener .section__inner {
    margin: 0 auto;
  }
  .lp__contener .mv__contener.section__inner {
    margin: 0 auto;
  }
}
/*----------装飾----------*/
.line-marker {
  text-align: center;
}
.line-marker span {
  position: relative;
  z-index: 0;
}
.line-marker span::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 1.4rem;
  background: #D6A69E;
  bottom: 0.4rem;
  padding: 0 1rem;
  left: -1rem;
  z-index: -1;
}

/*----------アニメーション----------*/
/*.lp_fadeUp {
  opacity: 0;
  transition: opacity 1s, transform 1s;
  transform: translateY(2rem);
}
.lp_fadeUp.fade-active {
  opacity: 1;
  transform: translateY(0rem);
}
.lp_fadein-load {
  opacity: 0;
  transition: opacity, 1s;
}
.lp_fadein-load.fade-active {
  opacity: 1;
}

.lp_fadein-load .mv__imgContener {
  opacity: 0;
  transition: opacity, 1s 2s;
}

.lp_fadein-load.fade-active .mv__imgContener {
  opacity: 1;
}

.lp_fadein-load .mv__logo {
  opacity: 0;
  transition: opacity, 1s 1s;
}

.lp_fadein-load.fade-active .mv__logo {
  opacity: 1;
}

.lp_fadein-load .mv__lead {
  opacity: 0;
  transition: opacity, 1s 2s;
}

.lp_fadein-load.fade-active .mv__lead {
  opacity: 1;
}

.lp_fadeIn.text__area::before, .lp_fadeIn.present__text._01::before, .lp_fadeIn.present__text._01::after, .lp_fadeIn.present__text._02::after {
  opacity: 0;
  transition: opacity 1s;
}

.lp_fadeIn.text__area::after {
  opacity: 0;
  transition: opacity 1s 0.5s;
}

@media only screen and (max-width: 767px) {
  .lp_fadeIn.text__area::after {
    opacity: 0;
    transition: opacity 1s 1s;
  }
}
.lp_fadeIn.fade-active.text__area::before, .lp_fadeIn.fade-active.text__area::after, .lp_fadeIn.fade-active.present__text._01::before, .lp_fadeIn.fade-active.present__text._01::after, .lp_fadeIn.fade-active.present__text._02::after {
  opacity: 1;
}*/
/*----------layout pc----------*/
.lp__contener {
  margin: 0 auto 20.2rem;
  /*----------mainTitle----------*/
  /*----------mv----------*/
  /*----------intro----------*/
  /*----------imageArea----------*/
  /*----------各コンテンツ pickUP__area ----------*/
  /*----------商品リスト----------*/
  /*----------商品リスト----------*/
}
.lp__contener a:hover {
  opacity: 0.8;
}
.lp__contener .section__inner {
  position: relative;
}
.lp__contener .sec__mainTitle {
  position: relative;
}
.lp__contener .sec__mainTitle .sec__mainTitleInner {
  display: block;
  width: 25.4rem;
  margin: 0 auto;
  background-color: #fff;
  color: #C0A36C;
  font-size: 3.9rem;
  font-family: var(--font-en);
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}
.lp__contener .sec__mainTitle .sec__mainTitleInner--rubi {
  display: block;
  width: 25.4rem;
  margin: 1rem auto 0;
  background-color: #fff;
  color: #C0A36C;
  font-size: 2.4rem;
  font-family: var(--font);
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}
.lp__contener .sec__mainTitle::after {
  display: block;
  position: absolute;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #C0A36C;
  z-index: 0;
}
.lp__contener .mv .section__inner {
  width: 100%;
}
.lp__contener .mv .mv__imgContener {
  width: 100%;
}
.lp__contener .intro {
  padding: 7rem 0 0 0;
  color: #4D4D4D;
  height: 83.5rem;
  background-image: url(..//img/pc_bg.jpg);
  background-size: cover;
  position: relative;
}
.lp__contener .intro .sec__mainTitle {
  margin: 0 auto;
}
.lp__contener .intro .sec__mainTitle .sec__mainTitleInner {
  display: block;
  color: #C0A36C;
  font-size: 3.9rem;
  font-weight: 600;
  font-family: var(--sans);
  line-height: 1.64;
  letter-spacing: 0.1em;
  width: 100%;
  background-color: transparent;
  text-align: center;
}
.lp__contener .intro .sec__mainTitle::after {
  display: none;
}
.lp__contener .intro .intro__lead {
  margin: 4rem 0 0 0;
  text-align: center;
  font-size: 1.9rem;
  line-height: 2.1;
  letter-spacing: 0.1em;
  color: #4D4D4D;
}
.lp__contener .intro .intro__lead .lead__small {
  font-size: 1.7rem;
}
.lp__contener .imageArea {
  width: 80.6rem;
  margin: 0 auto;
}
.lp__contener .pickUP__area {
  position: relative;
}
.lp__contener .pickUP__area .pickUP__itemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75.4rem;
  margin: 11.9rem auto 0;
}
.lp__contener .item__mainBlock {
  position: relative;
  margin: 14rem 0 0 0;
}
.lp__contener .item__mainBlock .section__inner {
  z-index: 1;
}
.lp__contener .itemWrap {
  width: 37.4rem;
  position: relative;
}
.lp__contener .itemWrap:nth-of-type(n+3) {
  margin-top: 11.3rem;
}
.lp__contener .itemWrap .pickUP__itemLink {
  pointer-events: none;
  position: relative;
}
.lp__contener .itemWrap .item__img {
  margin: 0 auto;
  width: 30rem;
  height: 30rem;
  transition: 0.5s;
}
.lp__contener .itemWrap .item__img:hover {
  opacity: 0.8;
}
.lp__contener .itemWrap .item__credit {
  width: 100%;
  margin: 2.5rem 0 0 0;
  text-align: center;
}
.lp__contener .itemWrap .item__credit .item__name {
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: 0.075em;
  text-align: center;
}
.lp__contener .itemWrap .item__icon {
  position: absolute;
  width: 9.3rem;
  height: 9.3rem;
  top: -2rem;
  right: 1.7rem;
}
.lp__contener .Skincare {
  margin: 24.4rem 0 0 0;
}
.lp__contener .Skincare .sec__mainTitle {
  width: 95rem;
  margin: 0 auto;
}
.lp__contener .Skincare .sec__mainTitle .sec__mainTitleInner {
  width: 38.5rem;
}
.lp__contener .Skincare .sec__mainTitle .sec__mainTitleInner--rubi {
  width: 38.5rem;
}
.lp__contener .Skincare .step__wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 15.5rem 0 0 12rem;
}
.lp__contener .Skincare .step__numList {
  position: relative;
}
.lp__contener .Skincare .step__numList::after {
  display: block;
  content: "";
  top: 0;
  left: 7.2rem;
  position: absolute;
  height: 86.3rem;
  width: 0.2rem;
  background-image: linear-gradient(to bottom, #C1A46C 0.3rem, transparent 0.3rem);
  background-size: 0.3rem 0.6rem;
  z-index: 0;
}
.lp__contener .Skincare .step__numList .step__num {
  width: 14.5rem;
  height: 5rem;
  border: none;
  border-radius: 5rem;
  margin: 11.6rem 0 0 0;
  font-size: 3rem;
  font-family: var(--sans);
  font-weight: 400;
  text-align: center;
  background-color: #C1A46C;
  color: #fff;
  position: relative;
  z-index: 2;
}
.lp__contener .Skincare .step__numList .step__num.step-01 {
  border: 1px solid #333333;
  background-color: #fff;
  margin: 0;
  color: #333;
}
.lp__contener .Skincare .step__textList {
  width: 30.5rem;
  margin: 0 0 0 4.3rem;
  position: relative;
}
.lp__contener .Skincare .step__textList .step__textItem {
  display: flex;
  flex-wrap: wrap;
}
.lp__contener .Skincare .step__textList .step-01 .step__categoryWrap {
  margin: 1rem 0 0 0;
}
.lp__contener .Skincare .step__textList .step-01 .step__categoryWrap .step__CategoryName {
  font-size: 2.4rem;
  color: #333333;
}
.lp__contener .Skincare .step__textList .step-02 .step__categoryWrap {
  margin: 13.4rem 0 0 0;
}
.lp__contener .Skincare .step__textList .step-06 .step__categoryWrap .step__itemName {
  line-height: 1.3;
  margin-top: 1.5rem;
}
.lp__contener .Skincare .step__textList .step__categoryWrap {
  margin: 8.8rem 0 0 0;
  letter-spacing: 0.075em;
}
.lp__contener .Skincare .step__textList .step__categoryWrap .step__CategoryName {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.326;
  color: #C1A46C;
}
.lp__contener .Skincare .step__textList .step__categoryWrap .step__itemName {
  margin: 1rem 0 0 0;
  font-size: 1.9rem;
  line-height: 1.947;
  letter-spacing: 0.075em;
  color: #1a1a1a;
}
.lp__contener .Skincare .step__imgList {
  width: 30.2rem;
  margin: 12.3rem 0 0 0;
}

@media only screen and (max-width: 767px) {
  main.contents .femmue_230317 {
    position: relative;
    left: -15px;
  }
  .mk-insert .femmue_230317 {
    position: relative;
    left: calc(-20 * (100vw/750)) !important;
  }
  /*----------layout sp----------*/
  .lp__contener {
    width: calc(750 * (100vw/750));
    margin: 0 auto calc(194 * (100vw/750));
    /*----------mainTitle----------*/
    /*----------mv----------*/
    /*----------intro----------*/
    /*----------imageArea----------*/
    /*----------各コンテンツ lineUP__area ----------*/
    /*----------商品リスト----------*/
    /*----------商品リスト----------*/
  }
  .lp__contener a:hover {
    opacity: 0.5;
  }
  .lp__contener .sec__mainTitle {
    text-align: center;
    width: calc(700 * (100vw/750));
    margin: 0 auto;
  }
  .lp__contener .mv .section__inner {
    padding: 0;
  }
  .lp__contener .mv .section__inner .mv__imgContener {
    width: 100%;
  }
  .lp__contener .intro {
    padding: calc(92 * (100vw/750)) 0 0 0;
    color: #4D4D4D;
    height: calc(1309 * (100vw/750));
  }
  .lp__contener .intro .sec__mainTitle .sec__mainTitleInner {
    display: block;
    margin: 0 auto;
    font-size: calc(39 * (100vw/750));
    line-height: 1.435;
  }
  .lp__contener .intro .intro__lead {
    margin: calc(77 * (100vw/750)) 0 0 0;
    font-size: calc(24 * (100vw/750));
    line-height: 2.041;
  }
  .lp__contener .intro .intro__lead .lead__small {
    display: block;
    font-size: calc(20 * (100vw/750));
    margin-top: calc(22 * (100vw/750));
  }
  .lp__contener .imageArea {
    width: calc(667 * (100vw/750));
    margin: 0 auto;
  }
  .lp__contener .pickUP__area {
    position: relative;
  }
  .lp__contener .pickUP__area .pickUP__itemList {
    width: calc(680 * (100vw/750));
    display: flex;
    flex-wrap: wrap;
    margin: calc(214 * (100vw/750)) auto 0;
  }
  .lp__contener .itemWrap {
    display: block;
    width: calc(320 * (100vw/750));
    position: relative;
  }
  .lp__contener .itemWrap:nth-of-type(n+3) {
    margin-top: calc(96 * (100vw/750));
  }
  .lp__contener .itemWrap:nth-of-type(n+3) .item__credit {
    margin: 0;
  }
  .lp__contener .itemWrap:nth-of-type(n+5) {
    margin-top: calc(115 * (100vw/750));
  }
  .lp__contener .itemWrap:nth-of-type(n+5) .item__img {
    height: calc(300 * (100vw/750));
  }
  .lp__contener .itemWrap:nth-of-type(n+5) .item__credit {
    margin: calc(10 * (100vw/750)) 0 0 0;
  }
  .lp__contener .itemWrap .item__img {
    margin: 0 auto;
    width: calc(320 * (100vw/750));
    height: calc(320 * (100vw/750));
  }
  .lp__contener .itemWrap .item__credit {
    width: 100%;
    padding: 0;
    margin: calc(10 * (100vw/750)) 0 0 0;
  }
  .lp__contener .itemWrap .item__credit .item__name {
    font-size: calc(21 * (100vw/750));
    line-height: 1.948;
    text-align: center;
    white-space: nowrap;
  }
  .lp__contener .itemWrap .item__icon {
    width: calc(93 * (100vw/750));
    height: calc(93 * (100vw/750));
    top: calc(-10 * (100vw/750));
    right: calc(-10 * (100vw/750));
  }
  .lp__contener .item__mainBlock {
    margin: calc(124 * (100vw/750)) 0 0 0;
    padding: 0 calc(25 * (100vw/750)) 0;
  }
  .lp__contener .item__mainBlock .sec__mainTitle {
    margin: 0;
  }
  .lp__contener .item__mainBlock .sec__mainTitle .sec__mainTitleInner {
    width: calc(248 * (100vw/750));
    font-size: calc(43 * (100vw/750));
  }
  .lp__contener .item__mainBlock .sec__mainTitle .sec__mainTitleInner--rubi {
    width: calc(248 * (100vw/750));
    font-size: calc(25 * (100vw/750));
    margin: calc(14 * (100vw/750)) auto 0;
  }
  .lp__contener .item__mainBlock .btn--productAll {
    width: calc(300 * (100vw/750));
    height: calc(60 * (100vw/750));
    line-height: calc(60 * (100vw/750));
    border-radius: calc(60 * (100vw/750));
    margin: calc(60 * (100vw/750)) auto 0;
    font-size: calc(17 * (100vw/750));
  }
  .lp__contener .Skincare {
    margin: calc(235 * (100vw/750)) 0 0 0;
  }
  .lp__contener .Skincare .sec__mainTitle {
    width: calc(700 * (100vw/750));
  }
  .lp__contener .Skincare .sec__mainTitle .sec__mainTitleInner {
    width: calc(386 * (100vw/750));
    font-size: calc(43 * (100vw/750));
  }
  .lp__contener .Skincare .sec__mainTitle .sec__mainTitleInner--rubi {
    width: calc(386 * (100vw/750));
    font-size: calc(25 * (100vw/750));
    margin: calc(14 * (100vw/750)) auto 0;
  }
  .lp__contener .Skincare .step__wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: calc(160 * (100vw/750)) 0 0 calc(44 * (100vw/750));
  }
  .lp__contener .Skincare .step__numList {
    position: relative;
  }
  .lp__contener .Skincare .step__numList::after {
    display: block;
    content: "";
    top: 0;
    left: calc(76 * (100vw/750));
    position: absolute;
    height: calc(927 * (100vw/750));
    background-image: linear-gradient(to bottom, #C1A46C calc(3 * (100vw/750)), transparent calc(3 * (100vw/750)));
    background-size: calc(3 * (100vw/750)) calc(6 * (100vw/750));
  }
  .lp__contener .Skincare .step__numList .step__num {
    width: calc(153 * (100vw/750));
    height: calc(53 * (100vw/750));
    border: none;
    border-radius: calc(53 * (100vw/750));
    margin: calc(122 * (100vw/750)) 0 0 0;
    font-size: calc(32 * (100vw/750));
  }
  .lp__contener .Skincare .step__textList {
    width: calc(250 * (100vw/750));
    margin: 0 0 0 calc(25 * (100vw/750));
    position: relative;
    z-index: 1;
  }
  .lp__contener .Skincare .step__textList .step__textItem {
    display: flex;
    flex-wrap: wrap;
  }
  .lp__contener .Skincare .step__textList .step__categoryWrap {
    margin: calc(97 * (100vw/750)) 0 0 0;
  }
  .lp__contener .Skincare .step__textList .step__categoryWrap .step__CategoryName {
    font-size: calc(24 * (100vw/750));
    font-weight: 500;
    line-height: 1.326;
    color: #C1A46C;
  }
  .lp__contener .Skincare .step__textList .step__categoryWrap .step__itemName {
    margin: calc(11 * (100vw/750)) 0 0 0;
    font-size: calc(19 * (100vw/750));
    line-height: 1.947;
  }
  .lp__contener .Skincare .step__textList .step-01 .step__categoryWrap {
    margin: 1.2rem 0 0 0;
  }
  .lp__contener .Skincare .step__textList .step-01 .step__categoryWrap .step__CategoryName {
    font-size: calc(24 * (100vw/750));
    color: #333333;
  }
  .lp__contener .Skincare .step__textList .step-02 .step__categoryWrap {
    margin: calc(142 * (100vw/750)) 0 0 0;
  }
  .lp__contener .Skincare .step__textList .step-05 .step__categoryWrap {
    margin: calc(57 * (100vw/750)) 0 0 0;
  }
  .lp__contener .Skincare .step__textList .step-05 .step__categoryWrap .step__itemName {
    line-height: 1.326;
    margin: calc(17 * (100vw/750)) 0 0 0;
  }
  .lp__contener .Skincare .step__textList .step-06 .step__categoryWrap {
    margin: calc(76 * (100vw/750)) 0 0 0;
  }
  .lp__contener .Skincare .step__textList .step-06 .step__categoryWrap .step__itemName {
    line-height: 1.326;
    margin: calc(17 * (100vw/750)) 0 0 0;
  }
  .lp__contener .Skincare .step__imgList {
    width: calc(298 * (100vw/750));
    margin: calc(154 * (100vw/750)) 0 0 0;
    position: absolute;
    right: calc(6 * (100vw/750));
    z-index: 0;
  }
}/*# sourceMappingURL=style.css.map */