@charset "utf-8";

/* 375_mobile */

.wrap {
  width: 100%;
  height: 100%;
  background: #FCF9F2;
  overflow: hidden;
}

header {
  width: 100%;
  height: 67px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

.header_center {
  width: 87%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.header_center h1 {
  width: 118px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.header_center h1 a {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../image/arrow/logo.png) no-repeat center/contain;
  text-indent: -9999rem;
}

.mbtn_open {
  width: 30px;
  height: 22px;
  background: url(../image/arrow/menu.png) no-repeat center/contain;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  text-indent: -9999rem;
  border: none;
}

nav {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #D4CCC2;
  z-index: 99;
  display: none;
}

.close {
  width: 30px;
  height: 30px;
  background: url(../image/arrow/close.png) no-repeat center/cover;
  cursor: pointer;
  position: absolute;
  top: 19px;
  right: 6.6%;
  text-indent: -9999rem;
  border: none;
}

.nav_l {
  width: 63.73%;
  height: 445px;
  position: absolute;
  top: 145px;
  left: 6.6%;
}

.nav_l li {
  font-size: 4rem;
  margin-top: 82px;
}

.nav_l li:first-child {
  margin: 0 auto;
}

.nav_l li a {
  color: #333;
}

/* header end */

.shop {
  width: 100%;
  height: 600px;
  margin-top: 67px;
  position: relative;
}

.shop a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/shop/shop_img.jpg) no-repeat center/cover;
  text-indent: -9999em;
}

.s_t {
  width: 437px;
  font-size: 6rem;
  position: absolute;
  top: 50%;
  left: 6.4%;
  transform: translateY(-50%);
  font-family: 'Marcellus', serif;
  fill: #fff;
  animation: s_t 3s forwards infinite;
}


@keyframes s_t {
  0% {
    stroke: #fff;
    stroke-dasharray: 0 50%;
    stroke-width: 1;
  }

  80% {
    fill: rgba(255, 255, 255, 0);
    stroke-width: 1;
  }

  100% {
    fill: rgba(255, 255, 255, 1);
    stroke: #fff;
    stroke-dashoffset: 55%;
    stroke-dasharray: 50% 0;
    stroke-width: 0;
  }
}

.perfumes {
  width: 100%;
  margin-top: 128px;
  position: relative;
}

.perfumes_center {
  width: 86.93%;
  margin: 0 auto;
}

.perfumes h3 {
  font-size: 3rem;
}

.underLine {
  width: 100%;
  border-bottom: 1px solid #333;
}

.perfumesimg_wrap {
  width: 100%;
}

.p_img {
  margin-top: 30px;
}

.p_img>a {
  width: 100%;
  height: 126px;
  display: block;
}

.p_t h4 {
  margin-top: 12px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.p_t span {
  display: block;
  font-size: 1.2rem;
  margin-top: 2px;
  text-align: center;
}

.price {
  padding-top: 14px;
  display: flex;
  justify-content: center;
}

.price p {
  font-size: 1.2rem;
  margin-top: 3px;
  font-weight: 700;
}

.price b {
  font-size: 1.6rem;
  margin-left: 1px;
}

.edp_thematcha26_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thematcha26_15.jpg) no-repeat center/cover;
}

.edp_thematcha26_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thematcha26_50.jpg) no-repeat center/cover;
}

.edp_thematcha26_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thematcha26_100.jpg) no-repeat center/cover;
}

.edp_thematcha26_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thematcha26_500.jpg) no-repeat center/cover;
}

.edp_santal33_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/santal33_15.jpg) no-repeat center/cover;
}

.edp_santal33_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/santal33_50.jpg) no-repeat center/cover;
}

.edp_santal33_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/santal33_100.jpg) no-repeat center/cover;
}

.edp_santal33_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/santal33_500.jpg) no-repeat center/cover;
}

.edp_another13_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/another13_15.jpg) no-repeat center/cover;
}

.edp_another13_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/another13_50.jpg) no-repeat center/cover;
}

.edp_another13_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/another13_100.jpg) no-repeat center/cover;
}

.edp_another13_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/another13_500.jpg) no-repeat center/cover;
}

.edp_thenoir29_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thenoir29_15.jpg) no-repeat center/cover;
}

.edp_thenoir29_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thenoir29_50.jpg) no-repeat center/cover;
}

.edp_thenoir29_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thenoir29_100.jpg) no-repeat center/cover;
}

.edp_thenoir29_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/thenoir29_500.jpg) no-repeat center/cover;
}

.edp_rose31_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/rose31_15.jpg) no-repeat center/cover;
}

.edp_rose31_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/rose31_50.jpg) no-repeat center/cover;
}

.edp_rose31_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/rose31_100.jpg) no-repeat center/cover;
}

.edp_rose31_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/rose31_500.jpg) no-repeat center/cover;
}

.edp_bergamote22_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/bergamote22_15.jpg) no-repeat center/cover;
}

.edp_bergamote22_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/bergamote22_50.jpg) no-repeat center/cover;
}

.edp_bergamote22_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/bergamote22_100.jpg) no-repeat center/cover;
}

.edp_bergamote22_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/bergamote22_500.jpg) no-repeat center/cover;
}

.edp_baie19_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/baie19_15.jpg) no-repeat center/cover;
}

.edp_baie19_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/baie19_50.jpg) no-repeat center/cover;
}

.edp_baie19_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/baie19_100.jpg) no-repeat center/cover;
}

.edp_baie19_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/baie19_500.jpg) no-repeat center/cover;
}

.edp_lys41_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/lys41_15.jpg) no-repeat center/cover;
}

.edp_lys41_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/lys41_50.jpg) no-repeat center/cover;
}

.edp_lys41_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/labdanum18_100.jpg) no-repeat center/cover;
}

.edp_lys41_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/labdanum18_500.jpg) no-repeat center/cover;
}

.edp_tonka25_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/tonka25_15.jpg) no-repeat center/cover;
}

.edp_tonka25_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/tonka25_50.jpg) no-repeat center/cover;
}

.edp_tonka25_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/tonka25_100.jpg) no-repeat center/cover;
}

.edp_tonka25_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/tonka25_500.jpg) no-repeat center/cover;
}

.edp_neroli36_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/neroli36_15.jpg) no-repeat center/cover;
}

.edp_neroli36_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/neroli36_50.jpg) no-repeat center/cover;
}

.edp_neroli36_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/neroli36_100.jpg) no-repeat center/cover;
}

.edp_neroli36_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/neroli36_500.jpg) no-repeat center/cover;
}

.edp_ylang49_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ylang49_15.jpg) no-repeat center/cover;
}

.edp_ylang49_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ylang49_50.jpg) no-repeat center/cover;
}

.edp_ylang49_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ylang49_100.jpg) no-repeat center/cover;
}

.edp_ylang49_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ylang49_500.jpg) no-repeat center/cover;
}

.edp_fleurdoranger27_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/fleurdoranger27_15.jpg) no-repeat center/cover;
}

.edp_fleurdoranger27_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/fleurdoranger27_50.jpg) no-repeat center/cover;
}

.edp_fleurdoranger27_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/fleurdoranger27_100.jpg) no-repeat center/cover;
}

.edp_fleurdoranger27_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/fleurdoranger27_500.jpg) no-repeat center/cover;
}

.edp_patchouli24_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/patchouli24_15.jpg) no-repeat center/cover;
}

.edp_patchouli24_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/patchouli24_50.jpg) no-repeat center/cover;
}

.edp_patchouli24_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/patchouli24_100.jpg) no-repeat center/cover;
}

.edp_patchouli24_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/patchouli24_500.jpg) no-repeat center/cover;
}

.edp_labdanum18_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/labdanum18_15.jpg) no-repeat center/cover;
}

.edp_labdanum18_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/labdanum18_50.jpg) no-repeat center/cover;
}

.edp_labdanum18_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/labdanum18_100.jpg) no-repeat center/cover;
}

.edp_labdanum18_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/labdanum18_500.jpg) no-repeat center/cover;
}

.edp_jasmin17_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/jasmin17_15.jpg) no-repeat center/cover;
}

.edp_jasmin17_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/jasmin17_50.jpg) no-repeat center/cover;
}

.edp_jasmin17_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/jasmin17_100.jpg) no-repeat center/cover;
}

.edp_jasmin17_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/jasmin17_500.jpg) no-repeat center/cover;
}

.edp_vetiver46_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/vetiver46_15.jpg) no-repeat center/cover;
}

.edp_vetiver46_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/vetiver46_50.jpg) no-repeat center/cover;
}

.edp_vetiver46_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/vetiver46_100.jpg) no-repeat center/cover;
}

.edp_vetiver46_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/vetiver46_500.jpg) no-repeat center/cover;
}

.edp_ambrette9_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ambrtte9_15.jpg) no-repeat center/cover;
}

.edp_ambrette9_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ambrtte9_50.jpg) no-repeat center/cover;
}

.edp_ambrette9_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ambrtte9_100.jpg) no-repeat center/cover;
}

.edp_ambrette9_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/ambrtte9_500.jpg) no-repeat center/cover;
}

.edp_iris39_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/iris39_15.jpg) no-repeat center/cover;
}

.edp_iris39_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/iris39_50.jpg) no-repeat center/cover;
}

.edp_iris39_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/iris39_100.jpg) no-repeat center/cover;
}

.edp_iris39_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/iris39_500.jpg) no-repeat center/cover;
}

.edp_oud27_15 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/oud27_15.jpg) no-repeat center/cover;
}

.edp_oud27_50 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/oud27_50.jpg) no-repeat center/cover;
}

.edp_oud27_100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/oud27_100.jpg) no-repeat center/cover;
}

.edp_oud27_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/perfumes/oud27_500.jpg) no-repeat center/cover;
}


.per_lbtn {
  background: url(../image/arrow/arrow_left.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

.per_rbtn {
  background: url(../image/arrow/arrow_right.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

button.shop_btn.per_lbtn.swiper-button-prev {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  left: 2.93%;
  z-index: 1;
}

button.shop_btn.per_rbtn.swiper-button-next {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  right: 2.93%;
  z-index: 1;
}

/* perfumes end */

.candles {
  width: 100%;
  margin-top: 79px;
  position: relative;
}

.candles_center {
  width: 86.93%;
  margin: 0 auto;
}

.candles h3 {
  font-size: 3rem;
}

.candlesimg_wrap {
  width: 100%;
}

.c_img {
  margin-top: 30px;
}

.c_img>a {
  width: 100%;
  height: 126px;
  display: block;
}

.c_t h4 {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.c_t span {
  display: block;
  font-size: 1.2rem;
  margin-top: 3px;
  text-align: center;
}

.c_santal {
  width: 100%;
  height: 100%;
  background: url(../image/shop/candles/SANTAL_26_245.jpg) no-repeat center/cover;
}

.conc1 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/candles/SANTAL_26_127.jpg) no-repeat center/cover;
}

.conc2 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/candles/SANTAL_26_1.2.jpg) no-repeat center/cover;
}

.conc3 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/candles/votives_59.5.jpg) no-repeat center/cover;
}

.can_lbtn {
  background: url(../image/arrow/arrow_left.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

.can_rbtn {
  background: url(../image/arrow/arrow_right.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

button.shop_btn.can_lbtn.swiper-button-prev {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  left: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

button.shop_btn.can_rbtn.swiper-button-next {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  right: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

/* candles end */

.skin {
  width: 100%;
  margin-top: 79px;
  position: relative;
}

.skin_center {
  width: 86.93%;
  margin: 0 auto;
}

.skin h3 {
  font-size: 3rem;
}

.skinimg_wrap {
  width: 100%;
}

.skin_imgwrapper {
  width: 100%;
}

.sk_img {
  margin-top: 30px;
}

.sk_img>a {
  width: 100%;
  height: 126px;
  display: block;
}

.sk_t h4 {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.sk_t span {
  display: block;
  font-size: 1.2rem;
  margin-top: 3px;
  text-align: center;
}

.bodycream60 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/bodycream_basil_60.jpg) no-repeat center/cover;
}

.bodycream250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/bodycream_basil_250.jpg) no-repeat center/cover;
}

.facelotion {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/face_60ml.jpg) no-repeat center/cover;
}

.handpomade55 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/hand_pomade_basil_55.jpg) no-repeat center/cover;
}

.handpomade100 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/hand_pomade_basil_100.jpg) no-repeat center/cover;
}

.handlotion250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/handlotion_basil_250.jpg) no-repeat center/cover;
}

.handlotion500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/handlotion_basil_500.jpg) no-repeat center/cover;
}

.body_lotion {
  width: 100%;
  height: 100%;
  background: url(../image/shop/skincare/BL_Santal33.jpg) no-repeat center/cover;
}

.skin_lbtn {
  background: url(../image/arrow/arrow_left.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

.skin_rbtn {
  background: url(../image/arrow/arrow_right.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

button.shop_btn.skin_lbtn.swiper-button-prev {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  left: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

button.shop_btn.skin_rbtn.swiper-button-next {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  right: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

/* skin care end*/

.shower {
  width: 100%;
  margin-top: 79px;
  position: relative;
}

.shower_center {
  width: 86.93%;
  margin: 0 auto;
}

.shower h3 {
  font-size: 3rem;
}

.showerimg_wrap {
  width: 100%;
}

.shower_imgwrapper {
  width: 100%;
}

.sh_img {
  margin-top: 30px;
}

.sh_img>a {
  width: 100%;
  height: 126px;
  display: block;
}

.sh_t h4 {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.sh_t span {
  display: block;
  font-size: 1.2rem;
  margin-top: 3px;
  text-align: center;
}

.shower85 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/showergel_basil_85.jpg) no-repeat center/cover;
}

.shower250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/showergel_basil_250.jpg) no-repeat center/cover;
}

.shower500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/showergel_basil_500.jpg) no-repeat center/cover;
}

.perfumingshower237 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/perfumingshowergel_matcha26_237.jpg) no-repeat center/cover;
}

.showeroil_250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/showeroil_250.jpg) no-repeat center/cover;
}

.perfumingbodybarsoap_225 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/perfumingbodybarsoap_225.jpg) no-repeat center/cover;
}

.bodyscrub_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/bodyscrub_500.jpg) no-repeat center/cover;
}

.bodyoil_120 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/perfumingbodyoil_120.jpg) no-repeat center/cover;
}

.shampoo_basil_85 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/shampoo_basil_85.jpg) no-repeat center/cover;
}

.shampoo_basil_250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/shampoo_basil_250.jpg) no-repeat center/cover;
}

.shampoo_basil_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/shampoo_basil_500.jpg) no-repeat center/cover;
}

.scrubshampoo_basil_250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/scrubshampoo_basil_250.jpg) no-repeat center/cover;
}

.perfumingshampoo_santal33_237 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/perfumingshampoo_santal33_237.jpg) no-repeat center/cover;
}

.conditioner_basil_85 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/conditioner_basil_85.jpg) no-repeat center/cover;
}

.conditioner_basil_250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/conditioner_basil_250.jpg) no-repeat center/cover;
}

.perfumingconditioner_237 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/perfumingconditioner_santal33_237.jpg) no-repeat center/cover;
}

.hairmask_250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/hairmask_250.jpg) no-repeat center/cover;
}

.facemask_125 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/facemask_125.jpg) no-repeat center/cover;
}

.facescrub_125 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/facescrub_125.jpg) no-repeat center/cover;
}

.facecleansingoil_125 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/facecleansingoil_125.jpg) no-repeat center/cover;
}

.handsoap_basil_250 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/handsoap_basil_250.jpg) no-repeat center/cover;
}

.handsoap_basil_500 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/handsoap_basil_500.jpg) no-repeat center/cover;
}

.handsoap_basil_1000 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/shower/handsoap_basil_1000.jpg) no-repeat center/cover;
}

.shower_lbtn {
  background: url(../image/arrow/arrow_left.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

.shower_rbtn {
  background: url(../image/arrow/arrow_right.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

button.shop_btn.shower_lbtn.swiper-button-prev {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  left: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

button.shop_btn.shower_rbtn.swiper-button-next {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  right: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

/* skin care end */

.grooming {
  width: 100%;
  margin-top: 79px;
  position: relative;
}

.grooming_center {
  width: 86.93%;
  margin: 0 auto;
}

.grooming h3 {
  font-size: 3rem;
}

.groomingimg_wrap {
  width: 100%;
}

.g_img {
  margin-top: 30px;
}

.g_img>a {
  width: 100%;
  height: 126px;
  display: block;
}

.g_t h4 {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.g_t span {
  display: block;
  font-size: 1.2rem;
  margin-top: 3px;
  text-align: center;
}

.g_facelotion {
  width: 100%;
  height: 100%;
  background: url(../image/shop/grooming/facelotion.jpg) no-repeat center/cover;
}

.multibalm {
  width: 100%;
  height: 100%;
  background: url(../image/shop/grooming/multipurposebalm.jpg) no-repeat center/cover;
}

.deodorant {
  width: 100%;
  height: 100%;
  background: url(../image/shop/grooming/deodorant.jpg) no-repeat center/cover;
}

.shavingcream {
  width: 100%;
  height: 100%;
  background: url(../image/shop/grooming/shavingcream.jpg) no-repeat center/cover;
}

.aftershavebalm {
  width: 100%;
  height: 100%;
  background: url(../image/shop/grooming/aftershavebalm.jpg) no-repeat center/cover;
}

.stylingconcrete {
  width: 100%;
  height: 100%;
  background: url(../image/shop/grooming/styleconcrete.jpg) no-repeat center/cover;
}

.beardoil {
  width: 100%;
  height: 100%;
  background: url(../image/shop/grooming/beardoil.jpg) no-repeat center/cover;
}

.groom_lbtn {
  background: url(../image/arrow/arrow_left.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

.groom_rbtn {
  background: url(../image/arrow/arrow_right.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

button.shop_btn.groom_lbtn.swiper-button-prev {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  left: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

button.shop_btn.groom_rbtn.swiper-button-next {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  right: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

/* grooming end */

.lifestyle {
  width: 100%;
  margin-top: 79px;
  position: relative;
}

.lifestyle_center {
  width: 86.93%;
  margin: 0 auto;
}

.lifestyle h3 {
  font-size: 3rem;
}

.lifestyleimg_wrap {
  width: 100%;
}

.l_img {
  margin-top: 30px;
}

.l_img>a {
  width: 100%;
  height: 126px;
  display: block;
}

.l_t h4 {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.l_t span {
  display: block;
  font-size: 1.2rem;
  margin-top: 3px;
  text-align: center;
}

.homefregrance {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/homefregrance_100.jpg) no-repeat center/cover;
}

.deffuseroil {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/deffuseroil_30.jpg) no-repeat center/cover;
}

.deffuserbulb {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/diffuserbulb.jpg) no-repeat center/cover;
}

.smalldiffuser {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/smalldeffuser.jpg) no-repeat center/cover;
}

.notebook {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/santal26_notebook.jpg) no-repeat center/cover;
}

.designbook {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/wabisabibook.jpg) no-repeat center/cover;
}

.waxedtotebag {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/waxedcanvastotebbag.jpg) no-repeat center/cover;
}

.denimtotebag {
  width: 100%;
  height: 100%;
  background: url(../image/shop/lifestyle/denimtotebag.jpg) no-repeat center/cover;
}

.life_lbtn {
  background: url(../image/arrow/arrow_left.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

.life_rbtn {
  background: url(../image/arrow/arrow_right.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

button.shop_btn.life_lbtn.swiper-button-prev {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  left: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

button.shop_btn.life_rbtn.swiper-button-next {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  right: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

/* grooming end */

.discovery_travel {
  width: 100%;
  margin: 79px 0 128px;
  position: relative;
}

.dt_center {
  width: 86.93%;
  margin: 0 auto;
}

.discovery_travel h3 {
  font-size: 3rem;
}

.dtimg_wrap {
  width: 100%;
}

.dt_img {
  margin-top: 30px;
}

.dt_img>a {
  width: 100%;
  height: 126px;
  display: block;
}

.dt_t h4 {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.dt_t span {
  display: block;
  font-size: 1.2rem;
  margin-top: 3px;
  text-align: center;
}

.discovery {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/discovery_thematcha26_1.5.jpg) no-repeat center/cover;
}

.discoveryset_5 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/discoveryset.jpg) no-repeat center/cover;
}

.discoveryset_17 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/discoveryset17.jpg) no-repeat center/cover;
}

.citydiscovery {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/citydiscovery_myrrhe55_1.5.jpg) no-repeat center/cover;
}

.citydiscovery_5 {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/citydiscoveryset.jpg) no-repeat center/cover;
}

.homefregrancediscovery {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/homefregrancediscovery_santal26_1.5.jpg) no-repeat center/cover;
}

.discoverysoap {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/discoverybarsoap.jpg) no-repeat center/cover;
}

.discoverycandle {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/discoverycandle.jpg) no-repeat center/cover;
}

.liquidbalm {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/liquidbalm_thematcha26_9.jpg) no-repeat center/cover;
}

.traveltube {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/traveltuberefill_thematcha26_10.jpg) no-repeat center/cover;
}

.traveltubecase {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/traveltubecase.jpg) no-repeat center/cover;
}

.b_travelset {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/bodytrableset_hinoki.jpg) no-repeat center/cover;
}

.bh_travelset {
  width: 100%;
  height: 100%;
  background: url(../image/shop/discovery/body_hair_travelset_santal33.jpg) no-repeat center/cover;
}

.dt_lbtn {
  background: url(../image/arrow/arrow_left.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

.dt_rbtn {
  background: url(../image/arrow/arrow_right.png) no-repeat center/contain;
  border: none;
  text-indent: -9999em;
}

button.shop_btn.dt_lbtn.swiper-button-prev {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  left: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

button.shop_btn.dt_rbtn.swiper-button-next {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 56%;
  right: 2.93%;
  transform: translateY(-50%);
  z-index: 1;
}

/* dt end */

.footer_bg {
  width: 100%;
  background: #252120;
  position: relative;
}

.footer_center {
  width: 86.93%;
  margin: 0 auto;
  padding: 120px 0;
}

.f_l {
  float: left;
}

.f_menu {
  font-size: 1.5rem;
}

.f_menu>li {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 29px;
}

.f_menu>li:nth-of-type(1) {
  margin-top: 0;
}

.f_menu>li>a {
  color: #fff;
}

.f_sub {
  display: none;
}

.f_r {
  width: 238px;
  float: right;
  margin-top: 105px;
}

.sns {
  text-indent: -9999rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.insta {
  width: 30px;
  height: 30px;
  background: url(../image/arrow/instagram.png) no-repeat center/cover;
}

.bcorp {
  width: 40px;
  height: 58px;
  background: url(../image/arrow/bcorporation.png) no-repeat center/cover;
  margin-left: 21px;
}

.copy {
  float: right;
}

.copy p {
  color: #fff;
  font-size: 1.5rem;
}

/* mobile end */

@media screen and (min-width: 1750px) {

  /* 1920_pc */

  header {
    height: 100px;
    background: #fff;
    z-index: 99;
  }

  .header_center {
    width: 1690px;
  }

  .header_center h1 {
    width: 220px;
    height: 90px;
  }

  .mbtn_open {
    width: 62px;
    height: 40px;
    background: url(../image/arrow/menu.png) no-repeat center/contain;
  }

  .close {
    width: 53px;
    height: 53px;
    background: url(../image/arrow/close.png) no-repeat center/contain;
    display: block;
    position: absolute;
    top: 26px;
    right: 5.98%;
  }

  .nav_l {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #D4CCC2;
  }

  .nav_l>ul {
    margin-top: 120px;
    margin-left: 11.97%;
  }

  .nav_l li {
    font-size: 8rem;
    margin-top: 96px;
  }

  .nav_l li>a {
    color: #fff;
  }

  .nav_l li:hover a {
    color: #333;
  }

  /* header end */

  .shop {
    height: 840px;
    margin-top: 100px;
  }

  .s_t {
    width: 480px;
    font-size: 18rem;
    position: absolute;
    top: 50%;
    left: 5.98%;
    transform: translateY(-50%);
  }

  .perfumes {
    margin-top: 200px;
  }

  .perfumes_center {
    width: 1690px;
  }

  .perfumes h3 {
    font-size: 8rem;
  }

  .perfumesimg_wrap {
    width: 1690px;
  }

  .p_img {
    margin-top: 166px;
  }

  .p_img>a {
    height: 500px;
  }

  .p_img:hover .p_inner {
    display: block;
  }

  .p_inner {
    display: none;
  }

  .p_t {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .p_t h4 {
    font-size: 3.6rem;
    color: #fff;
  }

  .p_t span {
    font-size: 3.2rem;
    margin-top: 5px;
    color: #fff;
  }

  .price {
    margin-top: 25px;
    padding-top: 2px;
    color: #fff;
  }

  .price p {
    font-size: 3.4rem;
    margin-top: 7px;
  }

  .price b {
    font-size: 4rem;
    margin: 3px 0px 0px 3px;
  }

  button.shop_btn.per_lbtn.swiper-button-prev {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    left: 2.9%;
  }

  button.shop_btn.per_rbtn.swiper-button-next {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    right: 2.93%;
  }

  .black {
    width: 100%;
    height: 500px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
  }

  /* perfumes end */

  .candles {
    margin-top: 200px;
  }

  .candles_center {
    width: 1690px;
  }

  .candles h3 {
    font-size: 8rem;
  }

  .c_img {
    margin-top: 166px;
  }

  .c_img>a {
    height: 500px;
  }

  .c_img:hover .c_inner {
    display: block;
  }

  .c_inner {
    display: none;
  }

  .c_t {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
  }

  .c_t h4 {
    font-size: 3.6rem;
    color: #fff;
  }

  .c_t span {
    font-size: 3.2rem;
    margin-top: 5px;
    color: #fff;
  }

  button.shop_btn.can_lbtn.swiper-button-prev {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    left: 2.93%;
  }

  button.shop_btn.can_rbtn.swiper-button-next {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    right: 2.93%;
  }

  /* candles end */

  .skin {
    margin-top: 200px;
  }

  .skin_center {
    width: 1690px;
  }

  .skin h3 {
    font-size: 8rem;
  }

  .sk_img {
    margin-top: 166px;
  }

  .sk_img>a {
    height: 500px;
  }

  .sk_img:hover .sk_inner {
    display: block;
  }

  .sk_inner {
    display: none;
  }

  .sk_t {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .sk_t h4 {
    font-size: 3.6rem;
    color: #fff;
  }

  .sk_t span {
    font-size: 3.2rem;
    margin-top: 5px;
    color: #fff;
  }

  button.shop_btn.skin_lbtn.swiper-button-prev {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    left: 2.93%;
  }

  button.shop_btn.skin_rbtn.swiper-button-next {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    right: 2.93%;
  }

  /* skin care end*/

  .shower {
    margin-top: 200px;
  }

  .shower_center {
    width: 1690px;
  }

  .shower h3 {
    font-size: 8rem;
  }

  .sh_img {
    margin-top: 166px;
  }

  .sh_img>a {
    height: 500px;
  }

  .sh_img:hover .sh_inner {
    display: block;
  }

  .sh_inner {
    display: none;
  }

  .sh_t {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .sh_t h4 {
    font-size: 3.6rem;
    font-weight: 700;
    color: #fff;
  }

  .sh_t span {
    font-size: 3.2rem;
    margin-top: 5px;
    color: #fff;
  }

  button.shop_btn.shower_lbtn.swiper-button-prev {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    left: 2.93%;
  }

  button.shop_btn.shower_rbtn.swiper-button-next {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    right: 2.93%;
  }

  /* skin care end */

  .grooming {
    margin-top: 200px;
  }

  .grooming_center {
    width: 1690px;
  }

  .grooming h3 {
    font-size: 8rem;
  }

  .g_img {
    margin-top: 166px;
  }

  .g_img>a {
    height: 500px;
  }

  .g_img:hover .g_inner {
    display: block;
  }

  .g_inner {
    display: none;
  }

  .g_t {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .g_t h4 {
    font-size: 3.6rem;
    color: #fff;
  }

  .g_t span {
    font-size: 3.2rem;
    margin-top: 5px;
    color: #fff;
  }

  button.shop_btn.groom_lbtn.swiper-button-prev {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    left: 2.93%;
  }

  button.shop_btn.groom_rbtn.swiper-button-next {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    right: 2.93%;
  }

  /* grooming end */

  .lifestyle {
    margin-top: 200px;
  }

  .lifestyle_center {
    width: 1690px;
  }

  .lifestyle h3 {
    font-size: 8rem;
  }

  .l_img {
    margin-top: 166px;
  }

  .l_img a {
    height: 500px;
  }

  .l_img:hover .l_inner {
    display: block;
  }

  .l_inner {
    display: none;
  }

  .l_t {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .l_t h4 {
    font-size: 3.6rem;
    color: #fff;
  }

  .l_t span {
    font-size: 3.2rem;
    margin-top: 5px;
    color: #fff;
  }

  button.shop_btn.life_lbtn.swiper-button-prev {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    left: 2.93%;
  }

  button.shop_btn.life_rbtn.swiper-button-next {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    right: 2.93%;
  }

  /* grooming end */

  .discovery_travel {
    margin: 280px 0;
  }

  .dt_center {
    width: 1690px;
  }

  .discovery_travel h3 {
    font-size: 8rem;
  }

  .dt_img {
    margin-top: 166px;
  }

  .dt_img>a {
    height: 500px;
  }

  .dt_img:hover .dt_inner {
    display: block;
  }

  .dt_inner {
    display: none;
  }

  .dt_t {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .dt_t h4 {
    font-size: 3.6rem;
    color: #fff;
  }

  .dt_t span {
    font-size: 3.2rem;
    margin-top: 5px;
    color: #fff;
  }

  button.shop_btn.dt_lbtn.swiper-button-prev {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    left: 2.93%;
  }

  button.shop_btn.dt_rbtn.swiper-button-next {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 68%;
    right: 2.93%;
  }

  /* dt end */

  .footer_center {
    width: 1690px;
    padding: 136px 0;
  }

  .f_menu {
    font-size: 2rem;
    display: flex;
    justify-content: space-around;
  }

  .f_menu>li {
    width: auto;
    margin-top: 0;
    margin-left: 207px;
  }

  .f_menu>li:first-child {
    margin-left: 0;
  }

  .f_menu>li:nth-of-type(1) {
    margin-top: 0;
  }

  .f_sub {
    display: block;
  }

  .f_sub a {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 17px;
    color: #fff;
    font-size: 1.6rem;
  }

  .f_r {
    width: 384px;
    margin-top: 70px;
  }

  .insta {
    width: 40px;
    height: 40px;
    background: url(../image/arrow/instagram.png) no-repeat center/cover;
  }

  .bcorp {
    width: 50px;
    height: 73px;
    background: url(../image/arrow/bcorporation.png) no-repeat center/cover;
  }

  .copy p {
    font-size: 2.4rem;
  }

}