@charset "UTF-8";


.l-product{color:#30353A;}
.l-product .l-header{opacity:1;top:0;}

.l-product p{font-size:14px;letter-spacing:0.04em;}
.l-product .pflex{display:flex;justify-content:space-between;align-items:center;}
.w63p{width:63%;}
.w54p{width:54%;}
.w50p{width:50%;}
.w45p{width:45%;}
.w40p{width:40%;}
.w38p{width:38%;}
.w27p{width:27%;}
picture img{width:100%;height:auto;}
.l-product p.annote{font-size:10px;color:#575452;}
.l-product sup{font-size:60%;}

.flexL,
.flexR{opacity:0;transform:translateY(20px);transition:transform 1s ease,opacity .3s ease;}
.flexL.is_view,
.flexR.is_view{opacity:1;transform:translateY(0)}
.p-productTop .flexL,
.p-productTop .flexR{opacity:1;}


.p-productTop{background:#fff;padding:120px 4%;}
.p-productTop h2{margin:0 auto 20px;}
.p-productTop .pflex .flexL{position:relative;width: 543px;max-width:46%;height: 406px;border: 1px solid #D6D0CB;border-radius: 6px;}
#product1 .p-productTop .pflex .flexL{background: linear-gradient(134.93deg, #DFD8D4 11.19%, #FFFFFF 90.53%);}
#product2 .p-productTop .pflex .flexL{background: linear-gradient(134.93deg, #F9E4E1 11.19%, #FFFFFF 90.53%);}
#product3 .p-productTop .pflex .flexL{background: linear-gradient(134.92deg, #E2EFE7 11.19%, #FFFFFF 90.53%);}
#product4 .p-productTop .pflex .flexL{background: linear-gradient(134.92deg, #FDF2E2 11.19%, #FFFFFF 90.53%);}
.p-productTop .pflex .flexL img{width: 160px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.p-productTop .pflex .flexR{width:705px;max-width:50%;}
.p-productTop .pflex .flexR h2 img{height:40px;margin-right:20px;width:auto;filter: brightness(0) saturate(100%) invert(18%) sepia(6%) saturate(870%) hue-rotate(169deg) brightness(100%) contrast(92%);}
.p-productTop .price{font-size:11px;letter-spacing:0.1em;}
.p-productTop .price .price{font-size:24px;letter-spacing:0.1em;}
.p-productTop .price + p{margin-top:1em;}
.p-productTop ul.points{display:flex;justify-content:space-between;margin:20px auto;}
.p-productTop ul.points li{width:32%;font-size:16px;text-align:center;padding:9px 0;border-radius:4px;}
#product1 .p-productTop ul.points li{background:#F5F2F0;width:24%;}
#product2 .p-productTop ul.points li{background:#FEECEF;}
#product3 .p-productTop ul.points li{background:#E2EFE7;}
#product4 .p-productTop ul.points li{background:#FDF8EF;}
.p-productTop .rate{margin-top:20px;}
.p-productTop .rate img{width:15px;height:auto;vertical-align: text-top;margin-right:3px;}
#product3 .p-productTop .rate img{filter: brightness(0) saturate(100%) invert(57%) sepia(44%) saturate(243%) hue-rotate(102deg) brightness(88%) contrast(89%);}
#product4 .p-productTop .rate img{filter: brightness(0) saturate(100%) invert(74%) sepia(58%) saturate(317%) hue-rotate(348deg) brightness(94%) contrast(90%);}
@media screen and (max-width: 1300px) {
  #product4 .p-productTop .pflex .flexR h2 img{display:block;margin-bottom:0.5em;}
}
@media screen and (max-width: 1200px) {
  #product2 .p-productTop .pflex .flexR h2 img{display:block;margin-bottom:0.5em;}
  #product3 .p-productTop .pflex .flexR h2 img{display:block;margin-bottom:0.5em;}
}
@media screen and (max-width: 850px) {
  .p-productTop{padding:100px 5%;}
  .p-productTop .pflex{flex-wrap:wrap;}
  .p-productTop .pflex .flexL{width:100%;height:240px;max-width:100%;}
  .p-productTop .pflex .flexL img{width:25%;max-width:100px;}
  .p-productTop .pflex .flexR{width:100%;max-width:100%;margin-top:32px;}
  .p-productTop .pflex .flexR h2 img{height:28px;display:block;margin-bottom:0.5em;}
  .p-productTop ul.points{justify-content:start;flex-wrap:wrap;}
  .p-productTop ul.points li{font-size:12px;width:initial;margin-right:3px;padding:6px 8px;margin-bottom:1%;}
  #product1 .p-productTop ul.points li{width:initial;margin-right:1%;}
}


.p-productModel{padding:80px 120px;}
#product1 .p-productModel{background: linear-gradient(134.93deg, #DFD8D4 11.19%, #FFFFFF 90.53%);}
#product2 .p-productModel{background: linear-gradient(134.93deg, #F9E4E1 11.19%, #FFFFFF 90.53%);}
#product3 .p-productModel{background: linear-gradient(134.92deg, #E2EFE7 11.19%, #FFFFFF 90.53%);}
#product4 .p-productModel{background: linear-gradient(134.92deg, #FDF2E2 11.19%, #FFFFFF 90.53%);}
.p-productModel_wrap,
.p-productFeature_wrap{margin:0 auto;max-width:1104px;}
.p-productModel h2{position:relative;padding-bottom:18px;}
.p-productModel h2:after{content: "";width:16px;height: 1px;background: #9A938F;position: absolute;left: 0;bottom: 0;}
.p-productModel h2 img{height:14px;position:relative;}
.p-productModel h3{font-size:40px;letter-spacing:0.04em;line-height:2em;margin-top:1em;}
#product1 .p-productModel h3{line-height:1.5em;margin-bottom:1em;font-size:32px;}
.p-productModel h3 img{width: 60px;vertical-align: baseline;margin-right:0.7em;}
.p-productModel .image .w27p{width:34%;}
.p-productModel .image .flexR img{border-radius:6px;}
.p-productModel .moisture .w45p{width:52%;}
.p-productModel .moisture .w38p{width:43%;}
.p-productModel .moisture,
.p-productFeature .moisture{background:#fff;max-width:1104px;padding:60px;margin-top:80px;border-radius:6px;}
.p-productFeature .moisture{padding:60px 0;}
.p-productModel .moisture h4,
.p-productFeature .moisture h4{font-size:24px;letter-spacing:0.1em;}
.p-productModel .moisture h5{font-size:32px;letter-spacing:0.075em;}
.p-productModel .moisture img,
.p-productFeature .moisture img,
.p-productModel .hair img{width:100%;height:auto;}
.p-productModel .moisture img + p.annote,
.p-productFeature .moisture img + p.annote{margin-top:2em;}
.p-productModel .hair{margin:80px auto;}
.p-productModel .hair h4{font-size:30px;letter-spacing:0.075em;}
.p-productModel .hair p{margin-top:1.5em;}
#product1 ul.feature{display:flex;justify-content:space-between;margin-top:30px;}
#product1 ul.feature li{width:32%;}
#product1 .p-productFeature{padding:40px 120px 80px;background:#fff;}
#product1 .p-productFeature .moisture + .moisture{margin-top:0;padding-top:0;}
#product1 .p-productFeature .moisture h4 img{width:28px;vertical-align: middle;margin: 0 0.5em;}
#product1 .p-productFeature .moisture p{margin:1.5em auto;}



@media screen and (max-width: 850px) {
  .p-productModel{padding:80px 5% 40px;}
  .p-productModel .pflex{flex-wrap:wrap;margin:40px auto;}
  .p-productModel .image .w27p,
  .p-productModel .moisture .w45p,
  .p-productModel .moisture .w38p,
  .p-productModel .pflex .w27p,
  .p-productModel .pflex .w38p,
  .p-productModel .pflex .w40p,
  .p-productModel .pflex .w45p,
  .p-productModel .pflex .w50p,
  .p-productModel .pflex .w54p,
  .p-productModel .pflex .w63p,
  .p-productFeature .pflex .w45p,
  .p-productFeature .pflex .w50p{width:100%;}
  .p-productModel h3,
  #product1 .p-productModel h3{font-size:22px;}
  .p-productModel h3 img{width:36px;}
  .p-productModel h3 br{display:none;}
  .p-productModel .image .flexR img{margin-top:32px;}
  .p-productModel .moisture{padding:30px;margin-top:40px;}
  .p-productModel .moisture h4{font-size:16px;}
  .p-productModel .moisture h5{font-size:18px;margin-top:0.5em;}
  .p-productModel .moisture h5 + p{margin-top:1em;}
  .p-productModel .moisture .flexR{margin-top:1em;}
  .p-productModel .hair img{width:100%;height:auto;}
  .p-productModel .hair h4{font-size:20px;margin-top:1em;}
  .p-productModel .hair h4 br{display:none;}
  #product1 ul.feature{flex-wrap:Wrap;justify-content:center;margin-top:20px;}
  #product1 ul.feature li{width:48%;}
  #product1 ul.feature li:nth-child(1){margin:0 26%;}
  #product1 .p-productFeature{padding:40px 5% 40px;}
  #product1 .p-productFeature .pflex{flex-wrap:wrap;padding: 30px 0;margin-top: 0;}
  #product1 .p-productFeature .pflex .flexR,
  #product1 .p-productFeature .pflex + .pflex .flexL{margin-top:30px;}
  #product1 .p-productFeature .pflex + .pflex{flex-direction: column-reverse;}
  #product1 .p-productFeature .moisture h4{font-size:22px;}
}

.imgSlider{padding:16px 0;background:#fff;}
.imgSlider .swiper-wrapper {transition-timing-function: linear;}
.imgSlider .swiper-wrapper img{width:100%;height:auto;margin-right:16px;}

.p-productRepair{background:#FBF8F4;padding:96px 10%;}
.p-productRepair h2{font-size:32px;text-align:center;letter-spacing:0.07em;}
.p-productRepair h2 + p{text-align:center;margin:40px auto;}
.p-productRepair .pflex div{font-size:20px;background:#fff;border-radius:6px;padding:24px;width:calc((100% - 48px) / 3);text-align:left;}
.p-productRepair .pflex div img{width:44px;height:44px;vertical-align:middle;margin-right:10px;}
.p-productRepair p.annote{margin:40px auto;text-align:center;}
@media screen and (max-width: 1080px) {
  .p-productRepair .pflex div{font-size:16px;padding:18px 12px;width:calc((100% - 24px) / 3);}
}
@media screen and (max-width: 850px) {
  .p-productRepair{padding:48px 5%;}
  .p-productRepair h2{font-size:22px;}
  .p-productRepair h2 + p{text-align:left;margin:40px auto 24px;}
  .p-productRepair .pflex{flex-wrap:Wrap;}
  .p-productRepair .pflex div{width:100%;margin-bottom:12px;padding:16px;}
  .p-productRepair p.annote{text-align:left;margin:20px auto 40px;}
}

.p-productFragrance{background:#fff;padding:120px 10%;}
.p-productFragrance h2{position:relative;padding-bottom:18px;}
.p-productFragrance h2:after{content: "";width:16px;height: 1px;background: #9A938F;position: absolute;left: 0;bottom: 0;}
.p-productFragrance h2 img{height:14px;}
.p-productFragrance h3{font-size:16px;}
.p-productFragrance h4{font-size:30px;}
.p-productFragrance h2 + .pflex{margin-top:20px;align-items:end;}
.p-productFragrance h2 + .pflex .flexR h5{font-size:14px;}
.p-productFragrance .pflex + .pflex{margin-top:64px;}
.p-productFragrance .pflex + .pflex .flexL img{width:100%;max-width:428px;}
.p-productFragrance .pflex + .pflex .flexR ul li{background:#FBF8F4;display:flex;align-items:center;padding:20px;margin-top:8px;opacity:0;transform:translateY(20px);transition:transform 1s ease,opacity .3s ease;}
.p-productFragrance .pflex + .pflex .flexR ul li.is_view{opacity:1;transform:translateY(0);}
.p-productFragrance .pflex + .pflex .flexR ul li .img{margin-right:20px;}
.p-productFragrance .pflex + .pflex .flexR ul li .img img{width:80px;height:80px;border-radius:3px;}
.p-productFragrance .pflex + .pflex .flexR ul li .exp img{height:9px;width:auto;vertical-align:middle;}
#product3 .p-productFragrance .pflex + .pflex .flexR ul li .exp img{filter: brightness(0) saturate(100%) invert(41%) sepia(17%) saturate(674%) hue-rotate(102deg) brightness(96%) contrast(86%);}
.p-productFragrance .pflex + .pflex .flexR ul li .exp h3{margin:5px auto 5px;font-size:16px;letter-spacing:0.04em;}
.p-productFragrance .pflex + .pflex .flexR ul li .exp p{color:#9A938F;font-size:12px;}
@media screen and (max-width: 850px) {
  .p-productFragrance{padding:80px 5% 48px;}
  .p-productFragrance .pflex{flex-wrap:wrap;}
  .p-productFragrance .w45p{width:100%;}
  .p-productFragrance .w50p{width:100%;margin-top:24px;}
  .p-productFragrance h3{font-size:14px;}
  .p-productFragrance h4{font-size:24px;margin:0.5em auto 1em;}
  .p-productFragrance .pflex + .pflex .flexL{text-align:center;}
  .p-productFragrance .pflex + .pflex .flexR ul li{padding:16px;}
  .p-productFragrance .pflex + .pflex .flexR ul li .exp p{font-size:11px;}
  .p-productFragrance .pflex + .pflex .flexR ul li .img{margin-right:12px;}
  .p-productFragrance .pflex + .pflex .flexR ul li .img img{width:60px;height:60px;}
}

.p-productFree{border: 1px solid rgba(255, 255, 255, 0.7);padding:80px 8%;}
#product1 .p-productFree{background: linear-gradient(134.93deg, #DFD8D4 11.19%, #FFFFFF 90.53%);border:0;padding:80px 2%;}
#product2 .p-productFree{background: linear-gradient(124.7deg, #F9E4E1 40.57%, #FFFFFF 111.98%);}
#product3 .p-productFree{background: linear-gradient(124.69deg, #E2EFE7 40.57%, #FFFFFF 111.95%);border: 1px solid rgba(255, 255, 255, 0.698039);}
#product4 .p-productFree{background: linear-gradient(124.69deg, #FDF2E2 40.57%, #FFFFFF 111.95%);border: 1px solid rgba(255, 255, 255, 0.698039);}
.p-productFree h2{text-align:center;font-size:30px;}
.p-productFree ul{display:flex;justify-content:center;align-items:center;margin-top:24px;}
.p-productFree ul li{font-size:22px;text-align:left;}
.p-productFree ul li.slash{background:transparent;margin:0 15px;}
.p-productFree ul li.slash img{width:16px;height:auto;vertical-align:middle;}
.p-productFragrance .pflex + .pflex .flexR ul li .exp h3{font-size:14px;}
.p-productFree ul li.shimin img{width:56px;height:56px;vertical-align:middle;margin-right:10px;}
#product1 .p-productFree ul{flex-wrap:wrap;}
#product1 .p-productFree ul li{margin-bottom:20px;}
#product1 .p-productFree ul li.slash{margin:0 15px 20px;}
@media screen and (max-width: 1080px) {
}
@media screen and (max-width: 850px) {
  .p-productFree h2{font-size:24px;}
  .p-productFree ul{flex-wrap:Wrap;justify-content:normal;width:250px;margin:24px auto;}
  .p-productFree ul li{display:flex;align-items:center;font-size:16px;margin-bottom:20px;}
  .p-productFree ul li.slash{display:none;}
  .p-productFree ul li.shimin img{width:40px;height:40px;margin-right:16px;}
}

.p-productOther{background:#F7F4F1;padding:120px 80px;}
.p-productOther h2 img{height:17px;width:auto;}
.p-productOther .products{display:flex;margin-top:40px;justify-content:space-between;}
.p-productOther .products .otherProduct{border-radius:8px;overflow:hidden;width:32%;max-width:432px;box-shadow:0px 8px 32px -4px rgba(0,0,0,.07);background:#fff;}
.p-productOther .pkg{height:408px;width:100%;position:relative;}
.p-productOther .other_pure{border-bottom:2px solid #9A938F;background: linear-gradient(178.65deg, #DFD8D4 13.21%, #EDE8E5 60.48%, #F5F2F0 92%);}
.p-productOther .other_the_bloom{border-bottom:2px solid #9F6067;background: linear-gradient(134.92deg, #F9E4E1 11.19%, #FFFFFF 90.53%);}
.p-productOther .other_the_noble{border-bottom:2px solid #669681;background: linear-gradient(134.93deg, #D2EBD9 11.19%, #FFFFFF 90.53%);}
.p-productOther .other_the_friendly{border-bottom:2px solid #BC8E4A;background: linear-gradient(134.93deg, #FFEECC 11.19%, #FFFFFF 90.53%);}
.p-productOther span.markL{position:absolute;top:0;left:0;background:#fff;border-radius:0 0 6px 0;padding:12px 16px;}
.p-productOther span.markL img{height:10px;width:auto;vertical-align:baseline;}
.p-productOther span.markR{position:absolute;top:16px;right:16px;}
.p-productOther span.markR img{width:77px;height:auto;}
.p-productOther .pkg figure{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.p-productOther .pkg figure img{max-width:128px;width:50%;}
.p-productOther .pkg + .detail{padding:28px;background:#fff;}
.p-productOther .detail h3{color:#9A938F;font-size:13px;}
.p-productOther .detail h4{color:#30353A;font-size:22px;margin-top:1.5em;}
.p-productOther .detail ul.point{display:flex;justify-content:start;margin:20px auto;flex-wrap:Wrap;list-style:none;}
.p-productOther .detail ul.point li{font-size:11px;padding:4px 8px;margin-right:6px;margin-bottom:3px;}
.p-productOther .other_pure + .detail ul.point li{background:#F5F2F0;color:#9A938F;}
.p-productOther .other_the_bloom + .detail ul.point li{background:#FEECEF;color:#9F6067;}
.p-productOther .other_the_noble + .detail ul.point li{background:#E8F3EC;color:#669681;}
.p-productOther .other_the_friendly + .detail ul.point li{background:#FDF8EF;color:#BC8E4A;}
.p-productOther .more a{display:flex;align-items:center;margin-top:30px;}
.p-productOther .more img{height:9px;width:auto;vertical-align:top;}
.p-productOther .more .btn{width:66px;height:20px;border:1px solid #D9D9D9;border-radius:50px;position:relative;text-align:center;display:inline-block;margin-left:1em;}
.p-productOther .more .btn img{height:8px;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media screen and (max-width: 850px) {
  .p-productOther{padding:80px 5%;}
  .p-productOther .products{flex-wrap:Wrap;}
  .p-productOther .products .otherProduct{width:100%;max-width:100%;margin-bottom:24px;}
  .p-productOther .pkg{height:248px;}
  .p-productOther .pkg figure img{max-width:78px;}
  .p-productOther span.markR{top:12px;right;12px;}
  .p-productOther .detail h3{font-size:12px;}
  .p-productOther .detail h4{font-size:20px;margin-top:1em;margin-bottom:1em;}
  .p-productOther .pkg + .detail{padding:32px 20px;}
  .p-productOther .detail ul.point li{margin-right:4px;}
  
}