@charset "UTF-8";.milk_kv_area{background-image:none;background-color:#bc71c4;position:relative;z-index:2;height:calc(100vh - 13vw);top:-100px}@media screen and (max-width:960px){.milk_kv_area{top:0}}.milk_kv_area:after{content:"";position:absolute;top:100%;left:0;width:100%;aspect-ratio:1440/132;background-image:var(--hairmilk-kv-bg_pc);background-size:cover;background-clip:content-box}.milk_kv_area_bg{width:100%;height:100%;position:relative;z-index:10}.milk_kv_area_bg:before,.milk_kv_area_bg:after{content:"";position:absolute;z-index:100;background-size:contain}.milk_kv_area_bg:before{top:11vw;left:0;width:47vw;aspect-ratio:713/637;background-image:var(--hairmilk-kv-bg_01_pc)}@media screen and (max-width:960px){.milk_kv_area_bg:before{background-image:var(--hairmilk-kv-bg_01_sp);top:30%;left:55%;width:60vw;transform:translate(-50%,-50%)}}@media screen and (max-width:630px){.milk_kv_area_bg:before{background-image:var(--hairmilk-kv-bg_01_sp);top:60px;left:0;width:100vw;aspect-ratio:373/369;transform:none}}.milk_kv_area_bg:after{bottom:-9vw;right:7vw;width:23vw;aspect-ratio:315/201;background-image:var(--hairmilk-kv-bg_02_pc)}@media screen and (max-width:630px){.milk_kv_area_bg:after{width:40vw}}.mask_kv_ttlarea{text-align:left;top:35%;right:4.5vw}@media screen and (max-width:960px){.mask_kv_ttlarea{left:3vw;top:70%;right:auto}}.mask_kv_ttl,.mask_kv_subttl{filter:drop-shadow(0 0 25px #6B3CBA)}@media screen and (max-width:960px){.mask_kv_ttl,.mask_kv_subttl{color:#fff;filter:drop-shadow(0 0 25px #6B3CBA)}.mask_kv_ttl{font-size:9.33vw;line-height:140%}}.mask_kv_ttl:after,.mask_kv_subttl:after{display:none}.mask_feature{margin-top:-9.6vw;background-image:var(--hairmilk-feature-bg)}.mask_feature_wrap{padding-top:23vw;padding-bottom:10vw}@media screen and (max-width:768px){.mask_feature_wrap{padding-top:27vw}}.mask_feature:before{display:none}.mask_feature_container{flex-direction:column}@media screen and (max-width:960px){.mask_feature_container{padding-top:78vw}}.mask_feature_ttl{font-size:4.16vw;letter-spacing:.04em;line-height:156%;writing-mode:horizontal-tb;display:block}@media screen and (max-width:960px){.mask_feature_ttl{font-size:8vw}}.mask_feature_intro_img{width:50vw;top:-3vw}@media screen and (max-width:960px){.mask_feature_intro_img{width:74.205vw;top:-1.5vw;right:0}}.mask_feature_main{align-self:baseline;padding-left:0}.hairmilk_kinds{max-width:83.333vw;margin:0 auto;background-color:#fff;border-radius:3.47vw;box-shadow:0 0 20px #0003;padding:6.73vw 6.73vw 2.8vw;margin-top:10vw}@media screen and (max-width:768px){.hairmilk_kinds{margin-top:14vw;padding:6.73vw 6.73vw 8vw}}.hairmilk_kinds_heading{font-size:6.94vw;font-weight:700;text-align:center;margin-top:-13vw}@media screen and (max-width:768px){.hairmilk_kinds_heading{font-size:16vw;margin-top:-20vw}}.hairmilk_kinds_subtitle{font-size:1.8vw;font-weight:700;text-align:center}@media screen and (max-width:768px){.hairmilk_kinds_subtitle{font-size:4.26vw}}.hairmilk_kinds_products{display:flex;gap:0 5.55vw;margin-top:3vw}@media screen and (max-width:960px){.hairmilk_kinds_products{gap:0;margin-top:7vw}}.hairmilk_kinds_products_item{display:flex;flex:1;gap:0 1.73vw;position:relative}@media screen and (max-width:960px){.hairmilk_kinds_products_item{display:block;flex:none}}.hairmilk_kinds_products_item:not(:first-child):before{content:"";background-image:var(--line-dots);position:absolute;top:0;left:-2.8vw;width:2.5px;height:100%;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:960px){.hairmilk_kinds_products_item:not(:first-child):before{display:none}}.hairmilk_kinds_products_left{width:calc((100% - 1.73vw)*.32);margin:0 auto}@media screen and (max-width:960px){.hairmilk_kinds_products_left{width:22.9vw}}.hairmilk_kinds_products_right{display:flex;flex-direction:column;justify-content:space-around;width:calc((100% - 1.73vw)*.68)}@media screen and (max-width:960px){.hairmilk_kinds_products_right{width:100%}}.hairmilk_kinds_products_title{font-size:2.36vw}@media screen and (max-width:960px){.hairmilk_kinds_products_title{font-size:7.46vw;text-align:center;margin-top:3vw}}.hairmilk_kinds_products_item:nth-child(odd) .hairmilk_kinds_products_title{color:#bc71c4}.hairmilk_kinds_products_item:nth-child(2n) .hairmilk_kinds_products_title{color:#e491c6}.hairmilk_kinds_products_description{font-size:1.11vw;letter-spacing:.03em;line-height:150%;color:#333}@media screen and (max-width:960px){.hairmilk_kinds_products_description{font-size:3.73vw;margin-top:3vw}}.hairmilk_kinds_products_label{display:flex;justify-content:space-between;gap:1vw}@media screen and (max-width:960px){.hairmilk_kinds_products_label{margin-top:3vw}}.hairmilk_kinds_products_label_item{color:#fff;flex:1;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:50%;text-align:center;font-size:1.25vw;font-weight:700;line-height:110%}@media screen and (max-width:960px){.hairmilk_kinds_products_label_item{font-size:4.8vw}}.hairmilk_kinds_products_item:nth-child(odd) .hairmilk_kinds_products_label_item{background-color:#bc71c4}.hairmilk_kinds_products_item:nth-child(2n) .hairmilk_kinds_products_label_item{background-color:#e491c6}.hairmilk_kinds_products_link{font-size:1.11vw;background-color:#ff6683;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;padding:1.01vw 0;border-radius:4.16vw}@media screen and (max-width:960px){.hairmilk_kinds_products_link{font-size:4.26vw;margin-top:5vw;padding:3vw 0;border-radius:16vw}}.mask_type_img_area{aspect-ratio:auto}@media screen and (max-width:960px){.mask_type_txt{font-size:3.73vw}}.hairmilk_point{margin-top:6vw}@media screen and (max-width:768px){.hairmilk_point{margin-top:14vw}}.hairmilk_point_item:not(:first-child){margin-top:5.13vw}@media screen and (max-width:768px){.hairmilk_point_item:not(:first-child){margin-top:12vw}}.hairmilk_point_title{font-size:3.75vw;padding-left:10.06vw;padding-top:3.47vw;position:relative}@media screen and (max-width:768px){.hairmilk_point_title{padding-left:0;font-size:8vw;padding-top:13.4vw}}.hairmilk_point_title:before,.hairmilk_point_title:after{content:"";position:absolute}.hairmilk_point_title:before{top:0;left:0;background-image:var(--icon-point-01);background-size:contain}@media screen and (max-width:768px){.hairmilk_point_title:before{left:31.8vw}}.hairmilk_point_item:nth-child(1) .hairmilk_point_title:before{background-image:var(--icon-point-01);width:7.63vw;height:8.33vw}@media screen and (max-width:768px){.hairmilk_point_item:nth-child(1) .hairmilk_point_title:before{width:10.6vw;height:11.4vw}}.hairmilk_point_item:nth-child(2) .hairmilk_point_title:before{background-image:var(--icon-point-02);width:8.4vw;height:7.55vw}@media screen and (max-width:768px){.hairmilk_point_item:nth-child(2) .hairmilk_point_title:before{width:11.2vw;height:9.86vw}}.hairmilk_point_title:after{top:0;left:10.06vw;width:11.1vw;height:3.47vw;background-image:var(--num-point-01);background-size:contain}@media screen and (max-width:768px){.hairmilk_point_title:after{width:29.8vw;height:9.33vw;top:2vw;left:0}}.hairmilk_point_item:nth-child(1) .hairmilk_point_title:after{background-image:var(--num-point-01)}.hairmilk_point_item:nth-child(2) .hairmilk_point_title:after{background-image:var(--num-point-02)}.hairmilk_point_description{color:#333;font-size:1.1vw;line-height:150%;letter-spacing:.03em;padding-left:10.06vw;margin-top:1.66vw}@media screen and (max-width:768px){.hairmilk_point_description{font-size:3.74vw;padding-left:0}}.hairmilk_point_img{display:block;margin-top:2.36vw;width:100%}@media screen and (max-width:768px){.hairmilk_point_img{margin-top:5vw}}.hairmilk_point_img img{display:block;width:100%}.hairmilk_point_note{font-size:.83vw;color:#333;text-align:right;font-weight:300;margin-top:1.5vw}@media screen and (max-width:768px){.hairmilk_point_note{font-size:2.66vw;text-align:left;margin-top:4.5vw}}.mask_product_container_inner{background-color:#ffffffe6}.mask_type_recommend{background:#fff}.hairmilk_type_ingredient_description{font-size:1.1vw;letter-spacing:.03em;line-height:150%;color:#333;margin-top:2vw}@media screen and (max-width:768px){.hairmilk_type_ingredient_description{font-size:3.73vw;text-align:left;margin-top:7.5vw}}.hairmilk_type_ingredient_list{display:flex;width:55vw;margin:2vw auto 0}@media screen and (max-width:768px){.hairmilk_type_ingredient_list{width:100%}}.hairmilk_type_ingredient_item{aspect-ratio:255.83/300;background-image:var(--polka-dots);background-size:contain;background-repeat:no-repeat;flex:1;display:flex;align-items:center;justify-content:center;font-size:2.08vw;font-weight:700;letter-spacing:-.03em}@media screen and (max-width:768px){.hairmilk_type_ingredient_item{font-size:4vw}}.hairmilk_type_ingredient_note{font-size:.83vw;text-align:right;color:#333;letter-spacing:.03em;font-weight:300}@media screen and (max-width:768px){.hairmilk_type_ingredient_note{font-size:2.4vw;text-align:center;margin-top:2vw}}.hairmilk_type_ingredient_content+.hairmilk_type_ingredient_content{margin-top:3vw}@media screen and (max-width:768px){.hairmilk_type_ingredient_content+.hairmilk_type_ingredient_content{margin-top:16vw}}.hairmilk_boxList{display:flex;gap:0 3.81vw;margin-top:3vw}@media screen and (max-width:768px){.hairmilk_boxList{display:block;margin-top:7vw}}.hairmilk_boxList_item{flex:1;display:flex;flex-direction:column}.hairmilk_boxList_item:not(:first-child){position:relative}@media screen and (max-width:768px){.hairmilk_boxList_item:not(:first-child){margin-top:17.8vw}}.hairmilk_boxList_item:not(:first-child):before,.hairmilk_boxList_item:not(:first-child):after{content:"";position:absolute;width:26px;height:2px;background:#ff6683;top:50%;left:-8%}@media screen and (max-width:768px){.hairmilk_boxList_item:not(:first-child):before,.hairmilk_boxList_item:not(:first-child):after{top:-60%;left:47%;transform:translateY(-50%)}}.hairmilk_boxList_item:not(:first-child):before{transform:rotate(45deg)}.hairmilk_boxList_item:not(:first-child):after{transform:rotate(-45deg)}.hairmilk_boxList_item h4{font-size:1.59vw;color:#fff;background-color:#ff6683}@media screen and (max-width:768px){.hairmilk_boxList_item h4{font-size:4.8vw}}.hairmilk_boxList_item p{font-size:1.1vw;line-height:160%;padding:1.07vw 1.49vw;background:#fff;flex:1;display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){.hairmilk_boxList_item p{font-size:3.73vw;padding:2.13vw 3.2vw}}.hairmilk_detail{display:grid;column-gap:3.81vw;row-gap:1.66vw;margin-top:2.63vw;grid-template:auto 1fr / 1fr 1fr;grid-template-areas:"img title" "img description"}@media screen and (max-width:768px){.hairmilk_detail{display:block;margin-top:5.6vw}}.hairmilk_detail_img{display:block;width:100%;grid-area:img}@media screen and (max-width:768px){.hairmilk_detail_img{margin-top:8vw}}.hairmilk_detail_title{font-size:1.1vw;letter-spacing:.03em;line-height:150%;text-align:left;font-weight:500;color:#333;grid-area:title;padding-top:1.59vw}@media screen and (max-width:768px){.hairmilk_detail_title{font-size:3.73vw}}.hairmilk_detail_description{font-size:.83vw;line-height:150%;letter-spacing:.03em;text-align:left;font-weight:300;color:#333;grid-area:description}@media screen and (max-width:768px){.hairmilk_detail_description{font-size:2.4vw;margin-top:5vw}}.hairmilk_detail+.mask_type_ingredient_ttl{margin-top:4vw}@media screen and (max-width:768px){.hairmilk_detail+.mask_type_ingredient_ttl{margin-top:15vw}}.howto_box_wrap{gap:3vw;width:80%;margin:0 auto}@media screen and (max-width:960px){.howto_box_wrap{display:block}}.howto_box{flex:1}@media screen and (max-width:960px){.howto_box{display:flex;align-items:center;gap:3vw}}@media screen and (max-width:960px){.howto_box:not(:first-child){margin-top:5vw}}.howto_box .howto_box_img{display:flex;align-items:flex-end;object-fit:contain}@media screen and (max-width:960px){.howto_box img{width:20%;object-fit:contain;vertical-align:bottom}}.howto_box:nth-child(1) img{width:40%;object-fit:contain}@media screen and (max-width:960px){.howto_box:nth-child(1) img{width:20%;transform:scale(.6)}}.howto_box:nth-child(2) img{transform:translateY(-4%)}.howto_box:nth-child(3) img{transform:translateY(-4%) scale(.9)}@media screen and (max-width:960px){.howto_box:nth-child(3) img{transform:translateY(-9%) scale(1)}}.howto_box:nth-child(4) img{margin-right:-2%;transform:scale(1.2)}@media screen and (max-width:960px){.howto_box:nth-child(4) img{transform:scale(1.5) translate(12%)}}.howto_box:before{left:-2.3vw}@media screen and (max-width:960px){.howto_box:before{left:50%;top:-3vw}}.howto_box_txtarea{position:relative}.howto_box_txtarea .item{padding:.556vw 1vw}@media screen and (max-width:960px){.howto_box_txtarea{width:70%}}@media screen and (max-width:960px){.howto_box_txtarea .howto_box_txt{text-align:left}}.mask_amount_used_wrap{padding-bottom:3vw;padding-left:5%;padding-right:5%}@media screen and (max-width:768px){.mask_amount_used_wrap{display:block;padding-left:10%;padding-right:10%}}.amount_used_ttl:before,.amount_used_ttl:after{width:calc((100% - 22vw)/2)}@media screen and (max-width:960px){.amount_used_ttl:before,.amount_used_ttl:after{width:calc((100% - 50vw)/2)}}.hairmilk_amount_used_wrapper{margin:3.4vw 5vw 0;width:100%}@media screen and (max-width:960px){.hairmilk_amount_used_wrapper{margin:8.5vw 0vw 0}}.hairmilk_amount_used_list{display:flex;gap:6.38vw;width:100%}@media screen and (max-width:960px){.hairmilk_amount_used_list{gap:0}}.hairmilk_amount_used_item{flex:1;position:relative;padding-bottom:2.5vw}@media screen and (max-width:960px){.hairmilk_amount_used_item{flex:none}}.hairmilk_amount_used_item:not(:first-child):before{content:"";background-image:var(--line-dots);position:absolute;top:0;left:-3vw;width:2.5px;height:100%;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:960px){.hairmilk_amount_used_item:not(:first-child):before{display:none}}.hairmilk_amount_used_title{font-size:1.18vw;letter-spacing:.01em;border:1px solid #FF6683;border-radius:3.47vw;text-align:center;padding:.3vw}@media screen and (max-width:960px){.hairmilk_amount_used_title{font-size:4.53vw;padding:1.8vw;border-radius:13.3vw}}.hairmilk_amount_used_text{font-size:1.11vw;letter-spacing:-.078em;text-align:center;line-height:160%;color:#333;margin-top:1.1vw;font-weight:500}@media screen and (max-width:960px){.hairmilk_amount_used_text{font-size:3.73vw;margin-top:3vw}}.hairmilk_amount_used_text span{color:#ff6683;font-weight:700}.hairmilk_amount_used_info{display:flex;gap:1.11vw;margin-top:1.25vw}@media screen and (max-width:960px){.hairmilk_amount_used_info{margin-top:5vw}}.hairmilk_amount_used_info_item{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:.6vw 0}.hairmilk_amount_used_info_title{font-size:1.04vw;min-height:2.916vw;display:flex;justify-content:center;align-items:center;text-align:center}@media screen and (max-width:960px){.hairmilk_amount_used_info_title{font-size:4vw}}.hairmilk_amount_used_info_detail{border-radius:50%;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.875vw;letter-spacing:.01em;line-height:130%}@media screen and (max-width:960px){.hairmilk_amount_used_info_detail{font-size:7.19vw}}.hairmilk_amount_used_info_item:nth-child(odd) .hairmilk_amount_used_info_detail{background-color:#ffe8ec}.hairmilk_amount_used_info_item:nth-child(2n) .hairmilk_amount_used_info_detail{background-color:#ffe8fc}.hairmilk_amount_used_info_detail span{font-size:.97vw}@media screen and (max-width:960px){.hairmilk_amount_used_info_detail span{font-size:3.73vw}}.hairmilk_amount_used_note{font-size:.83vw;letter-spacing:.03em;color:#333;margin-left:auto;margin-right:2.98vw;font-weight:300;margin-top:.6vw}@media screen and (max-width:960px){.hairmilk_amount_used_note{font-size:2.66vw;text-align:center}}.product_list{background-color:#ffdae1}.product_list:before{display:none}.mask_product_container{padding-top:14vw}.mask_re{background:#bc71c4}.whip_fragrance{padding-top:0}.whip_fragrance:before{-webkit-mask-image:none;mask-image:none}@media screen and (max-width:960px){.whip_fragrance:after{z-index:-1}}.ingredients_accordion .answer{background-color:#fff}.product_list_box_set{object-fit:contain}.product_list_box{padding-bottom:10px}.swiper-button-prev,.swiper-button-next{color:#ff6683}@media screen and (max-width:768px){.swiper-button-next:after,.swiper-button-prev:after{font-size:20px}.swiper-button-next{left:auto;right:0;text-align:right}.swiper-button-prev{left:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hairmilk.css.map */