@charset "UTF-8";@-webkit-keyframes floating{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floating{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes snatch{0%{-webkit-transform:rotate(16.18deg);transform:rotate(16.18deg)}100%{-webkit-transform:translateY(-16.18deg);transform:translateY(-16.18deg)}}@keyframes snatch{0%{-webkit-transform:rotate(16.18deg);transform:rotate(16.18deg)}100%{-webkit-transform:translateY(-16.18deg);transform:translateY(-16.18deg)}}@-webkit-keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes opacity{0%{opacity:0}100%{opacity:1}}#pagetop{display:none!important}.box-pattern02{padding-bottom:0}@media screen and (min-width:768px),print{.introduction{display:-ms-grid;display:grid;-ms-grid-rows:auto;-ms-grid-columns:auto 64px 1fr;grid-template:'keyVisual contents' auto/auto 1fr;grid-gap:64px}}@media screen and (max-width:767px){.introduction{display:block}}@media screen and (min-width:768px),print{.keyVisual{grid-area:keyVisual}}@media screen and (max-width:767px){.keyVisual{margin-left:-7.2vw;margin-right:-7.2vw;margin-top:-8.27vw;margin-bottom:5vw}}@media screen and (max-width:767px){.keyVisual__image{width:100%;height:auto}}.contents{grid-area:contents}@media screen and (min-width:768px),print{.keyVisual{-ms-grid-row:1;-ms-grid-column:1}.contents{-ms-grid-row:1;-ms-grid-column:3}}@media screen and (min-width:768px),print{.contents{padding-top:40px}}.startSimulation{text-align:center}@media screen and (min-width:768px),print{.startSimulation{margin-bottom:40px}}@media screen and (max-width:767px){.startSimulation{margin-bottom:8vw}}.startSimulation__button{background-color:#e4007f;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5em;width:auto;font-weight:700;-webkit-transition:background-color .34s ease 0s;transition:background-color .34s ease 0s}@media screen and (min-width:768px),print{.startSimulation__button{font-size:14px;font-size:1.4rem;padding:8px 40px}}@media screen and (max-width:767px){.startSimulation__button{padding:2vw 10vw;font-size:4vw}}.startSimulation__button,.startSimulation__button:active,.startSimulation__button:hover,.startSimulation__button:link,.startSimulation__button:visited{color:#fff}.startSimulation__button:hover{background-color:#fe2fa2}@media screen and (min-width:768px),print{.startSimulation__icon{margin-right:8px}}@media screen and (max-width:767px){.startSimulation__icon{margin-right:2vw}}.about{position:relative;z-index:1;background-color:#fee8ed}@media screen and (min-width:768px),print{.about{padding:24px;margin-bottom:40px}}@media screen and (max-width:767px){.about{padding:5vw;margin-bottom:8vw}}.about__title{color:#e4007f;font-weight:700}@media screen and (min-width:768px),print{.about__title{font-size:17px;font-size:1.7rem;margin-bottom:16px}}@media screen and (max-width:767px){.about__title{font-size:4.27vw;margin-bottom:3vw}}@media screen and (min-width:768px),print{.about__lead{font-size:14px;font-size:1.4rem}}@media screen and (min-width:768px),print{.howToUse{margin-bottom:40px}}@media screen and (max-width:767px){.howToUse{margin-bottom:8vw}}.howToUse__title{color:#e4007f;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px),print{.howToUse__title{padding-left:24px;padding-right:24px;font-size:17px;font-size:1.7rem;margin-bottom:8px}}@media screen and (max-width:767px){.howToUse__title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:4.27vw;margin-bottom:2vw}}.howToUse__title:after,.howToUse__title:before{content:'';display:block;background:url(/makeup-simulation/img/gnav_item.png) no-repeat 0 0;background-size:cover}@media screen and (min-width:768px),print{.howToUse__title:after,.howToUse__title:before{width:8px;height:8px}}@media screen and (max-width:767px){.howToUse__title:after,.howToUse__title:before{width:2vw;height:2vw}}@media screen and (min-width:768px),print{.howToUse__title:before{margin-right:8px}}@media screen and (max-width:767px){.howToUse__title:before{margin-right:2vw}}@media screen and (min-width:768px),print{.howToUse__title:after{margin-left:8px}}@media screen and (max-width:767px){.howToUse__title:after{margin-left:2vw}}.howToUse__list{counter-reset:howToUse;border-bottom:1px solid #ddd}@media screen and (min-width:768px),print{.howToUse__list{margin-bottom:24px}}@media screen and (max-width:767px){.howToUse__list{margin-bottom:5vw}}.howToUse__item{border-top:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:768px),print{.howToUse__item{padding:16px 24px;font-size:14px;font-size:1.4rem}}@media screen and (max-width:767px){.howToUse__item{padding:3vw 0}}.howToUse__item:before{counter-increment:howToUse;content:counter(howToUse);font-family:"Josefin Sans",sans-serif;background-color:#e4007f;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px),print{.howToUse__item:before{font-size:13px;font-size:1.3rem;min-width:20px;min-height:20px;max-width:20px;max-height:20px;margin-right:8px}}@media screen and (max-width:767px){.howToUse__item:before{font-size:3.2vw;min-width:5vw;min-height:5vw;max-width:5vw;max-height:5vw;margin-right:2vw}}@media screen and (min-width:768px),print{.howToUse__attentionList{padding-left:24px;padding-right:24px;margin-bottom:8px}}@media screen and (max-width:767px){.howToUse__attentionList{margin-bottom:2vw}}.howToUse__attentionItem{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:768px),print{.howToUse__attentionItem{font-size:12px;font-size:1.2rem;margin-bottom:8px}}@media screen and (max-width:767px){.howToUse__attentionItem{font-size:3.2vw;margin-bottom:2vw}}.howToUse__attentionItem:before{content:'※';margin-right:8px}@media screen and (min-width:768px),print{.howToUse__lead{font-size:12px;font-size:1.2rem;padding-left:24px;padding-right:24px}}@media screen and (max-width:767px){.howToUse__lead{font-size:3.2vw}}.youCamMake{display:-ms-grid;display:grid}@media screen and (min-width:768px),print{.youCamMake{border:1px solid #ddd;border-radius:5px;-ms-grid-columns:auto 24px 1fr;grid-template-columns:auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;grid-gap:24px;padding:24px;font-size:12px;font-size:1.2rem}.youCamMake>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.youCamMake>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}}@media screen and (max-width:767px){.youCamMake{border-top:1px solid #ddd;padding-top:5vw;padding-bottom:5vw;-ms-grid-columns:auto 3vw 1fr;grid-template-columns:auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;grid-gap:3vw;margin-left:-7.2vw;margin-right:-7.2vw;padding-left:7.2vw;padding-right:7.2vw;font-size:3.2vw}.youCamMake>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.youCamMake>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}}.anniversary__top{position:relative}@media screen and (max-width:767px){.anniversary__top+.about{margin-top:-14.67vw}}.anniversary__can01{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (min-width:768px),print{.anniversary__can01{position:absolute;right:0;top:-190px}}@media screen and (max-width:767px){.anniversary__can01{margin-right:35px}}.anniversary__character01{-webkit-transform:translateY(50%) translateX(0);transform:translateY(50%) translateX(0);opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715);-webkit-transition-duration:.34s;transition-duration:.34s;-webkit-transition-delay:.55s;transition-delay:.55s}.-inviewActive .anniversary__character01,.anniversary__character01.-inviewActive{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:1}.anniversary__balloon01{margin-right:-35px;-webkit-transform:translateY(16px) translateX(0);transform:translateY(16px) translateX(0);opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715);-webkit-transition-duration:.34s;transition-duration:.34s;-webkit-transition-delay:.89s;transition-delay:.89s}.-inviewActive .anniversary__balloon01,.anniversary__balloon01.-inviewActive{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:1}.anniversary__balloon01+*{margin-top:-10px}.anniversary__item01{position:absolute;-webkit-animation:illust 1.2s infinite .9s;animation:illust 1.2s infinite .9s}@media screen and (min-width:768px),print{.anniversary__item01{left:22px;top:-132px}}@media screen and (max-width:767px){.anniversary__item01{left:12.27vw;top:12.8vw;width:11.58vw;height:auto}}.anniversary__item02{position:absolute;-webkit-animation:illust 1.2s infinite;animation:illust 1.2s infinite}@media screen and (min-width:768px),print{.anniversary__item02{left:96px;top:-152px}}@media screen and (max-width:767px){.anniversary__item02{left:24vw;top:22.13vw;width:14.09vw}}.anniversary__kirakira01{position:absolute}@media screen and (min-width:768px),print{.anniversary__kirakira01{left:-13px;top:-147px}}@media screen and (max-width:767px){.anniversary__kirakira01{left:4vw;top:10.67vw;width:5.4vw}}.anniversary__heart01{position:absolute}@media screen and (min-width:768px),print{.anniversary__heart01{display:none}}@media screen and (max-width:767px){.anniversary__heart01{left:9.33vw;top:34.67vw}}.anniversary__bottom{position:relative}@media screen and (max-width:767px){.anniversary__bottom{padding-bottom:8vw}}.anniversary__can02{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px),print{.anniversary__can02{position:absolute;left:-240px;top:-246px}}@media screen and (max-width:767px){.anniversary__can02{position:relative;padding-left:37.6vw}}@media screen and (max-width:767px){.anniversary__balloon02{width:20vw}}@media screen and (max-width:767px){.anniversary__character02{width:25.47vw;height:auto}}.anniversary__balloon02{margin-left:-13px}.anniversary__item03{position:absolute;-webkit-animation:illust 1.2s infinite .9s;animation:illust 1.2s infinite .9s}@media screen and (min-width:768px),print{.anniversary__item03{left:-339px;top:-168px}}@media screen and (max-width:767px){.anniversary__item03{left:11.2vw;top:9.6vw;width:12.93vw}}.anniversary__item04{position:absolute;-webkit-animation:illust 1.2s infinite;animation:illust 1.2s infinite}@media screen and (min-width:768px),print{.anniversary__item04{left:-284px;top:0}}@media screen and (max-width:767px){.anniversary__item04{left:20.53vw;top:34.67vw;width:12.93vw}}.anniversary__kirakira02{position:absolute}@media screen and (min-width:768px),print{.anniversary__kirakira02{left:-143px;top:-270px}}@media screen and (max-width:767px){.anniversary__kirakira02{left:59.47vw;top:0}}.anniversary__kirakira03{position:absolute}@media screen and (min-width:768px),print{.anniversary__kirakira03{left:-366px;top:-215px}}@media screen and (max-width:767px){.anniversary__kirakira03{left:2.67vw;top:0;width:5.33vw}}.anniversary__kirakira04{position:absolute}@media screen and (min-width:768px),print{.anniversary__kirakira04{left:-320px;top:-16px}}@media screen and (max-width:767px){.anniversary__kirakira04{left:10.67vw;top:32vw;width:5.33vw}}@-webkit-keyframes illust{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}49%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}99%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes illust{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}49%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}99%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.ps__rail-x{display:none;opacity:0;transition:background-color .21s linear,opacity .21s linear;-webkit-transition:background-color .21s linear,opacity .21s linear;height:2px;bottom:0;position:absolute;background-color:rgba(68,68,68,.0618)!important}.product__scroll .ps__rail-x{display:block}.ps__rail-y{display:none;opacity:0;transition:background-color .21s linear,opacity .21s linear;-webkit-transition:background-color .21s linear,opacity .21s linear;width:2px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:1}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:rgba(68,68,68,.618)}.ps__thumb-x{background-color:rgba(68,68,68,.382);transition:background-color .21s linear,height .21s ease-in-out;-webkit-transition:background-color .21s linear,height .21s ease-in-out;height:2px;position:absolute;border-radius:2px}.ps__thumb-y{background-color:rgba(68,68,68,.382);transition:background-color .21s linear,width .21s ease-in-out;-webkit-transition:background-color .21s linear,width .21s ease-in-out;width:2px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:rgba(68,68,68,.618)}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:rgba(68,68,68,.618)}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}@media screen and (min-width:768px),print{.ps__rail-x{opacity:1!important;width:750px}}@media screen and (max-width:767px){.ps__rail-x{width:100vw}}.loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:5;left:0;top:0;background-color:#fff;width:100%;height:100%}@media screen and (min-width:768px),print{.loading.-initial{width:1040px;left:0}}.loading__circle{display:block;min-width:5px;min-height:5px;background-color:#e4007f;border-radius:50%;-webkit-animation:loading .55s ease 0s infinite;animation:loading .55s ease 0s infinite;-webkit-transform-origin:bottom center;transform-origin:bottom center;position:relative}.loading__circle:not(:last-of-type){margin-right:8px}@-webkit-keyframes loading{0%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#e4007f}50%{-webkit-transform:translateY(61.8%);transform:translateY(61.8%);background-color:rgba(228,0,127,.382)}100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#e4007f}}@keyframes loading{0%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#e4007f}50%{-webkit-transform:translateY(61.8%);transform:translateY(61.8%);background-color:rgba(228,0,127,.382)}100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#e4007f}}.-circle01{-webkit-animation-delay:.1s;animation-delay:.1s}.-circle02{-webkit-animation-delay:.2s;animation-delay:.2s}.-circle03{-webkit-animation-delay:.3s;animation-delay:.3s}.-simulation{width:auto;padding-left:80px;padding-right:8px}@media screen and (min-width:768px),print{.simulation{display:-ms-grid;display:grid;-ms-grid-rows:auto auto;-ms-grid-columns:360px 1fr;grid-template:'liveSimulation selectUI' auto 'liveSimulation selectedProduct' auto/360px 1fr;min-height:480px;padding-bottom:24px;position:relative}}@media screen and (max-width:767px){.simulation{display:block}}.liveSimulation{z-index:3}@media screen and (min-width:768px),print{.liveSimulation{grid-area:liveSimulation;position:relative}}@media screen and (max-width:767px){.liveSimulation{position:sticky;left:0;top:0;background-color:#fff;overflow:hidden;max-width:100vw}}.liveSimulation img{width:100%;height:auto}@media screen and (min-width:768px),print{.liveSimulation__simulator{position:sticky;left:0;top:-1px;max-width:360px;height:480px}.liveSimulation__simulator:before{content:'';position:absolute;left:0;top:0;width:360px;height:480px;z-index:2;border:1px solid #f6add6;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:767px){.liveSimulation__simulator{height:100vw}}.liveSimulation__simulator #YMK-module{position:relative}@media screen and (min-width:768px),print{.initialScreen{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-area:initialScreen;height:480px;padding:40px;background-color:rgba(255,233,238,.382);position:absolute;left:360px;margin-left:64px;width:616px;z-index:4}}@media screen and (max-width:767px){.initialScreen{display:none}}.initialScreen__lead{text-align:center}@media screen and (min-width:768px),print{.initialScreen__lead{font-size:18px;font-size:1.8rem;font-weight:400;font-weight:700}}.initialScreen__strong{color:#e4007f}.selectUI{position:relative;z-index:2;display:none}@media screen and (min-width:768px),print{.selectUI{padding-top:24px;grid-area:selectUI}}@media screen and (max-width:767px){.selectUI{padding-top:3vw}}.selectUI.-loaded{display:block}@media screen and (min-width:768px),print{.category01{margin-bottom:32px}}.category01__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:none;flex-wrap:none;position:relative;background-color:#ffe9ee;position:relative;overflow:hidden}@media screen and (min-width:768px),print{.category01__list{padding-left:64px;padding-right:64px;padding-top:32px;margin-right:1px}}@media screen and (max-width:767px){.category01__list{overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;white-space:nowrap;margin-left:-1px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}}.category01__list:after{content:'';display:block;width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#f6add6}.category01__item{scroll-snap-align:start;position:relative;cursor:pointer;background-color:transparent;-webkit-transition:background-color .34s ease 0s,color .34s ease 0s;transition:background-color .34s ease 0s,color .34s ease 0s;text-align:center;outline:0}@media screen and (max-width:767px){.category01__item{font-size:4vw;padding:4vw;border-left:1px solid #f6add6;border-top:1px solid transparent}}@media screen and (min-width:768px),print{.category01__item{padding:16px 8px;-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:1px solid transparent;border-top:1px solid transparent;border-right:1px solid transparent}}.category01__item:after{content:'';width:100%;height:4px;background-color:#fff;position:absolute;z-index:1;left:0;bottom:-2px;opacity:0;-webkit-transition:opacity .34s ease 0s;transition:opacity .34s ease 0s}@media screen and (min-width:768px),print{.category01__item:before,.category01__item:not(.-current):last-of-type:after{content:'';width:1px;height:61.8%;background-color:#fff;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media screen and (min-width:768px),print{.category01__item:not(.-current):last-of-type:after{opacity:1;left:auto;right:0}}@media screen and (max-width:767px){.category01__item+*{border-left:1px solid #f6add6}}.category01__item.-current{background-color:#fff;color:#e4007f;font-weight:700;border-left:1px solid #f6add6;border-top:1px solid #f6add6;border-right:1px solid #f6add6}@media screen and (min-width:768px),print{.category01__item.-current{border-radius:5px 5px 0 0}}.category01__item.-current:after{opacity:1}.category01__item.-current+*{border-left:1px solid transparent}.category01__item.-current+:before{background:#000;opacity:0}.category01__item:hover{color:#e4007f}.category02{position:relative;z-index:1}@media screen and (min-width:768px),print{.category02{margin-bottom:24px}}.product__scroll{width:inherit;position:relative;height:100%}.category02__list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:768px),print{.category02__list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-8px;padding-left:64px;padding-right:64px}}@media screen and (max-width:767px){.category02__list{-ms-flex-wrap:none;flex-wrap:none;position:relative;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;white-space:nowrap;padding:5vw 4vw}}.category02__list:after{content:'';display:block;height:1px;background-color:rgba(255,255,255,0)}@media screen and (min-width:768px),print{.category02__list:after{min-width:64px}}@media screen and (max-width:767px){.category02__list:after{min-width:3vw}}.category02__item{cursor:pointer;outline:0}@media screen and (max-width:767px){.category02__item{font-size:4vw;margin-right:3vw}}@media screen and (min-width:768px),print{.category02__item{font-size:15px;font-size:1.5rem;margin-right:24px;margin-top:8px}}.-current .icon-check,.category02__item:hover .icon-check{color:#e4007f}.-current .icon-check:before,.category02__item:hover .icon-check:before{color:#e4007f;-webkit-transform-origin:center center;transform-origin:center center}.-current .icon-check:before{-webkit-animation:checkIcon .21s ease 0s both;animation:checkIcon .21s ease 0s both}.product{position:relative;z-index:2}@media screen and (min-width:768px),print{.product{width:750px;overflow:hidden;position:relative;min-height:227px}.product:after,.product:before{content:'';display:block;position:absolute;width:64px;height:calc(100% - 8px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;top:0;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),color-stop(61.8%,#fff));background:linear-gradient(to left,rgba(255,255,255,0),#fff 61.8%)}.product:before{left:0}.product:after{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media screen and (max-width:767px){.product{min-height:13vw}}.product__scroll{width:inherit;position:relative;height:100%}@media screen and (min-width:768px),print{.product__scroll{padding:0 64px 40px 64px}}@media screen and (max-width:767px){.product__scroll{overflow:hidden;overflow-x:scroll;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;position:relative;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;padding:0 4vw 8vw 4vw}}.product__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.product__list:after{content:'';display:block;height:1px;background-color:rgba(255,255,255,0)}@media screen and (min-width:768px),print{.product__list:after{min-width:64px}}@media screen and (max-width:767px){.product__list:after{min-width:3vw}}.product__item{border:1px solid #ddd;background-color:#fff;cursor:pointer;position:relative;scroll-snap-align:start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:border-color .34s ease 0s;transition:border-color .34s ease 0s;outline:0}@media screen and (min-width:768px),print{.product__item{border-radius:5px;min-width:128px;width:128px;margin-right:16px}}@media screen and (max-width:767px){.product__item{border-radius:1vw;min-width:28vw;width:28vw;margin-right:3vw}}.product__item:after{content:'メイクに使用中';display:block;position:absolute;right:-1px;top:0;font-size:11px;font-size:1.1rem;line-height:1;background-color:#fedde8;padding:calc(.3em - 1px) .8em .3em .8em;border-radius:0 5px 0 5px;opacity:0;-webkit-transition:opacity .34s ease 0s,background-color .34s ease 0s;transition:opacity .34s ease 0s,background-color .34s ease 0s}.product__item.-applied:after{opacity:1}.product__item.-current:after,.product__item:hover:after{background-color:#e4007f;color:#fff}.product__item.-applied{border:1px solid #fedde8}.product__item.-current,.product__item:hover{border-color:#e4007f}.product__item.-current{-webkit-animation:push .21s ease 0s both;animation:push .21s ease 0s both}@media screen and (max-width:767px){.product__item:before{position:absolute;content:'';border-width:1px;border-style:solid;left:50%;background-color:#fff;border-color:#ddd transparent transparent #ddd;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-transition:opacity .34s ease 0s;transition:opacity .34s ease 0s;pointer-events:none}}@media screen and (max-width:767px) and (max-width:767px){.product__item:before{width:10px;height:10px;margin-left:-7.5px;margin-bottom:-7.5px;bottom:-8vw}}@media screen and (max-width:767px) and (min-width:768px){.product__item:before{width:14px;height:14px;bottom:-48px}}@media screen and (max-width:767px){.product__item.-current:before{opacity:1}}@media screen and (min-width:768px),print{.product__imageWrap{padding:8px}}@media screen and (max-width:767px){.product__imageWrap{padding:2vw}}.product__imageInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.product__imageInner:before{content:'';display:block;padding-top:100%}.product__image{position:absolute;left:50%;top:0;width:auto;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;'}.product__name{border-top:1px solid #ddd;line-height:1.2;min-height:4.8em;text-align:center;white-space:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:background-color .34s ease 0s,color .34s ease 0s,border-color .34s ease 0s,font-weight .34s ease 0s;transition:background-color .34s ease 0s,color .34s ease 0s,border-color .34s ease 0s,font-weight .34s ease 0s}@media screen and (min-width:768px),print{.product__name{font-size:14px;font-size:1.4rem;padding:4px 8px}}@media screen and (max-width:767px){.product__name{font-size:3.2vw;padding:1vw 3vw}}.-applied .product__name{background-color:#fedde8;border-color:#fedde8}.-current .product__name,.product__item:hover .product__name{background-color:#e4007f;color:#fff;border-color:#e4007f;font-weight:700}.color{position:relative;z-index:1}@media screen and (min-width:768px),print{.color{width:750px;overflow:hidden}.color:after,.color:before{content:'';display:block;position:absolute;width:64px;height:calc(100% - 8px);z-index:1;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),color-stop(61.8%,#fff));background:linear-gradient(to left,rgba(255,255,255,0),#fff 61.8%)}.color:before{left:0}.color:after{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media screen and (max-width:767px){.color{margin-top:-1px}}.color__scroll{width:inherit;position:relative;height:100%}@media screen and (min-width:768px),print{.color__scroll{padding:32px 64px 32px 64px}}@media screen and (max-width:767px){.color__scroll{border-top:1px solid #ddd;overflow:hidden;overflow-x:scroll;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;position:relative;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;padding:4vw}}.color__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.color__list:after{content:'';display:block;height:1px;background-color:rgba(255,255,255,0)}@media screen and (min-width:768px),print{.color__list:after{min-width:64px}}@media screen and (max-width:767px){.color__list:after{min-width:3vw}}.color__item{cursor:pointer;scroll-snap-align:start;overflow:hidden;-webkit-transition:color .34s ease 0s;transition:color .34s ease 0s;outline:0}@media screen and (min-width:768px),print{.color__item{min-width:64px;max-width:64px;margin-right:16px}}@media screen and (max-width:767px){.color__item{min-width:15vw;max-width:15vw;margin-right:3vw}}.color__item.-applied,.color__item.-current,.color__item:hover{color:#e4007f}.color__imageWrap{border:1px solid #ddd;position:relative}@media screen and (min-width:768px),print{.color__imageWrap{padding:3px;border-radius:5px;margin-bottom:5px}}@media screen and (max-width:767px){.color__imageWrap{padding:.618vw;border-radius:1vw;margin-bottom:1.5vw}}.-current .color__imageWrap{-webkit-animation:push .21s ease both;animation:push .21s ease both}.-applied .color__imageWrap,.-current .color__imageWrap{border-color:#e4007f}.color__item:hover .color__imageWrap{border-color:#e4007f}.color__imageInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.color__imageInner:before{content:'';display:block;padding-top:100%}.color__image{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;'}@media screen and (min-width:768px),print{.color__image{border-radius:3px}}@media screen and (max-width:767px){.color__image{border-radius:.8vw}}.color__name{line-height:1.1}@media screen and (min-width:768px),print{.color__name{font-size:11px;font-size:1.1rem}}@media screen and (max-width:767px){.color__name{font-size:2.93vw}}.selectedProduct{position:relative;z-index:1;display:none}@media screen and (min-width:768px),print{.selectedProduct{grid-area:selectedProduct;background-color:#ffefd6;border-radius:5px;margin-left:64px;margin-right:64px;padding:3px;margin-top:40px}}@media screen and (min-width:768px),print{.liveSimulation{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}.selectUI{-ms-grid-row:1;-ms-grid-column:2}.selectedProduct{-ms-grid-row:2;-ms-grid-column:2}}@media screen and (max-width:767px){.selectedProduct{background-color:#fee8ed;padding-top:13vw}}.selectedProduct.-loaded{display:block}.selectedProduct__title{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.selectedProduct__title:after{content:'';display:block;-webkit-transform:rotate(15deg);transform:rotate(15deg);background:url(../img/heart.png);background-size:cover}@media screen and (min-width:768px),print{.selectedProduct__title:after{width:8px;height:8px;margin-left:4px}}@media screen and (max-width:767px){.selectedProduct__title:after{width:1.8vw;height:1.8vw;margin-left:1vw}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.selectedProduct__title:after{background:url(../img/heart@2x.png);background-size:cover}}@media screen and (min-width:768px),print{.selectedProduct__title{padding:12px}}@media screen and (max-width:767px){.selectedProduct__title+*{margin-top:3vw}}.selectedProduct__wrap{position:relative;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:768px),print{.selectedProduct__wrap{padding:24px;padding-top:8px}}@media screen and (max-width:767px){.selectedProduct__wrap{padding:8vw 5vw;padding-top:3vw}}@media screen and (max-width:767px){.selectedProduct__wrap:after,.selectedProduct__wrap:before{content:'';width:100%;height:1px;background-color:#fee8ed;display:block;left:0;position:absolute}.selectedProduct__wrap:before{top:.5vw}.selectedProduct__wrap:after{bottom:.5vw}}.selectedProduct__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative}@media screen and (min-width:768px),print{.selectedProduct__list+*{margin-top:16px}}@media screen and (max-width:767px){.selectedProduct__list+*{margin-top:5vw}}@media screen and (min-width:768px),print{.selectedProduct__item{display:-ms-grid;display:grid;-ms-grid-columns:auto 24px 1fr 24px auto;grid-template-columns:auto 1fr auto;-ms-grid-rows:auto;grid-template-rows:auto;grid-gap:24px;margin-top:16px}.selectedProduct__item>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.selectedProduct__item>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.selectedProduct__item>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}}@media screen and (max-width:767px){.selectedProduct__item{display:-ms-grid;display:grid;-ms-grid-columns:auto 3vw 1fr 3vw auto;grid-template-columns:auto 1fr auto;-ms-grid-rows:auto;grid-template-rows:auto;grid-gap:3vw;margin-top:5vw}.selectedProduct__item>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.selectedProduct__item>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.selectedProduct__item>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}}.selectedProduct__imageWrap{border:1px solid #ddd}@media screen and (min-width:768px),print{.selectedProduct__imageWrap{min-width:104px;width:104px;height:104px;padding:8px;border-radius:5px}}@media screen and (max-width:767px){.selectedProduct__imageWrap{width:28vw;padding:2vw;border-radius:1vw}}.selectedProduct__imageInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.selectedProduct__imageInner:before{content:'';display:block;padding-top:100%}.selectedProduct__image{position:absolute;left:0;top:0;width:auto;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;'}.selectedProduct__textWrap{line-height:1.3;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.selectedProduct__category{line-height:1.3}@media screen and (min-width:768px),print{.selectedProduct__category{font-size:12px;font-size:1.2rem}}@media screen and (max-width:767px){.selectedProduct__category{font-size:3.2vw}}@media screen and (min-width:768px),print{.selectedProduct__category+*{margin-top:4px}}@media screen and (max-width:767px){.selectedProduct__category+*{margin-top:1vw}}.selectedProduct__name{font-weight:700}@media screen and (min-width:768px),print{.selectedProduct__name+*{margin-top:4px}}@media screen and (max-width:767px){.selectedProduct__name+*{margin-top:1vw}}.selectedProduct__color{line-height:1.3}@media screen and (min-width:768px),print{.selectedProduct__color{font-size:12px;font-size:1.2rem}}@media screen and (max-width:767px){.selectedProduct__color{font-size:3.2vw}}@media screen and (min-width:768px),print{.selectedProduct__color+*{margin-top:8px}}@media screen and (max-width:767px){.selectedProduct__color+*{margin-top:2vw}}.selectedProduct__link{border:1px solid #e4007f;border-radius:5em;-webkit-transition:background-color .34s ease 0s,color .34s ease 0s;transition:background-color .34s ease 0s,color .34s ease 0s;outline:0}.selectedProduct__link,.selectedProduct__link:active,.selectedProduct__link:link,.selectedProduct__link:visited{color:#e4007f}.selectedProduct__link:hover{background-color:#e4007f;color:#fff}@media screen and (min-width:768px),print{.selectedProduct__link{padding:6px 12px;font-size:13px;font-size:1.3rem}}@media screen and (max-width:767px){.selectedProduct__link{padding:1vw 4vw;font-size:3.47vw}}.selectedProduct__cancel{background-color:#ddd;border-radius:50%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .34s ease 0s;transition:background-color .34s ease 0s;outline:0}.selectedProduct__clear:hover .selectedProduct__cancel{background-color:#1a1a1a}@media screen and (min-width:768px),print{.selectedProduct__cancel{width:20px;height:20px}}@media screen and (max-width:767px){.selectedProduct__cancel{width:6vw;height:6vw}}@media screen and (min-width:768px),print{.selectedProduct__cancel+*{margin-left:8px}}@media screen and (max-width:767px){.selectedProduct__cancel+*{margin-left:2vw}}.selectedProduct__cancel:after,.selectedProduct__cancel:before{content:'';height:1px;display:block;background-color:#fff;position:absolute;left:50%;top:50%}@media screen and (min-width:768px),print{.selectedProduct__cancel:after,.selectedProduct__cancel:before{width:10px;margin-left:-5px}}@media screen and (max-width:767px){.selectedProduct__cancel:after,.selectedProduct__cancel:before{width:3vw;margin-left:-1.5vw}}.selectedProduct__cancel:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.selectedProduct__cancel:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.selectedProduct__cancel{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-transition:background-color .34s ease 0s;transition:background-color .34s ease 0s;outline:0;cursor:pointer}.selectedProduct__cancel:hover{background-color:#1a1a1a}.selectedProduct__clear{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}@media screen and (min-width:768px),print{.selectedProduct__clear{font-size:13px;font-size:1.3rem}}.selectedProduct__blank{text-align:center}@media screen and (min-width:768px),print{.selectedProduct__blank{font-size:14px;font-size:1.4rem}}.transition__fade-enter-active,.transition__fade-leave-active{-webkit-transition:opacity .55s ease 0s;transition:opacity .55s ease 0s}.transition__fade-enter-to,.transition__fade-leave{opacity:1}.transition__fade-enter,.transition__fade-leave-to{opacity:0}.transition__slideY-move{-webkit-transition:-webkit-transform .34s ease 0s;transition:-webkit-transform .34s ease 0s;transition:transform .34s ease 0s;transition:transform .34s ease 0s,-webkit-transform .34s ease 0s}.transition__slideY-enter-active{opacity:0;-webkit-transition:opacity .55s ease 0s,-webkit-transform .55s ease 0s;transition:opacity .55s ease 0s,-webkit-transform .55s ease 0s;transition:opacity .55s ease 0s,transform .55s ease 0s;transition:opacity .55s ease 0s,transform .55s ease 0s,-webkit-transform .55s ease 0s}@media screen and (min-width:768px),print{.transition__slideY-enter-active{-webkit-transform:translateY(8px);transform:translateY(8px)}}@media screen and (max-width:767px){.transition__slideY-enter-active{-webkit-transform:translateY(2vw);transform:translateY(2vw)}}.transition__slideY-enter-to{opacity:1;position:relative;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.transition__slideY-leave-active{position:absolute;visibility:hidden}@-webkit-keyframes checkIcon{0%{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}38.2%{-webkit-transform:scale(.8) translateY(-50%);transform:scale(.8) translateY(-50%)}61.8%{-webkit-transform:scale(.8) translateY(-50%);transform:scale(.8) translateY(-50%)}90%{-webkit-transform:scale(1.0618) translateY(-50%);transform:scale(1.0618) translateY(-50%)}100%{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}}@keyframes checkIcon{0%{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}38.2%{-webkit-transform:scale(.8) translateY(-50%);transform:scale(.8) translateY(-50%)}61.8%{-webkit-transform:scale(.8) translateY(-50%);transform:scale(.8) translateY(-50%)}90%{-webkit-transform:scale(1.0618) translateY(-50%);transform:scale(1.0618) translateY(-50%)}100%{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}}@-webkit-keyframes push{0%{-webkit-transform:scale(1);transform:scale(1)}38.2%{-webkit-transform:scale(.9382);transform:scale(.9382)}61.8%{-webkit-transform:scale(.9382);transform:scale(.9382)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes push{0%{-webkit-transform:scale(1);transform:scale(1)}38.2%{-webkit-transform:scale(.9382);transform:scale(.9382)}61.8%{-webkit-transform:scale(.9382);transform:scale(.9382)}100%{-webkit-transform:scale(1);transform:scale(1)}}