#main-container{z-index:4;position:relative;overflow:visible}.section-bg{position:absolute;left:0;top:0;width:100%}.hairoil-outer{background:#000;float:left;width:100%}.hairoil-outer .hairoil-home-container{position:relative;margin:50px auto;padding:12px;max-width:900px;background-size:cover;background:#fff}.hairoil-outer .hairoil-home-container .home-title{margin:0 0 40px 0;padding-top:0}.hairoil-outer .hairoil-home-container .home-title img{max-height:65px;margin:0 auto}.hairoil-outer .hairoil-home-container img.section-bg{max-height:100%}.hairoil-outer .hairoil-home-container .start-button{outline:1px solid #000;background:#000;padding:10px 20px;color:#fff;text-decoration:none;border:2px solid #ede4cc;display:inline-block}.hairoil-outer .hairoil-home-container .start-button:after{content:"\2192";margin-left:5px}.hairoil-home-section{position:relative;padding-top:40px;max-width:65%}.hairoil-home-section p{margin-bottom:60px}.display-products{margin:50px auto 0 auto;position:relative}.display-products li img{max-width:100%;height:auto;max-height:120px}.result-page-item{padding:15px}.result-page-item img{display:inline-block;max-width:100%}.buy-wrapper{text-align:center;display:flex}.buy-online,.detail-btn,.diagnose-btn{background:#fff;border:none;padding:15px 10px;margin:0 10px 0 0;color:#fff;text-transform:uppercase;line-height:18px;cursor:pointer;font-size:13px;width:171px;letter-spacing:0;text-decoration:none}.diagnose-btn{width:220px}.hairoil-bg{background-repeat:no-repeat;background-position:0 0;background-size:cover;overflow:hidden}.hairoil-question-container{position:relative;margin:50px auto;padding:12px;max-width:900px}.hairoil-question-container .border-box{width:200px;height:200px;border:13px solid #e42948;position:absolute;top:0;left:0;z-index:1;display:inline-block}.hairoil-question-container .border-box:last-child{border-color:#f7dfd5;top:auto;bottom:0;left:auto;right:0}.hairoil-question-section{background:#fff;min-height:500px;z-index:2;position:relative;padding:10px;text-align:center;margin:0;overflow:hidden}.hairoil-question-section .question-number{background:#000;color:#fff;padding:10px;width:50px;height:50px;text-align:center;border-radius:50%;margin:30px 0;display:inline-block;vertical-align:middle;line-height:28px;font-size:24px}.hairoil-question-section p{font-size:18px;margin:15px}.hairoil-question-section .lip-counsel-answers{display:inline-block}.hairoil-question-section .lip-counsel-answers li.ripple-out{width:168px;margin:0 6px;display:inline-block;max-width:45%}.hairoil-question-section .lip-counsel-answers li.ripple-out img{max-width:100%}.hairoil-question-content{background-color:#fff;width:100%;list-style:none}.hairoil-question-content .no,.hairoil-question-content .yes{background:#000;color:#fff;padding:10px;margin:0 15px;width:130px;height:130px;text-align:center;border-radius:50%;margin-top:30px;display:inline-block;vertical-align:middle;line-height:110px;font-size:30px;text-transform:uppercase;cursor:pointer;font-weight:700;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative}.hairoil-question-content .no:before,.hairoil-question-content .yes:before{content:"";position:absolute;border:6px solid #7f7f7f;border-radius:50%;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hairoil-question-content .no:active:before,.hairoil-question-content .no:focus:before,.hairoil-question-content .no:hover:before,.hairoil-question-content .yes:active:before,.hairoil-question-content .yes:focus:before,.hairoil-question-content .yes:hover:before{-webkit-animation-name:ripple-out;animation-name:ripple-out}.back-btn{display:block;margin:80px auto 0;width:115px}@-webkit-keyframes ripple-out{to{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes ripple-out{to{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@media(max-width:767px){.hairoil-question-container,.result-page-container{margin:30px 10px}.hairoil-home-container{margin:0 auto}.hairoil-home-section{max-width:90%}.display-products{margin-top:30px}.display-products li:nth-child(n+4){display:none}.result-page-section{height:auto}.result-page-item,.result-page-item:last-child{width:100%}.result-page-item img{max-height:200px}.buy-wrapper{display:block;margin-top:20px}.buy-online,.detail-btn{width:100%;display:block;margin-top:15px}.hairoil-question-section{min-height:400px}.hairoil-question-content .no,.hairoil-question-content .yes{padding:10px;width:100px;height:100px;margin:20px;text-align:center;line-height:90px;font-size:21px}.hairoil-outer .hairoil-home-container img.section-bg{height:100%;max-width:auto;width:auto}}.buyOnline-btn{float:right;font-size:.625rem;padding:1.6rem 3rem;font-weight:700;position:relative}.button.-primaryAnimated{background-color:#e32847;color:#fff}@media(min-width:768px){.VueCarousel-inner{flex-basis:auto!important;flex-direction:column!important}.VueCarousel-dot-container{margin-top:0}.VueCarousel-pagination{display:none}.buyOnline-btn{float:right;position:relative;font-size:12px;padding:1.125rem 3rem}}@media(max-width:800px){body .commerceConnector__layout{height:100%}}#apac-container{overflow:hidden}.lip-hair-outer{background:#000;float:left;width:100%}.hairoil-home-container{position:relative;margin:50px auto;max-width:900px;box-shadow:0 0 3px 2px rgba(0,0,0,.7);border-radius:4px;background-size:cover}.hairoil-home-container .home-title{padding-top:55px}.hairoil-home-container .home-title h2{font-size:x-large}.hairoil-home-container .home-title img{max-height:65px}.hairoil-home-container .start-button{outline:1px solid #000;background:#000;padding:10px 20px;color:#fff;text-decoration:none;border:2px solid #ede4cc;display:inline-block}.hairoil-home-container .start-button:after{content:"\2192";margin-left:5px}.hairoil-home-container img{max-width:100%;height:auto;max-height:120px;display:inline}.hairoil-home-section{text-align:center;max-width:70%;margin:0 auto}.hairoil-home-section p{margin:50px auto;width:85%;font-size:.9rem}.display-products{list-style:none;margin:55px auto 0 auto;padding:0;display:flex;justify-content:center}.display-products li{display:inline-block;margin:0 15px}@media(max-width:767px){.hairoil-home-container{height:auto;margin:0 auto;border-radius:0;box-shadow:none}.hairoil-home-section{max-width:90%}.hairoil-home-section p{margin:20px auto;font-size:.8rem}.display-products{margin-top:20px}.display-products li:nth-child(n+4){display:none}}.lip-counsel-container{position:relative;margin:50px auto;padding:12px;max-width:900px}.lip-counsel-container .border-box{width:200px;height:200px;border:13px solid #e42948;position:absolute;top:0;left:0;z-index:1;display:inline-block}.lip-counsel-container .border-box:last-child{border-color:#f7dfd5;top:auto;bottom:0;left:auto;right:0}.lip-counsel-section{background:#fff;height:500px;z-index:2;position:relative;padding:10px;text-align:center}.lip-counsel-section .question{color:#000;text-align:center;margin:30px 0;line-height:50px;font-size:24px;display:block}.lip-counsel-section .question-number{font-weight:700}.lip-counsel-section .progress-wrapper{margin:60px auto 0;position:relative;width:400px}.lip-counsel-section .progress-container{position:relative}.lip-counsel-section .steps{position:relative;display:flex;justify-content:space-between;width:400px}.lip-counsel-section .step{width:10px;height:10px;background:#feadbe;border-radius:50%;transition:background 1s;position:relative}.lip-counsel-section .step span{position:absolute;top:-15px;left:-25px}.lip-counsel-section .progress{position:absolute;width:100%;height:50%;border-bottom:1px dotted #feadbe;z-index:-1}.lip-counsel-section .percent{position:absolute;width:0;height:100%;border-bottom:1px solid #4b81bd;z-index:1;transition:width 1s}.lip-counsel-content{width:97.5%;position:relative;background:#fff;left:0}.lip-counsel-answers{display:flex;flex-wrap:nowrap;justify-content:center;list-style:none;padding:0;margin:0}.lip-counsel-item{margin:0 6px;height:168px;width:168px;cursor:pointer;position:relative}.lip-counsel-item:last-child{margin-right:0}.lip-counsel-item img{max-height:190px;position:absolute;left:0}.lip-counsel-item img:last-child{top:3px;left:3px;opacity:0}.lip-counsel-item img+img:hover{opacity:1}.back-btn{margin-top:50px;margin-bottom:30px;cursor:pointer;display:inline-block}@media(max-width:767px){.lip-counsel-section{height:auto}.lip-counsel-section .progress-wrapper{width:250px;margin-bottom:10px;height:20px;margin-top:20px}.lip-counsel-section .steps{width:250px}.lip-counsel-content{height:auto}.lip-counsel-item{width:48%;margin:0 4px}.lip-counsel-item img{max-height:155px}.lip-counsel-item img:last-child{height:147px}.lip-counsel-item:nth-child(2){margin-right:0}.lip-counsel-answers{flex-wrap:wrap}.back-btn{margin-top:30px;margin-bottom:30px}}.result-page-container{position:relative;margin:50px auto;padding:12px;max-width:700px}.result-page-container .border-box{width:200px;height:200px;border:13px solid #e42948;position:absolute;top:0;left:0;z-index:1;display:inline-block}.result-page-container .border-box:last-child{border-color:#f7dfd5;top:auto;bottom:0;left:auto;right:0}.result-page-section{background:#fff;min-height:350px;z-index:2;position:relative;padding:10px;text-align:center}.result-page-item-wrapper{display:flex;flex-wrap:wrap;justify-content:center;background:#fff4f0;padding:10px}.result-page-item-wrapper:nth-child(2n+2){background:#fff}.result-page-item{width:40%;flex-grow:1}.result-page-item h2{font-size:20px;margin:10px 0;font-weight:700}.result-page-item:last-child{width:60%;text-align:left;padding:15px 0}.result-page-item img{max-height:250px}.buy-wrapper{margin-top:50px}.diagnose-btn{background:#fff;border:none;padding:15px 10px;color:#fff;text-transform:uppercase;line-height:18px;cursor:pointer;width:171px;color:#000;border:1px solid #000;margin:30px 0 20px 0}.diagnose-btn:after{content:" \BB";font-size:18px}.detail-btn{background:#fff;width:171px;background:#599bd8}.buy-online,.detail-btn{border:none;padding:15px 10px;color:#fff;text-transform:uppercase;line-height:18px;cursor:pointer}.buy-online{background:#fff;width:195px;background:#e42948}@media(max-width:767px){.result-page-section{height:auto}.result-page-item,.result-page-item:last-child{width:100%}.result-page-item img{max-height:200px}.buy-online,.detail-btn{width:100%;display:block}}@media screen and (max-width:900px){.commerceConnector__layout{width:100%}}@media screen and (min-width:0){.commerceConnector .commerceConnector__cta{position:fixed;bottom:0;width:100%}.commerceConnector .commerceConnector__cta p{margin:0;width:100%}.commerceConnector .commerceConnector__cta p .button.-primaryAnimated{font-size:.75rem;display:block;padding:1.25rem .625rem}.commerceConnector .commerceConnector__cta p .button.-primaryAnimated .icon{width:.9375rem;height:.9375rem}}@media screen and (min-width:62.4375rem){.commerceConnector .commerceConnector__cta{position:absolute}}.commerceConnector .commerceConnector__description h1{height:6.4375rem;display:table-cell;vertical-align:middle}@media screen and (min-width:62.4375rem){.commerceConnector .commerceConnector__description h1{height:7.4375rem}}.reviews-container{overflow:hidden}#Shopalyst .commerceConnector__layout{position:fixed;height:100vh;max-width:125rem;overflow:hidden;margin:0 auto;top:0;right:0;bottom:0;transform:translateX(110%);will-change:transform;transition:transform .2s ease-in;z-index:1801;background-color:transparent}@media screen and (min-width:0){#Shopalyst .commerceConnector__layout{padding:0}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__layout{padding:0 0 0 2.5rem}}@media screen and (max-width:1000px){#Shopalyst .commerceConnector__layout{max-width:540px;width:100%}}#Shopalyst.-expanded .commerceConnector__layout{transform:translateX(0)}#Shopalyst .commerceConnector__wrapper{position:relative;height:100vh;top:0;right:0;bottom:0;left:0;background-color:#fff;box-shadow:0 3.125rem 3.125rem 0 rgba(0,0,0,.15)}@media screen and (min-width:0){#Shopalyst .commerceConnector__wrapper{width:100%}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__wrapper{width:32.5rem}}#Shopalyst .commerceConnector__description{display:table;background-color:#f7dfd4}@media screen and (min-width:0){#Shopalyst .commerceConnector__description{min-height:8.125rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__description{min-height:9.9375rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__description{height:8.125rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__description{height:9.9375rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__description{padding:.625rem 3.125rem 1.25rem 1.875rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__description{padding:1.25rem 3.125rem}}#Shopalyst .commerceConnector__description *{display:block;text-align:left;color:#000}#Shopalyst .commerceConnector__description .h1{display:table-cell;vertical-align:middle}@media screen and (min-width:0){#Shopalyst .commerceConnector__description .h1{height:6.25rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__description .h1{height:7.4375rem}}#Shopalyst .commerceConnector__description.-shopsNotAvailable{display:flex;height:100vh;align-items:flex-start}@media screen and (min-width:0){#Shopalyst .commerceConnector__description.-shopsNotAvailable{padding:3.125rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__description.-shopsNotAvailable{padding:3.125rem 11.875rem 3.125rem 3.125rem}}#Shopalyst .commerceConnector__description.-shopsNotAvailable .h3{font-family:Noto Sans JP,sans-serif;font-weight:700;font-style:normal}@media screen and (min-width:0){#Shopalyst .commerceConnector__description.-shopsNotAvailable .h3{font-size:1.5625rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__description.-shopsNotAvailable .h3{font-size:2.25rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__description.-shopsNotAvailable .h3{line-height:2.1875rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__description.-shopsNotAvailable .h3{line-height:3.125rem}}#Shopalyst .commerceConnector__close{position:absolute;top:0;right:0;cursor:pointer;padding:1.25rem;z-index:2;display:block}#Shopalyst .commerceConnector__close svg{fill:#000}#Shopalyst .commerceConnector__shops{max-height:92vh;overflow-x:auto;display:flex;-webkit-overflow-scrolling:touch}@media screen and (min-width:0){#Shopalyst .commerceConnector__shops{padding:1.875rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__shops{padding:3.125rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__shops{height:calc(100vh - 110px)}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__shops{height:100%}}@media screen and (min-width:0){#Shopalyst .commerceConnector__shops{flex-direction:column}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__shops{flex-direction:row}}@media screen and (min-width:0){#Shopalyst .commerceConnector__shops{flex-wrap:nowrap}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__shops{flex-wrap:wrap}}#Shopalyst .commerceConnector__stockStatus{font-size:11px;color:#616466;position:relative;top:5px}@media screen and (max-width:62.375rem){#Shopalyst .commerceConnector__stockStatus{top:0;margin-bottom:5px}}@media screen and (min-width:0){#Shopalyst .commerceConnector__item{width:100%}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__item{width:48%}}@media screen and (min-width:0){#Shopalyst .commerceConnector__item{margin-bottom:10px}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__item{margin-bottom:20px}}#Shopalyst .commerceConnector__item input[type=radio]+label{border:.1875rem solid #f1f1f1;background:#fff;padding:0 10px;text-align:center}#Shopalyst .isUsingKeyboard .commerceConnector__item input[type=radio]:focus+label{outline:.125rem solid #000}#Shopalyst .isUsingKeyboard .commerceConnector__item input[type=radio]{opacity:0;height:0}#Shopalyst .commerceConnector__item input[type=radio]:checked+label{border:.1875rem solid #e32847;box-shadow:0 .9375rem 1.875rem 0 rgba(0,0,0,.15)}#Shopalyst .commerceConnector__item label{display:flex;width:100%;flex-flow:column;justify-content:center;align-items:center;border:.1875rem solid #f1f1f1;border-radius:.25rem;cursor:pointer}@media screen and (min-width:0){#Shopalyst .commerceConnector__item label{height:5.3125rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__item label{height:6.875rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__item label{margin-bottom:.625rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__item label{margin-bottom:1.25rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__item label{font-size:.875rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__item label{font-size:1rem}}#Shopalyst .commerceConnector__item label.-unavailable{opacity:.6;cursor:default}#Shopalyst .no-touch .commerceConnector__item label:not(.-unavailable):hover{border-color:#919799}@media screen and (min-width:62.4375rem){#Shopalyst .commerceConnector__item label{display:table-cell;vertical-align:middle;width:200px}#Shopalyst .commerceConnector__item label .commerceConnector__logo{margin-bottom:1rem;margin-left:auto;margin-right:auto}}@media screen and (min-width:0){#Shopalyst .commerceConnector__item:nth-child(odd){margin-right:0}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__item:nth-child(odd){margin-right:4%}}#Shopalyst .-oneShopLayout .commerceConnector__item{width:100%;margin-right:0}#Shopalyst .-oneShopLayout .commerceConnector__item label{margin-bottom:0}#Shopalyst .commerceConnector__radioLabel{display:flex;width:100%;flex-flow:column;justify-content:center;align-items:center;border:.1875rem solid #f1f1f1;border-radius:.25rem;cursor:pointer}@media screen and (min-width:0){#Shopalyst .commerceConnector__radioLabel{height:5.3125rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__radioLabel{height:6.875rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__radioLabel{margin-bottom:.625rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__radioLabel{margin-bottom:.625rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__radioLabel{font-size:.875rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__radioLabel{font-size:1rem}}#Shopalyst .commerceConnector__radioLabel.-unavailable{opacity:.6;cursor:default}@media screen and (min-width:0){#Shopalyst .commerceConnector__logo{height:1.5625rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__logo{height:1.875rem}}@media screen and (min-width:0){#Shopalyst .commerceConnector__logo{margin-bottom:.5625rem}}@media screen and (min-width:999px){#Shopalyst .commerceConnector__logo{margin-bottom:1rem}}#Shopalyst .commerceConnector__overlay{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1002}.oap-multiple-product-push .heroBanner__background{opacity:1}@media screen and (min-width:999px){.oap-content-header .oap-content-hero{height:500px}}