@charset "utf-8";
/***/
.product-wrap {}
.product-wrap .pro-title {
  margin:60px auto 80px;
  width: 168px;
  height:28px;
  line-height: 28px;
  text-align: center;
  background: #a7a6a6;
  color:#fff;
  font-size: 28px;
  font-weight: 100;
  letter-spacing: 1em;
  text-indent: 1em;
  overflow: hidden;
  font-weight: 100;
}
.product-wrap .list {
  margin:0 auto;
  width:490px;
}
.product-wrap .list .item {
  display: block;
  padding-bottom:130px;
  position: relative;
  text-align: center;
}
.product-wrap .list .item .thumb-box {
  position:relative;
  margin-bottom:67px;
}
.product-wrap .list .item img {max-width: 100%;}
.product-wrap .list .item .info {line-height: 1;}
.product-wrap .list .item .jp {
  margin-bottom:20px;
  font-size:28px;
}
.product-wrap .list .item .en {
  font-size:21px;
  font-family: "Futura LT"
}
.product-wrap .faq-view-more {
  padding:20px 0;
}
.product-wrap .list .item:hover {
  opacity: .8;
}
.product-wrap .list .item:hover .arrow-box {
  opacity: 1;
  transition: all .3s;
}
.product-wrap .arrow-box {
  position: absolute;
  left:50%;
  top:50%;
  z-index: 9;
  display: -webkit-box;
  -webkit-box-pack: justify;
  margin-left:-335px;
  margin-top:-16px;
  width:670px;
  height: 32px;
  opacity: 0;
}
.product-wrap .arrow-box::before,.product-wrap .arrow-box::after {
  display: block;
  content: "";
  width:32px;
  height:32px;
}
.product-wrap .arrow-box::before {background:url("images/icon-arrow-right-fill.png") no-repeat center;} 
.product-wrap .arrow-box::after {background:url("images/icon-arrow-left-fill.png") no-repeat center;} 

/***/
.smoothie-wrap {
  padding-top:110px;
}
.smoothie-wrap .top-title {
  margin:0 auto 65px;
  width:490px;
  text-align: center;
}
.smoothie-wrap .top-title .name {
  margin-bottom:12px;
  height: 45px;
  line-height: 45px;
  font-size:42px;
  color:#fff;
  background-color: #000;
}
.smoothie-wrap .top-title .small {
  font-size:22px;
  font-family: "Futura LT";
  line-height: 1;
}
.smoothie-wrap .description {
  padding:0 65px;
  font-size:22px;
  line-height: 1.8;
}
.smoothie-wrap .description p {margin-bottom:20px;}
.smoothie-wrap .list {
  padding:130px 65px 60px;
}
.smoothie-wrap .list .item {
  display: -webkit-box;
  margin-bottom:118px;
}
.smoothie-wrap .list .thumb-box {
  width:445px;
  height: 445px;
  overflow: hidden;
}
.smoothie-wrap .list .thumb-box img {
  max-width: 100%;
  display: block;
}
.smoothie-wrap .list .info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:space-between;
  justify-content: space-between;
  padding-left:100px;
  width:650px;
  height: 445px;
  font-size: 22px;
}
.smoothie-wrap .list .info .pro-name {margin-bottom:30px;font-size:28px;line-height: 1;}
.smoothie-wrap .list .info .introduce {line-height: 1.8;}
.smoothie-wrap .list .info .introduce p {margin-bottom:45px;}
.smoothie-wrap .list .btn {
  width:245px;
  height:48px;
  line-height: 48px;
  border:1px solid #878686;
  font-size:22px;
  text-align: center;
  cursor: pointer;
}
.smoothie-wrap .product-btn-box .btn:first-child {
  margin-bottom:30px;
}



/***/
.well-wrap {
  position: relative;
  padding-top:190px;
}
.well-wrap .main-content {
  padding-left:70px;
  padding-bottom:50px;
  width:810px;
}
.well-wrap .big-title {
  position: absolute;
  top:190px;
  right: 90px;
  z-index: 1;
  text-align: right;
}
.well-wrap .top-title {
  padding-top:60px;
  padding-bottom:40px;
}
.well-wrap .top-title .name {
  display: inline-block;
  margin-bottom:10px;
  padding:0 40px;
  height:54px;
  line-height: 54px;
  font-size:42px;
  color:#fff;
  background:#000;
  text-align: center;
}
.well-wrap .top-title .small {
  font-size:22px;
  font-family: "Futura LT";
  line-height: 1;
}
.well-wrap .description {
  font-size:30px;
  line-height: 1.8;
}
.well-wrap .description p {margin-bottom:60px;}

.well-wrap .product-btn-box .btn {
  display: inline-block;
  margin-right:56px;
  margin-bottom:60px;
  width:277px;
}

/***/
.collagen-wrap .main-content {
  margin-left:310px;
  width:820px;
}
.collagen-wrap .product-btn-box .btn {
  display: block;
}
.collagen-wrap .big-title {
  left: 90px;
  text-align: left;
}


/****/
.essence-wrap {
  padding-top:200px;
}
.essence-wrap .item {
  padding-left:30px;
  padding-bottom:160px;
}
.essence-wrap .item .pro-name {margin-bottom:80px;}
.essence-wrap .item .pro-name .big {
  font-size:42px;
  line-height: 1;
}
.essence-wrap .item .pro-name .small {
  margin-top:16px;
  font-size:21px;
  font-family: "Futura LT";
  line-height: 1;
}
.essence-wrap .item .info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items: center;
  font-size:30px;
}
.essence-wrap .item .info .introduce {
  -webkit-flex:0 width;
  flex:0 width;
  width:600px;
  line-height: 1.8;
}
.essence-wrap .item .info .thumb-box {
  flex:1 auto;
  margin-right:30px;
  text-align: center;
}
.essence-wrap .product-btn-box {width:620px;}
.essence-wrap .product-btn-box .btn {
  margin-right:60px;
  margin-top:60px;
  display:inline-block;
}


/****/
.oil-wrap {
  padding-top:120px;
}
.oil-wrap .list .item {
  margin-bottom:200px;
}
.oil-wrap .list .item:last-child {margin-bottom:120px;} 
.oil-wrap .pro-name {
  margin-bottom:85px;
  font-size:42px;
  line-height: 1;
  text-align: center;
}
.oil-wrap .thumb-box {
  margin-bottom:55px;
  text-align: center;
}
.oil-wrap  .product-btn-box {
  text-align: center;
}
.oil-wrap  .product-btn-box .btn {
  display: inline-block;
}
.oil-wrap  .product-btn-box .btn:first-child {margin-right:110px;}
.oil-wrap .description {
  font-size:30px;
  line-height: 1.8;
  text-align: center;
}
.oil-wrap .description p {
  margin-bottom:50px;
}
.oil-wrap .md-fg {
  margin:0 auto 130px;
  width: 170px;
  height:80px;
  border-bottom:1px solid #878686;
}
.oil-wrap .top-title {
  margin-bottom:70px;
  text-align: center;
}
.oil-wrap .top-title .name {
  display: inline-block;
  padding:0 20px;
  font-size:42px;
  height:56px;
  line-height: 56px;
  color:#fff;
  background:#000;
}
.oil-wrap .top-title .small {
  margin-top:16px;
  font-size:21px;
  font-family: "Futura LT";
  line-height: 1;
}
/******/
.product-social-btn {
  padding:50px 0 50px;
  text-align: center;
}
.product-btn-box .btn {
  position: relative;
  padding-right:40px;
  box-sizing: border-box;
  width:245px;
  height:48px;
  line-height: 48px;
  border:1px solid #878686;
  font-size:22px;
  text-align: center;
  cursor: pointer;
}

.product-btn-box .btn .fh {
  position: absolute;
  top:0;
  right:20px;
  height: 48px;
  line-height: 48px;
  font-size:34px;
}
.product-btn-box .btn:hover {
  opacity: .6;
}

.m-modal {
  display: none;
  position: fixed;
  left: 0;
  top:0;
  right:0;
  bottom: 0;
  z-index:9990;
  background-color:rgba(0,0,0,.6);
}
.m-modal .content-wrap {
  position: fixed;
  left: 50%;
  top:50%;
  z-index:9998;
  margin-top:0;
  margin-left:-600px;
  padding:110px 60px 80px;
  box-sizing: border-box;
  width:1200px;
  height: 0;
  background-color:#fff;
  transition: all .2s;
}
.m-modal .content-wrap .content {
  padding:60px 75px;
  border:1px solid #878686;
  border-radius:5px;
  font-size:30px;
  line-height: 1.8;
  overflow-y: auto;
  transition: all .2s;
}
.m-modal .content-wrap .content .item {
  display: none;
}
.m-modal .content-wrap .close-btn {
  position: absolute;
  top:30px;
  right:30px;
  z-index: 9999;
  width:40px;
  height: 40px;
  background: url("images/icon-xx.gif") no-repeat center;
}
.m-modal .content-wrap .close-btn:hover {opacity: .7;}