@charset "utf-8";html,
body{height:100%;}
#beautymode{background-color:#FFF;}
#beautymode section:before, .colwrap:after{content:" ";display:table;}
#beautymode section:after{clear:both;}
*, *:before, *:after{box-sizing:border-box;}
.colwrap:before, .colwrap:after{content:" ";display:table;}
.colwrap:after{clear:both;}
.col2{float:left;width:50%;padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.col2:nth-child(2n+1){clear:both;}
.col3{float:left;width:33%;padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.col3:nth-child(3n+1){clear:both;}
.col2 img, .col3 img, .col4 img{max-width:100%;height:auto;margin-bottom:1rem;box-shadow:3px 3px 10px #775f5f;}
.btn{background:none;display:block;margin:2em auto;padding:2em;}
.btn p{border:1px solid #25253a;border-radius:8px;-mx-border-radius:8px;-mox-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;}
.btn a{color:#25253a;padding:1em;}
.btn a:hover{background-color:#25253a;color:#FFF;}
#beautymode #header{text-align:center;min-height:700px;}
#beautymode #header .bg{background-size:cover;background-position:top;background-image:url('https://storage.googleapis.com/lab-mode-cms-production/images/18_beautymode_bg_header_2005/original_18_beautymode_bg_header_2005.jpg');width:100vw;height:100vh;min-height:100vh;position:relative;display:table;margin:0 auto;}
#beautymode #header .cont{display:table-cell;vertical-align:middle;text-align:center;}
#beautymode #header h1{color:#fff;font-family:'Libre Baskerville', serif;font-size:750%;line-height:1;text-shadow:3px 3px 10px #775f5f;margin-bottom:1rem;}
#beautymode #header h2{color:#fff;font-family:'Libre Baskerville', serif;font-size:250%;text-shadow:3px 3px 10px #775f5f;}
#beautymode #header h3{color:#fff;font-size:170%;line-height:1;text-shadow:3px 3px 10px #775f5f;}
#beautymode section{margin:0;padding:0;}
#beautymode .secwrap{margin:0 auto;padding:3em 0;width:960px;}
#beautymode .sec .mainwrapper{color:#FFF;position:relative;margin-bottom:2rem;}
#beautymode .sec .mainwrapper .read{font-size:120%;line-height:2.3;}
#beautymode .colwrap h3{border-bottom:solid 3px #d2d9d1;position:relative;}
#beautymode .colwrap h3:after{content:" ";display:block;border-bottom:solid 3px #e6bdb3;bottom:-3px;width:30%;position:absolute;}
#beautymode .colwrap p{font-size:93%;}
#beautymode .sec h2{font-family:'Libre Baskerville', serif;font-size:500%;margin-bottom:0;padding:0;}
#beautymode .sec h3{font-size:170%;}
#beautymode .sec h4{font-weight:bold;}
#beautymode #sec01{background-color:#777;color:#FFF;}
#beautymode #sec01 aside{position:relative;}
#beautymode #sec01 .maintxt{background:#999;opacity:0.9;padding:2rem;z-index:10;position:absolute;width:45%;right:0;top:10%;}
#beautymode #sec01 .scroll a{color:#FFF;}
#beautymode #sec01 .scroll a span,
#beautymode #sec01 .scroll a span::after{border-color:#FFF;}
#beautymode #sec02{}
#beautymode #sec02 aside{text-align:right;}
#beautymode #sec02 .maintxt{background:#c41d1d;opacity:0.9;padding:2rem;z-index:10;position:absolute;width:45%;left:0;top:10%;}
#beautymode #sec03{background:radial-gradient(#e2d8dc,#f7d7ce);color:#fff;}
#beautymode #sec03 aside{position:relative;}
#beautymode #sec03 .maintxt{background:#db7093;opacity:0.9;padding:2rem;z-index:10;position:absolute;width:45%;right:0;top:10%;}
#beautymode #sec03 ul{margin:0;padding:0;}
#beautymode #sec03 .slick-slide{text-align:center;transition:.3s ease;transform:scale(.60);transform-origin:110% 50%;-webkit-filter:grayscale(100%) blur(2px);-moz-filter:grayscale(100%) blur(2px);-o-filter:grayscale(100%) blur(2px);-ms-filter:grayscale(100%) blur(2px);filter:grayscale(100%) blur(2px);}
#beautymode #sec03 .slick-current{position:relative;z-index:2;transform:scale(1);transform-origin:50% 50%;filter:blur(0);}
#beautymode #sec03 .slick-current + .slick-slide{transform-origin:-10% 50%;}
#beautymode #sec03 .slick-dots{width:100%;font-size:0;text-align:center;list-style:none;position:absolute;bottom:-2rem;}
#beautymode #sec03 .slick-dots li{display:inline-block;margin:2rem 0.1rem;}
#beautymode #sec03 .slick-dots li button{display:block;font-size:0;line-height:0;width:11px;height:11px;background:#aaa;border:0;border-radius:50%;color:transparent;cursor:pointer;}
#beautymode #sec03 .slick-dots .slick-active button,
#beautymode #sec03 .slick-dots li button:hover{background:#db7093;}
#beautymode #sec03 .slick-arrow{position:absolute;font-size:11px;z-index:10;background-color:#db7093;padding:0.5rem;color:#FFF;}
#beautymode #sec03 .slick-arrow:hover{color:#fff;opacity:.6;}
#beautymode #sec03 .slick-prev{top:50%;left:0px;}
#beautymode #sec03 .slick-next{top:50%;right:0px;}
#beautymode #sec03 .slick-slide .prof{display:inline-block;width:30%;vertical-align:center;}
#beautymode #sec03 .slick-slide .prof img{border-radius:50%;width:80%;margin:1rem auto;box-shadow:0px 3px 10px #775f5f;}
#beautymode #sec03 .slick-slide h4{font-size:130%;margin:0;}
#beautymode #sec03 .slick-slide .prof_txt{font-size:93%;padding:1rem 2rem;text-align:left;display:inline-block;width:60%;}
#beautymode #sec03 .slick-slide .prof_txt span{background-color:#db7093;font-size:115%;font-weight:bold;}
#beautymode #sec03 .slick-slide .works img,
#beautymode #sec03 .slick-slide .works ifreme{width:100%;box-shadow:10px 5px #db7093;}
#beautymode #sec03 .scroll a{color:#FFF;}
#beautymode #sec03 .scroll a span,
#beautymode #sec03 .scroll a span::after{border-color:#FFF;}
#beautymode #sec04{}
#beautymode #sec04 aside{text-align:right;}
#beautymode #sec04 .maintxt{background:#debabe;opacity:0.9;padding:2rem;z-index:10;position:absolute;width:45%;left:0;top:10%;}
#beautymode #sec04 ul{margin:0;padding:0;}
#beautymode #sec04 .gallely li{background-color:#debebe;overflow:hidden;width:23%;height:320px;margin:1%;position:relative;display:inline-block;}
#beautymode #sec04 .gallely li img{position:absolute;left:-100%;right:-100%;margin:auto;width:100%;height:auto;}
#beautymode #sec04 .gallely li img:hover{opacity:0.4;}
#beautymode #sec05{background:#ced4d0;}
#beautymode #sec05 aside{text-align:right;}
#beautymode #sec05 .maintxt{background:#c41d1d;opacity:0.9;padding:2rem;z-index:10;position:absolute;width:45%;left:0;top:10%;}
#beautymode #sec05 .btn{background:#EFEFEF;border-radius:50%;transition-duration:0.3s;}
#beautymode #sec05 .btn:hover{background:#c41d1d;transform:scale(1.1);transition-duration:0.3s;}
#beautymode #sec05 .btn a{font-size:113%;font-weight:bold;}
#beautymode #sec05 .btn a:hover{color:#FFF;background:none;transform:50%;}
#beautymode #sec06{}
#beautymode #sec06 h3{font-family:'Libre Baskerville', serif;　font-size:200%;text-align:center;}
#beautymode #sec06 .col3{text-align:center;}
#beautymode #sec06 .col3 h4{font-family:'Libre Baskerville', serif;　font-size:130%;}
#beautymode #sec06 .col3 ul{margin:0;padding:0;}
#beautymode #sec06 .col3 li{margin:0 0 1rem;list-style-type:none;}
@media only screen and (max-width:739px){#beautymode{max-width:100%;}
#beautymode .secwrap{max-width:100%;}
.col2, .col3, .col4{width:100%;margin:0 auto;}
.youtube{position:relative;width:100%;padding-top:56.25%;}
.youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;}
#beautymode #header .youtube{position:relative;width:80%;padding-top:56.25%;margin:0 auto 2rem auto;}
#beautymode #header{min-height:100vh;}
#beautymode #header .bg{background-position:top left;}
#beautymode #header h1{opacity:0.8;}
#beautymode .sec h2{font-size:400%;line-height:1.2;}
#beautymode .sec .mainwrapper .read{line-height:2;}
#beautymode #sec01 aside,
#beautymode #sec02 aside,
#beautymode #sec03 aside,
#beautymode #sec04 aside,
#beautymode #sec05 aside{position:static;text-align:center;}
#beautymode #sec01 .maintxt{position:static;width:95%;margin:-15rem auto 2rem;padding:0.5rem;}
#beautymode #sec02 .maintxt{position:static;width:95%;margin:-2rem auto 2rem;padding:0.5rem;}
#beautymode #sec03 .maintxt{position:static;width:95%;margin:-3rem auto 2rem;padding:0.5rem;}
#beautymode #sec04 .maintxt{position:static;width:95%;margin:-2rem auto 2rem;padding:0.5rem;}
#beautymode #sec05 .maintxt{position:static;width:95%;margin:-3rem auto 2rem;padding:0.5rem;}
#beautymode #sec04 .gallely li{width:23%;height:130px;}
#beautymode #sec03 .slick-arrow{background-color:#aaa;font-size:11px;top:95%;}
#beautymode #sec03 .slick-arrow:hover{color:#fff;opacity:.6;}
#beautymode #sec03 .slick-prev{left:0px;}
#beautymode #sec03 .slick-next{right:0px;}
body{padding-top:0px;}
}