@keyframes underline-permanent-active{0%{background-position-x:right;background-size:100% 1px}49.99%{background-position-x:right;background-size:0 1px}50%{background-position-x:left;background-size:0 1px}100%{background-position-x:left;background-size:100% 1px}}.c-milky-color-popup{position:absolute}@media(max-width: 767.9px){.c-milky-color-popup{left:50%;transform:translateX(-50%);top:-59.4666666667vw}}@media(min-width: 768px){.c-milky-color-popup{bottom:-210px;width:353px;left:-9px}}.c-milky-color-popup img{position:relative;vertical-align:top}@media(min-width: 768px){.c-milky-color-popup.quite-bright-pink-brown{margin-left:20px}}@media(min-width: 768px){.c-milky-color-popup.light-pink-brown{margin-left:20px}}@media(min-width: 768px){.c-milky-color-popup.bright-stylish-brown{margin-left:20px}}@media(min-width: 768px){.c-milky-color-popup.stylish-brown{margin-left:20px}}@media(min-width: 768px){.c-milky-color-popup.pure-brown{margin-left:20px}}@media(min-width: 768px){.c-milky-color-popup.dark-pure-brown{margin-left:20px}}@media(min-width: 768px){.c-milky-color-popup.exceptionally-bright-light-brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.quite-bright-light-brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.brighter-light-brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.bright-light-brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.light-brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.mocha-brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.dark-mocha-brown{margin-left:208px}}@media(min-width: 768px){.c-milky-color-popup.caramel-brown{margin-left:395px}}@media(min-width: 768px){.c-milky-color-popup.ash-brown{margin-left:395px}}@media(max-width: 767.9px){.p-main .p-sec-hero+.p-milky-sec-product{padding-top:23.4666666667vw}.p-main .p-sec-anchor+.p-sec-features{padding-top:13.3333333333vw}.p-main .p-sec-features+.p-sec-color{padding-top:13.3333333333vw}}@media(min-width: 768px){.p-main .p-sec-hero+.p-milky-sec-product{padding-top:172px}.p-main .p-sec-anchor+.p-sec-features{padding-top:90px}.p-main .p-sec-features+.p-sec-color{padding-top:82px}}@media(max-width: 767.9px){.p-milky-sec-product__title{width:55.7333333333vw}}@media(min-width: 768px){.p-milky-sec-product__title{width:335px}}@media(max-width: 767.9px){.p-milky-sec-product__main{padding-top:11.4666666667vw}}@media(min-width: 768px){.p-milky-sec-product__main{padding-top:63px;padding-bottom:58px;margin-right:20px;margin-left:auto;gap:23px}}.p-milky-sec-product__product-image{z-index:1;position:relative}@media(max-width: 767.9px){.p-milky-sec-product__product-image{width:55.4666666667vw}}@media(min-width: 768px){.p-milky-sec-product__product-image{width:296px}}.p-milky-sec-product__color-attention{z-index:-1;position:absolute}@media(max-width: 767.9px){.p-milky-sec-product__color-attention{top:-6.6666666667vw;left:-8vw}}@media(min-width: 768px){.p-milky-sec-product__color-attention{top:-70px;left:-23px}}.p-milky-sec-product__badges{margin:0 auto}@media(max-width: 767.9px){.p-milky-sec-product__badges{position:absolute;bottom:6.6666666667vw;right:-12.8vw;width:18.6666666667vw}.p-milky-sec-product__badges .c-product-badges__badge--round{order:1}.p-milky-sec-product__badges .c-product-badges__badge--pc-harf{order:2}}@media(min-width: 768px){.p-milky-sec-product__badges{width:150px;margin-top:-20px}}@media(min-width: 768px){.p-milky-sec-product__detail{margin-top:28px}}@media(max-width: 767.9px){.p-milky-sec-product__detail{margin-top:1.8666666667vw}}.p-milky-sec-product .p-product::before{visibility:hidden}.p-milky-sec-product .p-product__title,.p-milky-sec-product .p-product__subtitle,.p-milky-sec-product .p-product__bottom-button,.p-milky-sec-product .p-product__main,.p-milky-sec-product .p-product__color-variation{opacity:0}.p-milky-sec-product.in-view .p-product::before{animation:clip-left-to-right 1000ms ease-out both 200ms}.p-milky-sec-product.in-view .p-product__title,.p-milky-sec-product.in-view .p-product__subtitle{animation:fade-up 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1200ms}.p-milky-sec-product.in-view .p-product__bottom-button,.p-milky-sec-product.in-view .p-product__main{animation:fade-up 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1800ms}.p-milky-sec-product.in-view .p-product__color-variation{animation:fade-in 1000ms ease-out both 2400ms}@media(max-width: 767.9px){.p-milky-sec-features__image--image1{width:66.6666666667vw}}@media(min-width: 768px){.p-milky-sec-features__image--image1{width:280px}}@media(max-width: 767.9px){.p-milky-sec-features__image--image2{width:66.6666666667vw}}@media(min-width: 768px){.p-milky-sec-features__image--image2{width:280px}}@media(max-width: 767.9px){.p-milky-sec-features__image--image3{width:66.6666666667vw}}@media(min-width: 768px){.p-milky-sec-features__image--image3{width:280px}}@media(max-width: 767.9px){.p-milky-sec-features__image--image4{width:89.6vw}}@media(min-width: 768px){.p-milky-sec-features__image--image4{width:410px}}@media(max-width: 767.9px){.p-milky-sec-features__flavor{margin-top:9.0666666667vw}}@media(min-width: 768px){.p-milky-sec-features__flavor{margin-top:42px}}.p-sec-features .c-section-title,.p-sec-features .p-features__item,.p-sec-features .c-features-flavor,.p-sec-features .p-features__link{opacity:0}.p-sec-features.in-view .c-section-title{animation:fade-up 600ms ease-out both}.p-sec-features.in-view .p-features__item{animation:fade-in 600ms ease-out both 400ms}.p-sec-features.in-view .c-features-flavor{animation:fade-up 600ms ease-out both 800ms}.p-sec-features.in-view .p-features__link{animation:fade-up 600ms ease-out both 1200ms}.p-milky-sec-color .p-color__head,.p-milky-sec-color .p-milky-color-map,.p-milky-sec-color .p-color-simulation,.p-milky-sec-color .p-color__note-list,.p-milky-sec-color .p-color-counseling{opacity:0}.p-milky-sec-color .p-color-simulation__button{visibility:hidden}.p-milky-sec-color.in-view .p-color__head{animation:fade-up 600ms ease-out both}.p-milky-sec-color.in-view .p-milky-color-map{animation:fade-up 600ms ease-out both 400ms}.p-milky-sec-color.in-view .p-color__note-list{animation:fade-up 600ms ease-out both 800ms}.p-milky-sec-color.in-view .p-color-simulation{animation:fade-in 800ms ease-out both 1000ms}.p-milky-sec-color.in-view .p-color-simulation .p-color-simulation__button{animation:clip-left-to-right 600ms ease-out both 1200ms}.p-milky-sec-color.in-view .p-color-counseling{animation:fade-up 600ms ease-out both 1200ms}.p-milky-color-map{margin:0 auto;position:relative;z-index:1}@media(max-width: 767.9px){.p-milky-color-map{margin-top:10.6666666667vw;width:100%;margin-top:66.4vw}}@media(min-width: 768px){.p-milky-color-map{margin-top:44px;width:750px}}.p-milky-color-map__inner{position:relative;display:flex}@media(max-width: 767.9px){.p-milky-color-map__inner{padding:7.2vw 0 0 4vw}}@media(min-width: 768px){.p-milky-color-map__inner{padding:15px 0 43px 20px}}@media(max-width: 767.9px){.p-milky__brightness-bar{margin-top:18.6666666667vw;margin-bottom:6.4vw;margin-right:1.0666666667vw}}@media(min-width: 768px){.p-milky__brightness-bar{margin-top:82px;margin-right:21px}}.p-milky-color-map__scroll-area{flex:1}@media(max-width: 767.9px){.p-milky-color-map__map{margin-bottom:7.2vw;padding-left:1.3333333333vw}}@media(max-width: 767.9px){.p-milky-color-map__head{display:grid;grid-template-columns:repeat(6, 13.3333333333vw);grid-template-rows:6.4vw 8.5333333333vw;gap:1.0666666667vw}}@media(min-width: 768px){.p-milky-color-map__head{width:100%;display:grid;grid-template-columns:repeat(6, 105px);grid-template-rows:28px 30px;gap:4px}}@media(max-width: 767.9px){.p-milky-color-map__category-box{font-size:3.2vw;line-height:1.3}}@media(min-width: 768px){.p-milky-color-map__category-box{line-height:1.6}}.p-milky-color-map__category-box.pinkred{background-color:rgba(137,68,66,.5);grid-column:1/2;grid-row:1/3}.p-milky-color-map__category-box.brown{background-color:rgba(100,58,46,.5);grid-column:2/5;grid-row:1/2}.p-milky-color-map__category-box.warm{background-color:#c8a192;grid-column:2/3;grid-row:2/3}.p-milky-color-map__category-box.basic{background-color:#c8b093;grid-column:3/4;grid-row:2/3}.p-milky-color-map__category-box.cool{background-color:#aba4a0;grid-column:4/5;grid-row:2/3}.p-milky-color-map__category-box.caramel{background-color:rgba(117,73,24,.5);grid-column:5/6;grid-row:1/3}.p-milky-color-map__category-box.ash{background-color:rgba(77,77,86,.5);grid-column:6/7;grid-row:1/3}.p-milky-color-map__body{display:grid}@media(max-width: 767.9px){.p-milky-color-map__body{grid-template-columns:repeat(6, 13.3333333333vw);grid-template-rows:repeat(6, 12.2666666667vw);gap:1.0666666667vw;margin-top:2.6666666667vw}}@media(min-width: 768px){.p-milky-color-map__body{grid-template-columns:repeat(6, 105px);grid-template-rows:repeat(6, 60px);gap:4px;margin-top:20px}}.p-milky-color-map__color-box.quite-bright-pink-brown{grid-column:1/2;grid-row:2/3}.p-milky-color-map__color-box.light-pink-brown{grid-column:1/2;grid-row:4/5}.p-milky-color-map__color-box.bright-stylish-brown{grid-column:2/3;grid-row:3/4}.p-milky-color-map__color-box.stylish-brown{grid-column:2/3;grid-row:4/5}.p-milky-color-map__color-box.pure-brown{grid-column:2/3;grid-row:5/6}.p-milky-color-map__color-box.dark-pure-brown{grid-column:2/3;grid-row:6/7}.p-milky-color-map__color-box.exceptionally-bright-light-brown{grid-column:3/4;grid-row:1/2}.p-milky-color-map__color-box.quite-bright-light-brown{grid-column:3/4;grid-row:2/3}.p-milky-color-map__color-box.brighter-light-brown{grid-column:3/4;grid-row:3/4}.p-milky-color-map__color-box.bright-light-brown{grid-column:3/4;grid-row:4/5}.p-milky-color-map__color-box.light-brown{grid-column:3/4;grid-row:5/6}.p-milky-color-map__color-box.brown{grid-column:3/4;grid-row:6/7}.p-milky-color-map__color-box.mocha-brown{grid-column:4/5;grid-row:5/6}.p-milky-color-map__color-box.dark-mocha-brown{grid-column:4/5;grid-row:6/7}.p-milky-color-map__color-box.caramel-brown{grid-column:5/6;grid-row:4/5}.p-milky-color-map__color-box.ash-brown{grid-column:6/7;grid-row:5/6}.u-milky-color.quite-bright-pink-brown{background-color:#985d32 !important}.u-milky-border-color.quite-bright-pink-brown{border-color:#985d32 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.quite-bright-pink-brown.c-color-map-button:hover{outline-color:#985d32 !important}}.u-milky-outline-color.quite-bright-pink-brown.c-color-map-button:focus-visible{outline-color:#985d32 !important}.u-milky-outline-color.quite-bright-pink-brown.c-color-map-button.is-active{outline-color:#985d32 !important}.u-milky-color.light-pink-brown{background-color:#6d3131 !important}.u-milky-border-color.light-pink-brown{border-color:#6d3131 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.light-pink-brown.c-color-map-button:hover{outline-color:#6d3131 !important}}.u-milky-outline-color.light-pink-brown.c-color-map-button:focus-visible{outline-color:#6d3131 !important}.u-milky-outline-color.light-pink-brown.c-color-map-button.is-active{outline-color:#6d3131 !important}.u-milky-color.bright-stylish-brown{background-color:#914627 !important}.u-milky-border-color.bright-stylish-brown{border-color:#914627 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.bright-stylish-brown.c-color-map-button:hover{outline-color:#914627 !important}}.u-milky-outline-color.bright-stylish-brown.c-color-map-button:focus-visible{outline-color:#914627 !important}.u-milky-outline-color.bright-stylish-brown.c-color-map-button.is-active{outline-color:#914627 !important}.u-milky-color.stylish-brown{background-color:#7a3c1f !important}.u-milky-border-color.stylish-brown{border-color:#7a3c1f !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.stylish-brown.c-color-map-button:hover{outline-color:#7a3c1f !important}}.u-milky-outline-color.stylish-brown.c-color-map-button:focus-visible{outline-color:#7a3c1f !important}.u-milky-outline-color.stylish-brown.c-color-map-button.is-active{outline-color:#7a3c1f !important}.u-milky-color.pure-brown{background-color:#664632 !important}.u-milky-border-color.pure-brown{border-color:#664632 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.pure-brown.c-color-map-button:hover{outline-color:#664632 !important}}.u-milky-outline-color.pure-brown.c-color-map-button:focus-visible{outline-color:#664632 !important}.u-milky-outline-color.pure-brown.c-color-map-button.is-active{outline-color:#664632 !important}.u-milky-color.dark-pure-brown{background-color:#5c412c !important}.u-milky-border-color.dark-pure-brown{border-color:#5c412c !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.dark-pure-brown.c-color-map-button:hover{outline-color:#5c412c !important}}.u-milky-outline-color.dark-pure-brown.c-color-map-button:focus-visible{outline-color:#5c412c !important}.u-milky-outline-color.dark-pure-brown.c-color-map-button.is-active{outline-color:#5c412c !important}.u-milky-color.exceptionally-bright-light-brown{background-color:#c17c3a !important}.u-milky-border-color.exceptionally-bright-light-brown{border-color:#c17c3a !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.exceptionally-bright-light-brown.c-color-map-button:hover{outline-color:#c17c3a !important}}.u-milky-outline-color.exceptionally-bright-light-brown.c-color-map-button:focus-visible{outline-color:#c17c3a !important}.u-milky-outline-color.exceptionally-bright-light-brown.c-color-map-button.is-active{outline-color:#c17c3a !important}.u-milky-color.quite-bright-light-brown{background-color:#9f6127 !important}.u-milky-border-color.quite-bright-light-brown{border-color:#9f6127 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.quite-bright-light-brown.c-color-map-button:hover{outline-color:#9f6127 !important}}.u-milky-outline-color.quite-bright-light-brown.c-color-map-button:focus-visible{outline-color:#9f6127 !important}.u-milky-outline-color.quite-bright-light-brown.c-color-map-button.is-active{outline-color:#9f6127 !important}.u-milky-color.brighter-light-brown{background-color:#916329 !important}.u-milky-border-color.brighter-light-brown{border-color:#916329 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.brighter-light-brown.c-color-map-button:hover{outline-color:#916329 !important}}.u-milky-outline-color.brighter-light-brown.c-color-map-button:focus-visible{outline-color:#916329 !important}.u-milky-outline-color.brighter-light-brown.c-color-map-button.is-active{outline-color:#916329 !important}.u-milky-color.bright-light-brown{background-color:#82592b !important}.u-milky-border-color.bright-light-brown{border-color:#82592b !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.bright-light-brown.c-color-map-button:hover{outline-color:#82592b !important}}.u-milky-outline-color.bright-light-brown.c-color-map-button:focus-visible{outline-color:#82592b !important}.u-milky-outline-color.bright-light-brown.c-color-map-button.is-active{outline-color:#82592b !important}.u-milky-color.light-brown{background-color:#77512c !important}.u-milky-border-color.light-brown{border-color:#77512c !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.light-brown.c-color-map-button:hover{outline-color:#77512c !important}}.u-milky-outline-color.light-brown.c-color-map-button:focus-visible{outline-color:#77512c !important}.u-milky-outline-color.light-brown.c-color-map-button.is-active{outline-color:#77512c !important}.u-milky-color.brown{background-color:#654a2c !important}.u-milky-border-color.brown{border-color:#654a2c !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.brown.c-color-map-button:hover{outline-color:#654a2c !important}}.u-milky-outline-color.brown.c-color-map-button:focus-visible{outline-color:#654a2c !important}.u-milky-outline-color.brown.c-color-map-button.is-active{outline-color:#654a2c !important}.u-milky-color.mocha-brown{background-color:#6d5936 !important}.u-milky-border-color.mocha-brown{border-color:#6d5936 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.mocha-brown.c-color-map-button:hover{outline-color:#6d5936 !important}}.u-milky-outline-color.mocha-brown.c-color-map-button:focus-visible{outline-color:#6d5936 !important}.u-milky-outline-color.mocha-brown.c-color-map-button.is-active{outline-color:#6d5936 !important}.u-milky-color.dark-mocha-brown{background-color:#524428 !important}.u-milky-border-color.dark-mocha-brown{border-color:#524428 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.dark-mocha-brown.c-color-map-button:hover{outline-color:#524428 !important}}.u-milky-outline-color.dark-mocha-brown.c-color-map-button:focus-visible{outline-color:#524428 !important}.u-milky-outline-color.dark-mocha-brown.c-color-map-button.is-active{outline-color:#524428 !important}.u-milky-color.caramel-brown{background-color:#906b35 !important}.u-milky-border-color.caramel-brown{border-color:#906b35 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.caramel-brown.c-color-map-button:hover{outline-color:#906b35 !important}}.u-milky-outline-color.caramel-brown.c-color-map-button:focus-visible{outline-color:#906b35 !important}.u-milky-outline-color.caramel-brown.c-color-map-button.is-active{outline-color:#906b35 !important}.u-milky-color.ash-brown{background-color:#675739 !important}.u-milky-border-color.ash-brown{border-color:#675739 !important}@media(any-hover: hover)and (pointer: fine){.u-milky-outline-color.ash-brown.c-color-map-button:hover{outline-color:#675739 !important}}.u-milky-outline-color.ash-brown.c-color-map-button:focus-visible{outline-color:#675739 !important}.u-milky-outline-color.ash-brown.c-color-map-button.is-active{outline-color:#675739 !important}@media(min-width: 768px){body{min-width:1000px}}