@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed&display=swap');
.mega-menu-wrapper{box-shadow: none;}
h1,h2,h3,h4,h5,h6{font-family:"ヒラギノ角ゴ pro w6", "hiragino kaku gothic pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;}
.breadcrumb,.breadcrumb-container{display: none;}
body{color:#515151;}
p:last-child{margin-bottom:0;}
#serum-top-a{background: url('img/top-img-bg-a-new.jpg') no-repeat top left;background-size: cover;padding: 70px 0;position: relative; overflow: hidden;border: 0;}
#serum-top-a .text-box{color: #fff;max-width: 490px;margin-left: 30px;font-weight:500;font-size:12pt;}
#serum-top-a .text-box h2{font-size: 20pt;line-height: 26pt;}
#serum-top-b {background: url('img/top-img-bg-a-new.jpg') no-repeat top left;background-size: cover;padding: 110px 0;position: relative; overflow: hidden;border: 0;}

#serum-top-b .mobile-show{display: none;}
#double-serum-product{background: url('img/clarins-double-serum.jpg') no-repeat top left;background-size: 100%;height:680px;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative; overflow: hidden;}
#double-serum-product p{margin-bottom: 30px;}
#serum-top-b .text-box{background: rgba(255, 255, 255, 0.8);max-width: 490px; margin-left: 150px;padding: 30px;font-weight:500;font-size:12pt;}
#serum-top-b .text-box.signature{background: none !important; padding: 10px 30px;}
#serum-top-b .text-box.signature .col-1-2:first-child{margin-left:-30px;}
#serum-top-b .text-box.signature .col-1-2:last-child{float: right;margin-right:-30px;}
#double-serum-product .text-box{background: rgba(255, 255, 255, 0.8);text-align: left; position: absolute;top: 50%; right: 5%;transform: translate(0,-50%); max-width: 520px; padding: 10px 30px}
#double-serum-product .text-box h2{margin-bottom:35px;}
#serum-top-b .text-box h2,#first-video .container .text-box h2,#double-serum-product .text-box h2{font-size: 19pt;font-weight:600;line-height: 26pt;}
#first-video .VideoBackground{width: 100%;overflow: hidden;height: 100%;position:absolute;top:0;left:0;}
#first-video .VideoBackground video{width: 100%;height: 100%;object-fit: cover;}
#double-serum-product .text-box h2{color:#bb1537;}
#serum-top-b .text-box p,#first-video .container .text-box p,p{font-size: 11pt;line-height: 16pt;font-weight: 500;font-family:"ヒラギノ角ゴ pro w6", "hiragino kaku gothic pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;}
#serum-top-b .text-box .add-to-cart{padding: 10px 20px;background: #000; color: #fff;display: inline-block; margin: 0 auto;text-transform: uppercase;    margin-top: 20px;}
#second-block{background: url('img/double-serum-second-bg.jpg') no-repeat top left;background-size: cover;height:680px;}
#first-video{background:  left;background-size: cover;padding:50px 0;position: relative;line-height:0;}
#first-video .container{position:relative;}
.container{width: 620px;margin: 0 auto;}
#first-video .white-box-border p{padding: 0 30px;font-weight: 500;}
#first-video .white-box-border p:last-child{padding:0;font-weight:400;letter-spacing: -1px;}
#first-video .container .text-box{background: rgba(255, 255, 255, 0.8); padding: 30px; text-align: center;margin-bottom: 50px;}
.bubble.text-box{max-width: 680px; margin: 0 auto;background: rgba(255, 255, 255, 0.8);padding: 40px 60px;position: relative;}
.product-drag.text-box{max-width:780px;margin: 0 auto;background: rgba(255, 255, 255, 0.8);padding: 50px 70px 90px;position: relative;}
.bubble.text-box h4,.product-drag.text-box h4{font-size: 20pt;margin-top:0;line-height: 26pt;color:#bb1537;}
.bubble.text-box p:last-child{margin-top:20px;}
.bubble.text-box:before{content:"";background:url(img/bubbles.png) no-repeat;width: 120px;height:196px;position:absolute;background-size:contain;top:-5px;left:-70px}
#testi{background:url(img/ishii-san-bg.jpg) no-repeat;background-size:cover;padding: 50px 0 70px 0;}
.white-box{
    background: #fff;
    padding: 30px;
}
#testi h2.white-box{display: inline-block;font-size: 18pt;margin-top:0;line-height: 22pt;color:#bb1537;}
#testi2{background:url(img/testi-bg-3.jpg) no-repeat;background-size:cover;padding: 50px 0 150px 0;text-align:center;background-position-x: center;}
#testi2 h4,#timeline .container h3{
	color: #bb1537;
    font-size: 26px;
	line-height: 1.3;
	text-align: center;
}
#testi2 .col-1-3{margin-left:5px;margin-right:5px;min-height: 250px;text-align:left;padding:20px;position:relative}
#testi2 .col-1-3:after{content:"";background: url(img/testi-arrow.png) no-repeat;position: absolute;width: 42px; height: 42px;bottom:-20px;left: 50%;}
#testi2 .comment{min-height: 160px;}
.comment p{font-size: 10pt;}
/* .product
---------------------------------------------------------------------------*/
.product {
  border-bottom: 0;
}
.product .item {
  padding-bottom: 39px;
  border-top: 1px solid #d9d9d9;
}
.product .item-bottom {
  padding-bottom: 38px;
}

.product .item_header {
  padding-top: 80px;
  text-align: center;
}
.product .item_header .title {
  color: #bb1537;
  font-size: 20pt;
  line-height: 1.58;
}
.product .item_header .title > span {
  font-size: .75em;
}
.product .item_header .text {
  margin: 18px 0 66px;
  color: #707378;
  font-size: 15px;
  line-height: 1.67;
}
.product .item-bottom .item_header .text {
  margin: 18px 0 55px;
}

.product .item_body {
  letter-spacing: -1em;
}
.product .item_body .picture,
.product .item_body .textBox {
  display: inline-block;
  box-sizing: border-box;
  letter-spacing: normal;
  vertical-align: top;
}

.product .item_body .picture {
  width: 48.47%;
  text-align: right;
}
.product .item-top .item_body .picture {
	padding: 0;
}
.product .item_body .textBox {
  width: 51.53%;
  padding: 40px 0 0 64px;
}
.product .item_body .textBox .product-list{text-align: center;float: left;}
.product .item_body .textBox .product-list .productName {
  color: #bb1537;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5px;
}
.product .item_body .textBox .product-list .price {
  margin-top: 1px;
  color: #282b30;
  font-size: 15px;
}
.product .item_body .textBox .price + .productName {
  margin-top: 13px;
}
.product .item_body .textBox .button {
  margin-top: 27px;
}
.product .item-bottom .item_body .textBox {
  padding: 48px 0 0 64px;
}
#testimonial{background: url('img/testi-bg.jpg') no-repeat top left;background-size: cover;padding: 50px 0 150px 0;}
#testimonial .row,#regeneration .row{width: 720px;margin: 0 auto;}
#testimonial h3,#turmeric h3,#sustain h3{font-size: 20pt;line-height: 26pt;color: #bb1537;margin: 0 0 30px;font-weight:600;}
#turmeric .container{padding: 30px;background:rgba(255, 255, 255, 0.95);margin:50px auto;}
#turmeric .container2{width:620px;padding: 30px;background:rgba(255, 255, 255, 0.95);margin:50px auto;}
#regeneration h3{font-size: 32pt; color: #bb1537;text-transform: uppercase;text-align: center;font-family: "Gotham SSm book A","Gotham SSm book B",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing: 2px;}
#regeneration2{background:url(img/product-bg.jpg) no-repeat;background-size:cover;padding: 200px 0}
#regeneration2 .container{width:600px;margin: 0 23% 0 auto;}
#regeneration2 h3{font-weight:700;font-size: 20pt;line-height:24pt;}
#regeneration2 p{font-size: 16pt;line-height: 22pt;}
#testi-circle {background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 50px;width: 200px;height: 200px;position: absolute;bottom: 0;left: -100px;}
#testi-circle h4{color: #bb1537;font-size: 26pt;margin:0;margin-bottom:20px;font-family: "Times New Roman", Times, serif;font-weight:200;}
#testi-circle p{margin:0;line-height:normal;}
#testi-circle .hashtag{color:#737373;}
#testi-circle .close{width: 65px;height:65px;background:url('img/close-btn.png') no-repeat;background-size: contain;position: absolute;right: 20px;bottom: 0;}
.white-box-border{background: #fff;padding: 30px;border: 10px solid #efefef;margin: 30px 0;display: inline-block;font-weight:400;line-height:16pt;}
.white-box-border h2{text-align: center;color:#515151;font-size: 20pt;font-weight:600;margin-top:0;line-height:24pt;}
.white-box-border h4{font-size: 26pt;margin-top: 0;margin-bottom: 15px;font-weight:200;}
.white-box-border h5{font-size: 16pt;margin-top: 0;margin-bottom: 15px;font-weight:200;}
.white-box-border ul{padding-left:15px;}
.white-box-border ul li{font-weight:bold;margin-bottom: 10px;font-size: 10pt;}
.suitain-popout h3:after{content:"";width:130px;height:130px;display:inline-block;background:url('img/suitain3.png') no-repeat;margin-left: 30px;margin-bottom: -20px;background-size: contain;}
#testimonial .note{font-size: 9pt;font-style:italic;line-height: 12pt;}
.pad-l-120{padding-left: 120px;}
.row{display: block; position: relative;box-sizing: content-box;}
.popout{position: absolute;right: 30px;}
.suitain-popout{padding: 50px 30px 0 15%;}
[class*=col-]{padding-right:0;padding-left:0;display: inline-block;vertical-align: top;}
.col-1-2{width:48%;}
.col-1-3 {
  width: 29%;
}

.col-2-3 {
  width: 66%;
}
.center-text{text-align: center;}
#product-photo{background: url('img/double-serum-product.jpg') no-repeat top left;background-size: cover;min-height: 750px;}
#video2{background: url('img/Video2-bg.jpg') no-repeat top left;background-size: cover;padding: 100px 0;}
#turmeric{background: url('img/double-serum-product-new.jpg') no-repeat top left;background-size: cover;padding: 80px 0;}
#regeneration{margin-top: 30px;background: url('img/regeneration-bg.jpg') no-repeat top left;background-size: cover;padding: 50px 0;}
#sustain{background: url('img/suitain-bg.png') no-repeat bottom left;background-size: 80% 68%;padding: 50px 0;}
#sustain [class*=col-]{vertical-align: middle;}
#gist{background: url('img/gist-bg.jpg') no-repeat top left;background-size: cover;padding: 100px 0;}
#gist .white-box-border h4{font-size:22px;font-weight:700;line-height: 26px;}
#gist .white-box-border{margin-top:0;padding-left:20px;padding-right:20px;}
#gist .row .col-1{display: flex; flex-wrap:wrap;margin-bottom:15px;align-content: space-between;margin-left: 0;margin-right: 0;}
#gist .row.table,#gist .row.table .col1{padding:5px;vertical-align: top;}
#gist .row.table{display: -ms-flexbox;display: flex;font-size: 0;margin: 0 20px;padding: 0;border: 0;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#gist .row.table h4{font-size: 18px;margin-bottom: 5px;}
#gist .row.table .col1{border: 5px solid #f1f1f1;background: #f1f1f1;display: inline-block;width: 28%;padding-right:30px;min-height: 150px;vertical-align: top;position:relative; box-sizing: content-box;}
#gist .row.table .col1:after{content:"";width: 30px;height:22px;background:url(img/right-arrow1.png) no-repeat;position: absolute;right: -5px;top: 50%;  transform: translate(0,-50%);}
#gist .row.table .col2,#gist .row.table .col3,#gist .row.table .col4{border: 5px solid #f1f1f1;display: inline-block;background:#fff;padding:5px;width:18%;padding-right:30px;    min-height: 150px;vertical-align: top;position:relative;    box-sizing: content-box;}
#gist .row.table .col2:after,#gist .row.table .col3:after{content:"";width: 30px;height:22px;background:url(img/right-arrow2.png) no-repeat;position: absolute;right: -5px;top: 50%;  transform: translate(0,-50%);}
#gist [class*=col-]{margin:0 5px;vertical-align: top;}
#gist .col-1 .white-box-border{width: 44%;margin-right: 15px;margin-bottom: 0;box-sizing: border-box;}
#gist .col-1 .MyBlock {width: 53.8%;}
#gist .col-1 .MyBlock .VideoLink{line-height:0;height:100%;}
#gist .col-2 .VideoLink img,#gist .col-2 .MyBlock,#gist .col-2 .MyBlock .VideoLink{width: 100%;height:100%;}
.VideoLink{position: relative;}
.VideoLink a::before{
	content: " ";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(img/video-play.png);
    bottom: 15px;
    left: 15px;
    z-index: 2;
}
.VideoLink img{width: 100%;height:100%;}
.w450{width: 450px;}
.m150{margin-bottom:150px;}
#timeline{background: #ebddd3;padding: 50px 0;}
#timeline .container{width: 1028px;margin:0 auto;position: relative;}
#timeline .container img{width:100%;margin: 20px auto;}
#timeline .container h3{margin-bottom: 70px;}
#timeline .container h4{color: #bb1537;font-size: 20px;line-height: 24px;min-height: 45px;margin-top:0;}
#timeline .container .row1,#timeline .container .row2,#timeline .container .row3{position: relative; display: -ms-flex;display: -webkit-flex;display: flex;flex-wrap: wrap;}
#timeline .container .row1 .col1,#timeline .container .row1 .col2,#timeline .container .row1 .col3,#timeline .container .row1 .col4{padding:20px 10px;background: #f6f0eb;webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); margin:5px;}
#timeline .container .row1 .col1{width: 28%;}
#timeline .container .row1 .col2,#timeline .container .row1 .col3{width: 19.8%;}
#timeline .container .row1 .col4{background: none !important;box-shadow: none !important;webkit-box-shadow:none !important;-moz-box-shadow: none !important;width: 22%; position: absolute;right:-80px;bottom:-100px;}
#timeline .container .row1 .col4 h4{margin-bottom: 20px;}
#timeline .container .row3 .col1,#timeline .container .row3 .col2,#timeline .container .row3 .col3,#timeline .container .row3 .col4{width: 19.5%;padding:20px 10px;background: #f6f0eb;webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); margin:5px;}
#timeline .container p{font-size: 12pt;}
.expand-link-container{display: none !important;}
.space{margin-top:100px;}
.mobile-show{display: none;}
.quote{font-family: 'Times New Roman', Times, serif;font-size:44pt;}
.mobile-timeline{position: relative;padding-bottom: 10px;}
.mobile-timeline:before{content:"";position: absolute;top: 0;left: 50%;height: 100%;width: 15px;background: #cda67f;transform: translate(-50%, 0);}
.timeline-block{position: relative;overflow: hidden;margin-top: -30%;}
.timeline-block:first-child{margin-top:0 !important;}
.timeline-block .timeline-dot{font-family: 'Fira Sans Extra Condensed', sans-serif;color:#6c5f59;font-size: 16pt;}
.timeline-block .timeline-dot:before{content:"";width:10px;height:10px;background:#fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: block;position: absolute;top:30%;}
.timeline-block:nth-child(odd) .timeline-dot{position: absolute;top: 18%;left: 50%;margin-left: -51px;min-width:38px;}
.timeline-block:nth-child(odd) .timeline-dot:before{right:-18px;}
.timeline-block:nth-child(even) .timeline-dot{position: absolute;top: 18%;left: 50%;margin-left: 14px;min-width:38px;}
.timeline-block:nth-child(even) .timeline-dot:before{left:-19px;}
.timeline-block .timeline-content-container{width: 46%;}
.timeline-block .timeline-content-container img{width: 50% !important;margin:0 !important;padding:10px;display:block;}
.timeline-block:nth-child(even) .timeline-content-container img{ margin-left: 40% !important;}
.timeline-block .timeline-content-container .timeline-content{box-sizing: border-box;background: rgba(255, 255, 255, 0.75);padding:5px;}
.timeline-block .timeline-content-container .timeline-content h4,.double-serum-2017 h4{margin-bottom: 5px;font-size: 15px !important;line-height: 18px !important;min-height: auto !important;}
.timeline-block .timeline-content-container .timeline-content p{font-size: 12px !important;}
.timeline-block:nth-child(even) .timeline-content-container{float: right;}
.double-serum-2017{width: 210px;margin:10px auto;}
.double-serum-2017 img{float: right;width: 60px !important; margin: 0 !important;}
.double-serum-2017 h4{display: inline-block;}
.double-serum-2017 .year{display: inline-block;float: right;font-family: 'Fira Sans Extra Condensed', sans-serif;color:#6c5f59;font-size: 20pt;}
.triangle-down{width: 0;height: 0;margin: 0 auto;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #cda67f;}
.small{font-size: 11px !important;line-height: 16px !important;}
.top-link{color: #fff;text-decoration:underline;margin:30px 0;display:block;}
.top-link-b{color: #222222;text-decoration: none;border: 1px solid;padding: 5px 10px;text-align: center;}
.top-link:hover{color: #f1f1f1}
#Block-2,#Block-9{display: none !important}
#sept-banner-kit{width: 1090px;height: auto;margin: 30px auto;box-sizing: border-box;padding: 0;text-align: center;background-size:contain !important;}
#sept-banner-kit .col-2-3{width: 60%;padding-left: 50px;box-sizing: border-box;}
#sept-banner-kit .col-1-3{width: 39%;}
#sept-banner-kit .col-1-3 p{margin: 0}
#sept-banner-kit h4{font-size: 14pt;margin:5px 0 0;}
.bold-orange{color:#db7104;margin:0}
.square-border{padding: 5px 10px;border: 1px solid #000;display: inline-block;font-size: 14pt;margin-bottom:0px;}
.dark-button{color: #fff; background: #000000;padding: 3px 25px;font-size: 16px;}
.btn-mobile-show{display: none;}
@media screen and (min-width: 1601px){
	#serum-top-a,#serum-top-b,#testi,#regeneration2,#double-serum-product{background-position: 50%;min-height: 600px;}
	#regeneration2 .container{margin: 0 30% 0 auto;}
	#gist .row,#gist .row.table{width:1200px;margin:0 auto;}
	#gist .row.table .col2, #gist .row.table .col3, #gist .row.table .col4{width: 18.2%}
	#gist .row.table .col1{width:28.5%}
}
@media screen and (min-width: 1366px) and (max-width: 1600px){
	#serum-top-a,#serum-top-b,#testi,#regeneration2,#double-serum-product{background-position: 50%;}
	#gist .row,#gist .row.table{width:1200px;margin:0 auto;}
	#gist .row.table .col1{width:29%}
}
@media screen and (min-width: 1250px){
	#double-serum-19{margin-left: calc(-50vw + 625px + 8px);width: calc(100vw - 17px);margin-top: -25px;}
}
@media screen and (min-width: 1250px) and (max-width: 1366px){
	#gist .row,#gist .row.table{width: 1100px;margin:0 auto;}
}
@media screen and (min-width: 768px) and (max-width: 1249px){
	
	#double-serum-19{margin-top: -25px;}
	#serum-top-a,#testi{background-position: 40% 100%;padding: 70px 0;}
	#serum-top-b{background-position: 30% 0%;background-size: cover;padding: 70px 0;}
	#double-serum-product{background-position: 100%}
	#serum-top-b .text-box{padding: 10px;}
	#serum-top-a .text-box,#double-serum-product .text-box{width: 45%;}
	#serum-top-b .text-box{width: 85%;}
	#serum-top-b .text-box.signature{width:75%;}
	#serum-top-a .text-box h2,#serum-top-b .text-box h2,.white-box-border h2,.product .item_header .title,.bubble.text-box h4, .product-drag.text-box h4,#testi h2.white-box,#testi2 h4, #timeline .container h3,#testimonial h3, #turmeric h3, #sustain h3,#regeneration2 h3,#timeline .container h3,#double-serum-product .text-box h2{font-size: 14pt;line-height: 18pt;margin-bottom: 30px;}
	#serum-top-a .text-box p,#serum-top-b .text-box p,#regeneration2 p,p{font-size: 11pt;line-height:14pt;}
	#timeline .container h4{font-size: 10pt;line-height:13pt;min-height: 35px;}
	#turmeric{background-size:contain;}
	.bubble.text-box,#turmeric .container,#turmeric .container2{max-width: 420px;}
	#turmeric .container{margin: 30px auto;}
	#turmeric .container2{margin: 70px auto 30px}
	.product-drag.text-box,#timeline .container{max-width: 680px;padding: 50px 30px;}
	.product-drag.text-box .popout{width: 200px;}
	#testi .col-1-2.text-box .w450{display: inline-block;width: auto;}
	#testi2 .row{display: -ms-flex;display: -webkit-flex;display: flex;flex-wrap: wrap;}
	#testi2 .row .col-1-3{width: 25%;margin:0 auto;}
	#testi2 .comment{min-height: 200px;}
	#regeneration2{padding: 100px 0;}
	#regeneration2 .container{width: 420px; margin: 0 auto 0 32%;}
	#timeline .container p{font-size:9pt;}
	#timeline .container .row3 .col1, #timeline .container .row3 .col2, #timeline .container .row3 .col3, #timeline .container .row3 .col4{width: 18%;}
	#timeline .container .row1 .col4{right: -50px;bottom: -80px;}
	#timeline .container .row1 .col4 h4{margin-bottom:0;    min-height: auto;}
	#timeline img,#sustain img,.VideoLink img{width: 100% !important;}
	.suitain-popout h3:after{width: 80px;height: 80px;margin-left: 10px;}
	.suitain-popout{padding: 30px;}
	#sustain .col-2-3{width: 60%;}
	#sustain .col-1-3{width:36%;padding-left: 20px;}
	#gist .col-1 .white-box-border,#gist .col-1 .MyBlock{width: 100%;min-height: auto; margin: 0;margin-bottom:20px;}
	#gist .row.table{margin: 30px 20px 0 20px;}
	#gist .row.table .col1,#gist .row.table .col2,#gist .row.table .col3,#gist .row.table .col4{width: 100%;display: block;min-height:auto;margin-bottom: 5px;padding-bottom:30px;}
	#gist p{margin-bottom: 15px;}
	#gist .row.table .col1:after,#gist .row.table .col2:after, #gist .row.table .col3:after{bottom:-5px;left:50%;top:auto;transform: translate(-50%,0);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	#double-serum-product{padding: 30px 0;height: 420px;background-size: cover;}
	#double-serum-product p{margin-bottom: 15px;}
	.space{margin-top:100px;}
}
@media screen and (min-width: 768px) and (max-width: 1110px){
	#sept-banner-kit{width: calc(100% - 30px);height: auto;margin-left: auto;margin-right: auto;display: flex;align-items: center;}
	#sept-banner-kit .col-1-3 img{width:80px;}
	#sept-banner-kit p,.dark-button{font-size:12px;line-height:normal;margin:0;}
	#sept-banner-kit h4,#sept-banner-kit .square-border{font-size:14px;line-height:normal;}
	.square-border{margin-top:5px;}
}
@media screen and (max-width: 767px){
	#sept-banner-kit{width: 320px;height: auto;}
	#sept-banner-kit .col-1-3,#sept-banner-kit .col-2-3{width: 100%;display:block;padding:0;}
	#sept-banner-kit .col-2-3{margin-bottom:20px;}
	.small{font-size: 10px !important;line-height: 14px !important;}
	#double-serum-19{margin-top: -25px;}
	#serum-top-a{background: url(img/top-a-bg-mobile-new.jpg) no-repeat;background-size:cover;background-position: 50% 100% !important;padding: 0px 0 30px;}
	#serum-top-b{background: #c6a186 url(img/top-a-bg-mobile-new.jpg) no-repeat;background-size:contain;padding: 0;}
	#serum-top-b.haru {background: #c6a186 url(img/top-a-bg-mobile-new.jpg) no-repeat;background-size:contain;padding: 0;}
	#serum-top-a .text-box{width: 90%;color: #515151;background-color: rgba(255, 255, 255, 0.8);display:block;margin: 450px auto 0;padding: 10px;}
	#serum-top-a .top-link{color: #515151;font-size: 14px;line-height:14pt;}
	#serum-top-b .col-1-2{width: 100%;}
	#serum-top-b .text-box{width: 90%;color:#515151;background-color: #fff;display: block;margin: 300px auto 0;padding: 10px 10px 30px;box-sizing: border-box;}
	#serum-top-b .mobile-show{display: block; position: absolute;top:10%;left: 57%;width: 180px;line-height: 16pt;color: #000;}
	#serum-top-b .text-box p:first-child{margin-top:0;}
	#serum-top-a .text-box h2,#serum-top-b .text-box h2,.white-box-border h2,.product .item_header .title,.bubble.text-box h4, .product-drag.text-box h4,#testi2 h4, #timeline .container h3,#testimonial h3, #turmeric h3,#regeneration2 h3,#timeline .container h3,#double-serum-product .text-box h2,#gist .white-box-border h4{font-size: 18px;line-height: 17pt;margin-bottom: 20px;text-align: center;}
	#sustain h3{font-size: 16px;line-height: 17pt;margin-bottom: 20px;text-align: center;}
	#testi h2.white-box{font-size: 12px;line-height: 14pt;margin-bottom: 20px;padding:20px;}
	.quote{font-size: 24pt;}
	#serum-top-a .text-box p,#serum-top-b .text-box p,p{font-size: 14px;line-height:14pt;}
	.container,#testi .col-1-2{width: 90%;display: block;margin: 0 auto;}
	#timeline .container{width:98%;display: block;margin: 0 auto;}
	.white-box-border,.product .item_body .textBox{padding: 10px;}
	#sustain img,.VideoLink img,.product .item_body .textBox .button img{width: 100% !important;}
	.product .item_header{margin-bottom: 20px;padding-top: 30px;}
	.product .item_body .picture,.product .item_body .textBox{width: 50%;}
	.product .item_body .picture img{width: 100%;height: auto;}
	.product .item_body .textBox .product-list{display: block;float: none;}
	.product .item_body .textBox .product-list .productName,.product .item_body .textBox .product-list .price{font-size: 12px;}
	.product .item_body .textBox .button{margin-top: 15px;padding: 0;}
	#testimonial{padding-bottom: 50px;}
	.bubble.text-box,#turmeric .container,#turmeric .container2{width: 80%;display: block; margin: 0 auto;padding: 20px;}
	.bubble.text-box:before{width: 80px;height: 96px;top: 0;left: -30px;}
	.space{width: 80%;display: block;margin: 50px auto 0;padding:20px 20px 50px;}
	.product-drag.text-box{background: none;padding:0;}
	.product-drag.text-box .col-2-3{background: rgba(255, 255, 255, 0.8);padding-bottom: 70px !important;}
	.product-drag.text-box .col-2-3,.product-drag.text-box .col-1-3{width: 100%;display: block;margin-bottom:10px;padding: 20px; margin-left: -20px;}
	.product-drag.text-box .col-1-3{text-align: center;    margin-top: -90px;}
	.product-drag.text-box .col-1-3 img{width: auto;position: relative;    right: auto;}
	#testi{background-size: 130% auto; background-position: top left;background-color: #dbdee7;padding-top:190px;}
	#testi .w450{width: 80%;padding-top:20px;}
	.m150{margin-bottom:50px;}
	#testi2{background: url(img/testi-bg-3-mobile.jpg) no-repeat;background-size: 100%;background-color: #e7decb;padding-bottom: 50px;margin-bottom: 30px;}
	#testi2 .col-1-3{width: 90%;display: block;margin: 0 auto;padding: 15px;margin-bottom: 50px;min-height:auto;}
	#testi2 .comment{min-height: auto;margin-bottom: 30px;}
	.mobile-none{display: none !important;}
	.mobile-show{display: block !important;}
	#turmeric .container{margin-bottom: 30px;}
	#regeneration2{background: url(img/regeneration2-mobile-bg.jpg) no-repeat;background-size: 100%;padding:0;overflow: hidden;display: block;position: relative;}
	#regeneration2 .container{width: 45%;float:right;margin: 20px 20px 140px 0px;position: relative;display: inline-block;}
	#regeneration2 .container h3{text-align: left !important;font-size:12px;line-height:16px;}
	#regeneration2 p{font-size:10px;line-height:14px;}
	#sustain{background-size: 100% 80%;}
	#sustain [class*=col-],#gist .col-1,#gist .col-2{width: 90%;display: block;margin: 0 auto;min-height:auto;}
	.suitain-popout{padding:0;margin:0;margin-top: 30px;margin-bottom: 30px;}
	.suitain-popout h3:after{width: 70px;height: 70px;margin-left: 5px;margin-bottom:0;}
	#gist{padding:30px 0;background: url(img/gist-bg-mobile.jpg) no-repeat;}
	#gist .row{margin:0;}
	#gist .col-2{float: none;}
	#gist .row.table{padding: 5px;width: 94%;margin: 0 auto;box-sizing: border-box;-moz-box-sizing: border-box;padding: 5px;}
	#gist .row .col-1{margin:10px auto;}
	#gist .col-1 .white-box-border,#gist .col-1 .MyBlock,#gist .row.table .col1,#gist .row.table .col2,#gist .row.table .col3,#gist .row.table .col4{width: 100%;display: block;min-height:auto;margin:0;margin-bottom: 20px;}
	#gist .row.table .col1,#gist .row.table .col2,#gist .row.table .col3,#gist .row.table .col4{margin:0;padding:10px 10px 30px;box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom:0;}
	#gist .row.table .col1:after,#gist .row.table .col2:after, #gist .row.table .col3:after{bottom:-5px;left:47%;top:auto;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	#double-serum-product{background: url(img/double-serum-product-bg-mobile.jpg) no-repeat;background-size:180% 100%;background-position: 50% 0% !important;padding: 0px 0 30px;display:block;height: auto;}
	#double-serum-product .text-box{width: 90%;color: #515151;background-color: rgba(255, 255, 255, 0.8);display:block;margin: 520px auto 0;padding: 10px 20px;position: relative;right:0;transform: none;top:0;box-sizing: border-box;}
	#timeline{padding: 30px 0;}
	#timeline .container
	#timeline .container h4,#timeline .container p{font-size: 12px;line-height: 16px;}
	#video2{background: url(img/video2-bg-mobile.jpg) no-repeat;background-size: cover;}
	.top-link-b{font-size:8px;}
	.btn-mobile-show{display: block;}
	#serum-top-b .text-box.signature{padding:0;}
	#serum-top-b .text-box.signature .col-1-2:last-child{float: left;margin: 0 auto; width: 90%}
	#serum-top-b .text-box.signature{margin-top:5px;overflow:hidden;margin-bottom:30px;}
	#serum-top-b .text-box.signature > .col-1-2{width: 90%;margin:0 auto;text-align: left;}
	#serum-top-b .text-box.signature > .col-1-2 img{float:left;}
}
@media screen and (min-width: 420px) and (max-width: 767px){
	.timeline-block{margin-top: -16%;}
	.timeline-block .timeline-dot{top:32% !important}
	.top-link-b{font-size:11px;}
	#serum-top-b{background-size: cover !important;background-position: 30% 0;}
	#serum-top-b .text-box{margin-top:400px;}
	#serum-top-b .mobile-show{top:25%;}
}
@media screen and (max-width: 380px){
	#serum-top-b .mobile-show{top:15%;}
	#serum-top-b .text-box{margin-top:280px;}
	.top-link-b{font-size:9px;}
	
}