@import"https://fonts.googleapis.com/css?family=Patrick+Hand+SC";.main-content.container{max-width:100%;border:0;padding:20px 0 0}.our-lense-wrap{width:100%;margin-left:15px}.our-lenses-intro{position:relative;margin:0 auto;width:100%;min-height:1100px}.our-lenses-intro h3{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:99999;font-weight:500;text-transform:uppercase;font-size:15px}.our-lenses-intro .intro-section{position:absolute;top:0;left:0;width:100%;min-height:1100px;display:block;background:url(//cdn.shopify.com/s/files/1/0238/6441/0189/t/33/assets/our-lenses-bg.png?20967) no-repeat;background-size:100% 100%;padding:85px 0;display:none}.our-lenses-intro .intro-section:first-child{z-index:99;display:block}.our-lenses-intro .intro-section:nth-child(2){z-index:999}.our-lenses-intro .intro-section:nth-child(3){z-index:9999}.our-lenses-intro .intro-section-inner{max-width:850px;min-height:800px;position:relative;margin:0 auto}.our-lenses-intro .intro-section .intro-img{position:relative}.our-lenses-intro .intro-section .model-img{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;z-index:9}.our-lenses-intro .intro-section .effect-img{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:0;z-index:99}.our-lenses-intro .intro-section:first-child .effect-img{top:45px;right:10px}.our-lenses-intro .intro-section:nth-child(2) .effect-img{top:25px;right:25px}.our-lenses-intro .intro-section:nth-child(3) .effect-img{top:65px;left:20px}.our-lenses-intro .intro-section .intro-text-left{position:absolute;top:46%;transform:translateY(-50%);z-index:99}.our-lenses-intro .intro-section .intro-text-left .text-area{position:absolute;top:-100px;left:-100px}.our-lenses-intro .intro-section .intro-text-right{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:99}.our-lenses-intro .intro-section .intro-text-right .text-area{position:absolute;top:-90px;right:-100px}.our-lenses-intro .intro-section .text-area p{display:none}.our-lenses-intro .intro-section:nth-child(2) .intro-text-left{top:60%}.our-lenses-intro .intro-section:nth-child(2) .intro-text-right{top:72%}.our-lenses-intro .intro-section:nth-child(3) .intro-text-left{top:45%}.our-lenses-intro .intro-section:first-child .intro-text-left .text-area{top:-90px;left:-115px}.our-lenses-intro .intro-section:first-child .intro-text-right .text-area{width:190px;right:-130px;top:-65px}.our-lenses-intro .intro-section:nth-child(2) .intro-text-left .text-area{width:200px;top:-85px;left:-110px}.our-lenses-intro .intro-section:nth-child(2) .intro-text-right .text-area{width:150px;top:-65px;right:-110px}.our-lenses-intro .intro-section:nth-child(3) .intro-text-left .text-area{width:280px;left:-165px;top:-80px}.our-lenses-intro .intro-section:nth-child(3) .intro-text-right .text-area{width:200px;right:-140px;top:-70px}.our-lenses-intro .intro-section .text-area{font-family:Patrick Hand SC;width:245px;font-size:28px;line-height:1;transform:rotate(-30deg)}.our-lenses-intro .intro-section .intro-text-right .text-area{transform:rotate(30deg)}.our-lenses-intro .down-finger{position:absolute;max-width:90px;bottom:10px;z-index:9999;margin-left:auto;margin-right:auto;left:0;right:0}.our-lenses-about{background:#fef8f8;padding:100px 0 0;text-align:center;position:relative}.our-lenses-about .about-default .img-area{position:relative;margin:0 auto}.our-lenses-about .about-default .img-area .about-bg{position:relative;opacity:0;max-width:85%}.our-lenses-about .about-default .img-area .about-bg.active{position:absolute;top:0;transform:translate(-50%);left:50%;opacity:1}.our-lenses-about .about-default .img-area .bubble{position:absolute;top:-6%;left:20%;cursor:pointer;z-index:9999}.our-lenses-about .about-default .img-area .bubble img{max-width:85%}.our-lenses-about .about-default .img-area .bubble span{position:absolute;top:150px;left:150px;font-size:30px}.our-lenses-about .about-default .img-area .bubble .about-pointer{position:absolute;top:280px;left:110px;max-width:80%}.about-popup-wrap{display:none}.about-popup-wrap .about-popup{width:100%;position:fixed;top:0;left:0;z-index:9999;background:#fef8f8 url(//hapakristin.jp/cdn/shop/t/90/assets/our-lenses-about-bg.png?v=39112569410216763491747181485) no-repeat center center;padding:425px 0 130px;background-size:700px;height:1108px;display:none}.about-popup-wrap .about-popup:nth-child(2){padding:380px 0 100px}.about-popup-wrap .about-popup h4{font-size:45px;margin-bottom:15px}.about-popup-wrap .about-popup .txt-area{max-width:500px;line-height:1.5;margin:0 auto}.about-popup-wrap .about-popup .main-txt{font-size:21px;font-weight:600}.about-popup-wrap .about-popup .sub-txt{font-size:16px}.about-popup-wrap .about-popup .sub-txt.point{color:#ff7091}.popup-btn{position:relative;margin-top:50px}.popup-btn span{display:inline-block;padding:8px 50px;background:#fff;border-radius:35px;border:1px solid #000;font-size:16px;cursor:pointer}.popup-btn span em{display:inline-block;font-style:initial;width:110px}.popup-btn span:hover{background:#ff7093;color:#fff}.popup-btn span .on-txt{display:none}.popup-btn span .off-txt,.popup-btn span:hover .on-txt{display:inline-block}.popup-btn span:hover .off-txt{display:none}.popup-btn img{position:absolute;top:45px;left:50%;margin-left:-110px}.our-lenese-info .info-content-wrap{position:relative;overflow:hidden;max-width:1500px;margin:0 auto;padding:180px 0}.our-lenese-info .info-content-01{background:#ff7093}.our-lenese-info .info-content-02{background:#ffd583}.our-lenese-info .info-content-03{background:#8da5ff}.our-lenese-info .info-content-04{background:#fef8f8}.our-lenese-info .info-img-area,.our-lenese-info .info-txt-area{width:50%;float:left}.our-lenese-info .info-txt-area h3{font-size:40px;margin-bottom:20px}.our-lenese-info .info-txt-area p{font-size:15px;color:#fff;font-weight:400;line-height:1.6}.our-lenese-info .info-content-02 .info-img-area,.our-lenese-info .info-content-04 .info-img-area{float:right}.our-lenese-info .info-content-01 .info-txt-area h3,.our-lenese-info .info-content-03 .info-txt-area h3{color:#ffd483}.our-lenese-info .info-content-02 .info-txt-area h3{color:#ff7092}.our-lenese-info .info-content-02 .info-txt-area p,.our-lenese-info .info-content-04 .info-txt-area p{color:#000}.our-lenese-info .info-txt-area{padding-left:150px;margin-top:10px}.our-lenese-info .info-img-area{max-width:870px;position:relative}.our-lenese-info .info-txt-area.right{padding:150px 0 0;max-width:550px;margin-left:100px}.our-lenese-info .info-img-area.left{padding-left:150px}.our-lenese-info .info-img-area img{max-width:550px}.our-lenese-info .info-img-area .info-txt-effect p{display:none}.our-lenese-info .info-img-area .info-txt-effect p.active-txt{font-family:Patrick Hand SC;font-size:28px;position:absolute;display:block;width:165px;line-height:1.2}.our-lenese-info .info-content-01 .info-img-area .info-txt-effect{position:absolute;top:0;right:-115px}.our-lenese-info .info-content-01 .info-img-area .info-txt-effect p.active-txt{right:-178px;top:-30px;color:#9a9eef}.our-lenese-info .info-content-01 .info-img-area.left>img{box-shadow:18px 18px #ffd483;border-radius:30px}.our-lenese-info .info-content-02 .info-img-area .info-txt-effect{position:absolute;left:-160px;bottom:60px}.our-lenese-info .info-content-02 .info-img-area .info-txt-effect p.active-txt{left:-173px;bottom:-23px;color:#9a9eef}.our-lenese-info .info-content-02 .info-img-area>img{box-shadow:18px 18px #ff7092;border-radius:30px}.our-lenese-info .info-content-03 .info-img-area .info-txt-effect{position:absolute;top:30px;right:-120px}.our-lenese-info .info-content-03 .info-img-area .info-txt-effect p.active-txt{right:-176px;top:-29px;color:#ff7091}.our-lenese-info .info-content-03 .info-img-area.left>img{box-shadow:18px 18px #ffd483;border-radius:30px}.our-lenese-info .info-content-04 .info-img-area .info-txt-effect{position:absolute;left:-160px;bottom:60px}.our-lenese-info .info-content-04 .info-img-area .info-txt-effect p.active-txt{left:-172px;bottom:-24px;color:#9a9eef}.our-lenese-info .info-content-04 .info-img-area>img{box-shadow:18px 18px #a2b6fb;border-radius:30px}.info-popup-wrap{display:none;position:fixed;top:0;left:0;background:#ff7093;z-index:9999;clear:both;width:100%;height:100%}.info-popup-wrap .info-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #000;border-radius:50px;width:65%;text-align:center;padding:20px 30px 30px;display:none}.info-popup-wrap .info-popup h4{font-size:25px;line-height:1;text-align:left}.info-popup-wrap .info-popup:first-child img{width:100%;max-width:350px;margin:0 30px}.info-popup-wrap .info-popup:nth-child(2) img{height:350px;border:1px solid #a9a9a9;margin:0 40px}.info-popup-wrap .info-popup:nth-child(3) img{height:80px;margin:20px 20px 10px}.info-popup-wrap .info-popup .info-popup-txt{font-size:15px;padding:15px 50px;border:1px solid #000;width:70%;border-radius:20px;margin:40px auto 0}.btn-info-more{text-align:center;margin-left:-80px}.btn-info-more span{border-radius:50px;background:#fff;border:1px solid #000;display:inline-block;padding:5px 50px;font-size:14px;font-weight:700;margin:50px auto;text-align:center;cursor:pointer}.info-popup-wrap .info-popup .btn-popup-info-more{position:absolute;bottom:-17px;margin-left:-80px;border-radius:50px;background:#8da5ff;border:1px solid #000;display:inline-block;padding:5px 50px;font-size:14px;font-weight:700;cursor:pointer}.info-popup-wrap .info-popup .btn-popup-close{display:block;text-align:right}.info-popup-wrap .info-popup .btn-popup-close span{display:inline-block;padding:30px 21px;background:#ffd583;border-radius:25px;font-size:28px;border:1px solid #000;cursor:pointer}.our-lenses-effect{position:relative;min-height:920px;background:#ff7093;background:-webkit-linear-gradient(to right,#8da5ff,#ff7093,#ffd583);background:linear-gradient(to right,#8da5ff,#ff7093,#ffd583)}.our-lenses-effect .txt-area-wrap{color:#fff;font-size:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%}.our-lenses-effect .txt-area-wrap .left-txt-area{float:left;height:66px;line-height:66px}.our-lenses-effect .txt-area-wrap .right-txt-area{float:left;font-size:22px;margin-left:20px}.our-lenses-effect .txt-area-wrap .right-txt-area-fade{position:absolute;right:-35px;height:66px;line-height:66px;top:0;overflow:hidden}.our-lenses-effect .txt-area-wrap .right-txt-area-fade span{display:block}#master-container{background:linear-gradient(to right,#92a2fa,#f7749c,#ff8f8e,#fed482);background-size:400% 400%;-webkit-animation:gradientBG 10s ease infinite;animation:gradientBG 10s ease infinite;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100vmin;min-height:0;max-height:100%}.our-lenses-effect .txt-area-wrap{display:none}.our-lenses-effect .txt-area-wrap.initial{width:628px;display:block}.our-lenses-effect .txt-area-wrap.initial .left-txt-area{float:initial;text-align:center}.our-lenses-effect .txt-area-wrap.initial .left-txt-area p:nth-child(2){display:none}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#master-container-scroller{height:66px;line-height:66px;overflow:hidden;position:relative;opacity:0}#master-container-scroller .master-container-scroller_item{display:block;-webkit-animation:scroll 10s cubic-bezier(.645,.045,.355,1) infinite;animation:scroll 10s cubic-bezier(.645,.045,.355,1) infinite;line-height:1}#master-container-scroller .master-container-scroller_item[href]:hover{text-decoration:underline}#master-container-scroller .master-container-scroller_item a{color:#fff}#master-container-scroller small{display:block;opacity:.7;font-size:15px;line-height:1.5}.our-lenese-outro{margin:0 auto;text-align:right;padding:250px 200px 0;box-sizing:border-box;background:#fcfcfc}.our-lenese-outro img{max-width:60%}@media (max-width: 1080px){.our-lenses-intro{min-height:680px}.our-lense-wrap{margin-left:0}.our-lenses-intro .intro-section-inner{max-width:100%;min-height:500px;padding:60px 30px 0}.our-lenses-intro .intro-section{min-height:500px;padding:85px 0 100px}.our-lenses-intro .intro-section .effect-img{max-width:80%}.our-lenses-intro .intro-section:first-child .effect-img{top:55px}.our-lenses-intro .intro-section .intro-text-right,.our-lenses-intro .intro-section .intro-text-left{max-width:20%}.our-lenses-intro .intro-section .intro-text-right{right:6%;top:55%}.our-lenses-intro .intro-section .intro-text-left{top:53%}.our-lenses-intro .intro-section .text-area{font-size:16px}.our-lenses-intro .intro-section .text-area{width:80px}.our-lenses-intro .intro-section:first-child .intro-text-right .text-area{width:80px;right:-20px;top:-45px}.our-lenses-intro .intro-section:first-child .intro-text-right .effect-arrow-right{margin:20px 0 0 -20px}.our-lenses-intro .intro-section:first-child .intro-text-left .text-area{top:-90px;left:-20px}.our-lenses-intro .intro-section:first-child .intro-text-left .effect-arrow-left{margin:0 0 0 15px}.our-lenses-intro .intro-section:nth-child(2) .effect-img{max-width:60%}.our-lenses-intro .intro-section:nth-child(2) .intro-text-right .text-area{width:65px;top:-65px;right:-25px}.our-lenses-intro .intro-section:nth-child(2) .intro-text-right .effect-arrow-right{margin:0 0 0 -15px}.our-lenses-intro .intro-section:nth-child(2) .intro-text-left .text-area{width:80px;top:-70px;left:-20px}.our-lenses-intro .intro-section:nth-child(2) .intro-text-left .effect-arrow-left{margin:0 0 0 15px}.our-lenses-intro .intro-section:nth-child(3) .effect-img{top:35px;left:20px;max-width:90%}.our-lenses-intro .intro-section:nth-child(3) .intro-text-right{top:60%}.our-lenses-intro .intro-section:nth-child(3) .intro-text-right .effect-arrow-right{0 0 0 -20px}.our-lenses-intro .intro-section:nth-child(3) .intro-text-right .text-area{width:80px;right:-30px;top:-60px}.our-lenses-intro .intro-section:nth-child(3) .intro-text-left{top:55%}.our-lenses-intro .intro-section:nth-child(3) .intro-text-left .text-area{width:80px;left:-10px;top:-80px}.our-lenses-intro .intro-section:nth-child(3) .intro-text-left .effect-arrow-left{margin:5px 0 0 20px}.our-lenses-intro .down-finger{bottom:0;max-width:50px}.our-lenses-about{padding:100px 0 50px}.our-lenses-about .about-default .img-area .about-bg{max-width:150%}.our-lenses-about .about-default .img-area .bubble{top:-18%;left:-30%}.our-lenses-about .about-default .img-area .bubble img{max-width:45%}.our-lenses-about .about-default .img-area .bubble .about-pointer{position:absolute;top:120px;left:150px;max-width:25%}.about-popup-wrap .about-popup{background:#fef8f8 url(//cdn.shopify.com/s/files/1/0238/6441/0189/t/33/assets/our-lenses-about-bg.png?25260) no-repeat center right 60%;padding:220px 0 0;background-size:150%;height:100%}.about-popup-wrap .about-popup h4{font-size:29px;margin-bottom:10px}.about-popup-wrap .about-popup .txt-area{max-width:99%}.about-popup-wrap .about-popup .main-txt{font-size:17px}.about-popup-wrap .about-popup .sub-txt{font-size:13px}.popup-btn{margin-top:30px}.popup-btn img{position:absolute;top:35px;margin-left:-65px;max-width:35%}.popup-btn span{padding:6px 50px;font-size:14px}.about-popup-wrap .about-popup:nth-child(2){padding:170px 0 0}.our-lenese-info .info-content-wrap{max-width:100%;padding:30px 0 60px}.our-lenese-info .info-img-area,.our-lenese-info .info-txt-area{width:100%;float:initial;padding:0}.our-lenese-info .info-img-area img{max-width:100%}.our-lenese-info .info-img-area.left{padding:12%}.our-lenese-info .info-img-area{max-width:100%;padding:12%;box-sizing:border-box}.info-content-wrap img.motion-bg{max-width:30%}.our-lenese-info .info-content-01 .info-img-area .info-txt-effect{top:30px;right:0}.our-lenese-info .info-content-01 .info-img-area .info-txt-effect img,.our-lenese-info .info-content-02 .info-img-area .info-txt-effect img,.our-lenese-info .info-content-03 .info-img-area .info-txt-effect img,.our-lenese-info .info-content-04 .info-img-area .info-txt-effect img{max-width:40%}.our-lenese-info .info-img-area .info-txt-effect p.active-txt{width:100px;line-height:1.1;font-size:16px}a[name=info-cont-01]{display:block;height:50px;width:100%;background:#fef8f8}.our-lenese-info .info-content-01{padding-top:40px;background:#ff7093}.our-lenese-info .info-content-01 .info-img-area .info-txt-effect p.active-txt{right:10px;top:-40px}.our-lense-wrap .our-lenese-info .info-img-area .info-txt-effect{display:none}.our-lenese-info .info-txt-area.right{padding:0 12%;max-width:100%;margin:0}.our-lenese-info .info-txt-area{padding:0 10%}.our-lenese-info .info-txt-area h3{font-size:30px;margin-bottom:15px;text-align:center}.our-lenese-info .info-txt-area p{font-size:13px;text-align:center;line-height:1.5;padding:0}.btn-info-more span{font-size:13px;padding:4px 50px;margin:30px auto}.our-lenese-info .info-content-wrap img.motion-bg.rightturn{top:2%;right:0%;max-width:27%}.our-lenese-info .info-content-02 .info-img-area .info-txt-effect{left:50px;bottom:15px}.our-lenese-info .info-content-02 .info-img-area .info-txt-effect p.active-txt{width:100%;left:-30px;bottom:-15px}.info-content-wrap img.motion-bg.motion-wide{top:0;left:2%;max-width:90%}.our-lenese-info .info-content-03 .info-img-area .info-txt-effect{top:20px;right:-55px}.our-lenese-info .info-content-03 .info-img-area .info-txt-effect p.active-txt{right:50px;top:-40px}.our-lenese-info .info-content-04 img.motion-bg.rightturn{max-width:31%}.our-lenese-info .info-content-04 .info-img-area .info-txt-effect p.active-txt{left:10px;bottom:initial;top:-50px}.info-popup-wrap{overflow:hidden}.info-popup-wrap .info-popup{width:90%;padding:0;max-height:80%;margin-top:10%;overflow-y:scroll}.info-popup-wrap .info-popup h4{font-size:19px;text-align:center;margin:15px 0}.info-popup-wrap .info-popup:first-child img{max-width:80%;margin:0}.info-popup-wrap .info-popup .info-popup-txt{border:0;font-size:13px;padding:0;margin:20px auto 30px;width:90%}.info-popup-wrap .info-popup .btn-popup-info-more{padding:4px 50px;font-size:13px;margin-left:0;position:relative;margin-bottom:30px}.info-popup-wrap .info-popup:nth-child(2) img{height:300px;margin:10px 0 20px}.info-popup-wrap .info-popup .btn-popup-close{text-align:center;margin-bottom:20px}.info-popup-wrap .info-popup .btn-popup-close span{font-size:18px;padding:15px;border-radius:12px}.our-lenese-info .info-content-01 .info-img-area.left>img{box-shadow:12px 12px #ffd483}.our-lenese-info .info-content-02 .info-img-area>img{box-shadow:12px 12px #ff7092}.our-lenese-info .info-content-03 .info-img-area.left>img{box-shadow:12px 12px #ffd483}.our-lenese-info .info-content-04 .info-img-area>img{box-shadow:12px 12px #a2b6fb}.btn-info-more{margin:0 auto}.our-lenses-effect .txt-area-wrap{width:100%;font-size:35px}.our-lenses-effect .txt-area-wrap.initial{height:66px;width:100%;overflow:hidden}.our-lenses-effect .txt-area-wrap .left-txt-area{float:initial;text-align:center;display:none}.our-lenses-effect .txt-area-wrap .right-txt-area{float:inherit;margin:0;padding:0 10px;text-align:center;font-size:19px}.our-lenses-effect .txt-area-wrap .right-txt-area-fade{display:none}.our-lenses-effect .txt-area-wrap.initial .left-txt-area{display:block;line-height:60px}.our-lenses-effect .txt-area-wrap.initial .left-txt-area p:nth-child(2){display:block}.our-lense-wrap #master-container{height:130vmin}.our-lenses-effect #master-container-scroller{height:60px;line-height:60px;opacity:1}.our-lenses-effect #master-container-scroller small{font-size:14px}.info-popup-wrap .info-popup:nth-child(3) img{width:49%;padding:0 5%;height:auto;margin:0}#master-container-scroller .master-container-scroller_item{display:block;-webkit-animation:scroll-mobile 10s cubic-bezier(.645,.045,.355,1) infinite;animation:scroll-mobile 10s cubic-bezier(.645,.045,.355,1) infinite;line-height:1}.our-lenses-effect .txt-area-wrap #master{opacity:1}.our-lenese-outro{padding:120px 0 0}.our-lenese-outro img{max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/page-our-lenses.css.map */