@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;600;700&display=swap);body{font-feature-settings:"palt";background-color:#f6f6f6;color:#777;font-family:"Noto Sans JP",sans-serif}#root,body,html{height:100%}#app{letter-spacing:.12em;font-weight:400}@media(min-width:960px){#app{font-size:12px;display:flex;align-items:stretch;min-height:100%;height:100%}}@media(min-width:0)and (max-width:959px){#app{font-size:2.9333333333vw}}#sidebar{z-index:10;box-sizing:border-box;background-color:#fff;pointer-events:none}@media(min-width:960px){#sidebar{position:relative;flex:460px 0 1}}@media(min-width:0)and (max-width:959px){#sidebar{width:100%}}#sidebar .app-header{z-index:10;pointer-events:none}@media(min-width:960px){#sidebar .app-header{text-align:center;width:100%;padding:80px 50px 0;background:#fff}}@media(min-width:0)and (max-width:959px){#sidebar .app-header{position:absolute;width:100%;top:0;padding-top:10.6666666667vw}}@media(min-width:0)and (max-width:959px){#sidebar .app-title{position:relative;height:17.6vw;text-align:center;margin-bottom:4vw}#sidebar .app-title img{height:100%}}@media(min-width:960px){#sidebar .app-title{margin-bottom:15px}#sidebar .app-title img{width:180px;vertical-align:top}}#sidebar .app-lead{line-height:2;letter-spacing:.24em}@media(min-width:960px){#sidebar .app-lead{font-size:13px}}@media(min-width:0)and (max-width:959px){#sidebar .app-lead{text-align:center;padding:0 10.6666666667vw;font-size:2.9333333333vw}}#sidebar .sidebar-control{width:100%}@media(min-width:960px){#sidebar .sidebar-control{background:#fff;width:460px;width:100%;padding:0 50px 106px}}@media(min-width:0)and (max-width:959px){#sidebar .sidebar-control{width:100%}#sidebar .sidebar-control .btn{margin-bottom:.2666666667vw}#sidebar .sidebar-control .btn:last-of-type{margin-bottom:0}}#sidebar .cond-group:after{content:"";display:block;clear:both}@media(min-width:960px){#sidebar .cond-group{margin-bottom:40px}}#sidebar .cond-group.group_damage .toggle-btn{width:50%;white-space:nowrap}#sidebar .cond-group:last-of-type{margin-bottom:0}#sidebar .btn-show_type{width:100%;pointer-events:auto}@media(min-width:960px){#sidebar .btn-show_type{margin-bottom:40px}}.anim--blink{position:relative;z-index:2}.anim--blink .btn{background-color:#68ba98;overflow:hidden;will-change:transform;position:relative}.anim--blink .btn:before{content:"";display:block;position:absolute;left:-200%;top:0;right:0;bottom:0;z-index:1;background:#fff;transform:skewX(-20deg);opacity:0}.anim--blink .btn:after{content:"";position:absolute;width:100%;height:100%;border:1px solid #68ba98;left:0;top:0;z-index:2}@keyframes flash{0%{right:100%;opacity:1}5%{opacity:.5}10%{right:-40px;left:-100%;opacity:.2}30%{right:-40px;left:-100%;opacity:0}to{right:-40px;left:-100%;opacity:0}}.anim--blink.is-animate .btn:before{animation:flash 4s linear 1 forwards}.anim--blink__old{position:relative;z-index:2}.anim--blink__old .anim__shadow:after{content:"";position:absolute;width:100%;height:110%;filter:blur(7px);border-radius:100%;transform:translateY(-2px);top:0;background-color:#6bffc2;z-index:-1;display:block;opacity:0}.anim--blink__old .btn{background-color:#5e5e5e}.anim--blink__old.is-animate .anim__shadow:after{animation:blink_shadow 2.1s ease infinite normal forwards}.anim--blink__old.is-animate .btn{animation:blink_btn 2.1s ease infinite normal forwards}@keyframes blink_shadow{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes blink_btn{0%{background-color:#5e5e5e}30%{background-color:#68ba98}to{background-color:#5e5e5e}}#loading{position:fixed;z-index:9999;width:100%;height:100%;top:0;left:0;transition:opacity .8s ease-out;transition-delay:.2s;letter-spacing:.12em}@media(min-width:0)and (max-width:959px){#loading{font-size:2.9333333333vw}}#loading.loaded{opacity:0;pointer-events:none}#loading:after{content:"Loading";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error{position:fixed;z-index:99999;font-weight:700;width:100%;font-size:12px;height:40px;line-height:40px;text-align:center;top:0}.modal-enter{opacity:0}.modal-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.modal-exit{opacity:1}.modal-exit-active{opacity:0;transition:opacity .3s,transform .3s}#readout{color:#777}@media(min-width:960px){#readout{position:fixed;right:30px;bottom:40px;pointer-events:none}}@media(min-width:0)and (max-width:959px){#readout{letter-spacing:.16em;padding:3.7333333333vw 5.3333333333vw}}@media(min-width:0)and (max-width:959px){#readout:after{content:"";display:block;clear:both}}#readout dl{padding:0;list-style:none}#readout dl:after{content:"";display:block;clear:both}@media(min-width:960px){#readout dl{margin-top:30px}#readout dl dt{margin-bottom:15px;font-weight:600;letter-spacing:.24em;font-size:14px}#readout dl dd{margin-bottom:7px;letter-spacing:.24em}#readout dl dd:last-of-type{margin-bottom:0}}@media(min-width:0)and (max-width:959px){#readout dl dt{margin-bottom:1.3333333333vw;font-weight:700;letter-spacing:.24em}}@media(min-width:0)and (max-width:959px){#readout .category{float:left}}#readout .category dd{position:relative}@media(min-width:960px){#readout .category dd{padding-left:25px}}@media(min-width:0)and (max-width:959px){#readout .category dd{padding-left:5.3333333333vw;position:absolute}#readout .category dd.cat_2,#readout .category dd.cat_3,#readout .category dd.cat_7{margin-left:24vw}#readout .category dd.cat_2{margin-top:5.4vw}#readout .category dd.cat_3{margin-top:10.8vw}#readout .category dd.cat_4{margin-top:5.4vw}#readout .category dd.cat_5{margin-top:10.8vw}#readout .category dd.cat_6{margin-top:16.2vw}}#readout .category .color{display:inline-block;border-radius:50%;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media(min-width:960px){#readout .category .color{width:14px;height:14px;margin-right:4px}}@media(min-width:0)and (max-width:959px){#readout .category .color{width:3.2vw;height:3.2vw}}@media(min-width:0)and (max-width:959px){#readout .fragrance{float:right}}#readout .fragrance dd{position:relative}@media(min-width:960px){#readout .fragrance dd{padding-left:25px;margin-bottom:8px}}@media(min-width:0)and (max-width:959px){#readout .fragrance dd{padding-left:6.9333333333vw;padding-right:1.3333333333vw;margin-bottom:1.0666666667vw}#readout .fragrance dd:last-of-type{margin-bottom:0}}#readout .fragrance dd .icon{display:block;width:19px;height:19px;margin-left:-1px;background-repeat:no-repeat;background-position:50%;display:inline-block;vertical-align:text-bottom;background-size:contain;margin-right:8px;position:absolute;left:0;text-align:center}#readout .fragrance dd .icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:auto}@media(min-width:0)and (max-width:959px){#readout .fragrance dd .icon{width:5.0666666667vw;height:5.0666666667vw}}@media(min-width:960px){#readout .fragrance dd.fragrance_herb img{width:19px}}@media(min-width:0)and (max-width:959px){#readout .fragrance dd.fragrance_herb img{width:4vw}}#readout .fragrance dd.fragrance_citrus img{width:17px}@media(min-width:0)and (max-width:959px){#readout .fragrance dd.fragrance_citrus img{width:3.4933333333vw}}#readout .fragrance dd.fragrance_unscented img{width:14px}@media(min-width:0)and (max-width:959px){#readout .fragrance dd.fragrance_unscented img{width:2.9226666667vw}}#readout .fragrance dd.fragrance_floral img{width:18px}@media(min-width:0)and (max-width:959px){#readout .fragrance dd.fragrance_floral img{width:4.0213333333vw}}#searchbox_wrapper{pointer-events:none}#searchbox{color:#3d656a;background:#fff}@media(min-width:960px){#searchbox{pointer-events:auto;width:100%;padding:60px 50px 40px;overflow:auto;overscroll-behavior:contain}#searchbox .btn-show_type{margin-top:40px;margin-bottom:0;height:60px}}@media(min-width:0)and (max-width:959px){#searchbox{pointer-events:auto;height:66.6666666667vw;width:100%;max-width:100%;padding:5.3333333333vw 5.3333333333vw 8vw;overflow:auto;overscroll-behavior:contain;-webkit-scroll:touch}}#searchbox h2{text-align:left;padding:0;margin:0;letter-spacing:.24em;font-weight:700;display:flex;align-items:center}@media(min-width:960px){#searchbox h2{font-size:14px;margin-bottom:19px;grid-gap:4px;gap:4px}}@media(min-width:0)and (max-width:959px){#searchbox h2{margin-bottom:4vw;font-size:3.4666666667vw;grid-gap:1.0666666667vw;gap:1.0666666667vw}}#searchbox h2:first-of-type{margin-top:0}#searchbox h2 small{letter-spacing:.12em}#searchbox button,#searchbox input{pointer-events:auto;-webkit-user-select:none;user-select:none}button{-webkit-appearance:none;appearance:none;line-height:1.5;letter-spacing:.12em;outline:0}.btn{text-align:center;text-decoration:none;display:block;color:#fff;background-color:#5e5e5e}@media(min-width:960px){.btn{cursor:pointer;pointer-events:auto;line-height:50px}}@media(min-width:0)and (max-width:959px){.btn{height:16vw;line-height:16vw;border-radius:0;display:block;box-sizing:border-box;width:100%}}.btn.btn-transparent{background-color:transparent;color:#777}.btn.btn-back{pointer-events:auto;letter-spacing:.24em;z-index:5}@media(min-width:960px){.btn.btn-back{position:fixed;left:0;bottom:0;width:460px;height:54px;max-width:40%;line-height:54px;overflow:hidden}}@media(min-width:0)and (max-width:959px){.btn.btn-back{background-color:#fff;color:#000}}.btn.btn-reset{pointer-events:auto}.btn.btn-reset:before{content:"×";margin-right:.5em}@media(min-width:960px){.btn.btn-reset{display:block;width:100%;border:1px solid #5e5e5e;color:#5e5e5e;background-color:#fff;border-radius:20px;height:36px;line-height:34px;transition:background .2s ease-out;transition-property:background-color,border-color,color}.btn.btn-reset:hover{background-color:#5e5e5e;color:#fff}}@media(min-width:0)and (max-width:959px){.btn.btn-reset{background-color:#5e5e5e;color:#fff}}@media(min-width:960px){.btn-group{display:flex;flex-direction:column;flex-wrap:wrap;position:relative;margin:-4px;flex-direction:row}.btn-group:after{content:"";display:block;clear:both}.btn-group .btn,.btn-group .btn-toggle{width:calc(33.33333% - 8px);margin:4px;padding:8px 0}.btn-group.col_2 .btn,.btn-group.col_2 .btn-toggle{width:calc(50% - 8px)}.btn-group.col_2 .btn-toggle:nth-last-of-type(-n+2),.btn-group.col_2 .btn:nth-last-of-type(-n+2){margin-bottom:0}.btn-group:not(.col_2) .btn,.btn-group:not(.col_2) .btn-toggle{width:calc(33.33333% - 8px)}.btn-group:not(.col_2) .btn-toggle:nth-last-of-type(-n+3),.btn-group:not(.col_2) .btn:nth-last-of-type(-n+3){margin-bottom:0}}@media(min-width:0)and (max-width:959px){.btn-group{display:flex;flex-direction:column;flex-wrap:wrap;position:relative;margin:0 -.5333333333vw 8vw;flex-direction:row}.btn-group:after{content:"";display:block;clear:both}.btn-group .btn,.btn-group .btn-toggle{width:calc(33.33333% - 1.42222vw);margin-bottom:2.1333333333vw;margin-right:2.1333333333vw}.btn-group .btn-toggle:last-of-type,.btn-group .btn-toggle:nth-last-of-type(-n+3),.btn-group .btn:last-of-type,.btn-group .btn:nth-last-of-type(-n+3){margin-bottom:0}.btn-group .btn-toggle:nth-child(3n),.btn-group .btn:nth-child(3n){margin-right:0}.btn-group.col_2 .btn,.btn-group.col_2 .btn-toggle{width:calc(50% - 1.06667vw);margin-right:2.1333333333vw;margin-bottom:2.1333333333vw}.btn-group.col_2 .btn-toggle:nth-last-of-type(-n+2),.btn-group.col_2 .btn:nth-last-of-type(-n+2){margin-bottom:0}.btn-group.col_2 .btn-toggle:nth-child(2n),.btn-group.col_2 .btn:nth-child(2n){margin-right:0}}.btn-toggle{background-color:#e6f2ee;outline:0;-webkit-appearance:none;appearance:none;border:0;display:inline-block;position:relative;transition:background .2s ease-out;transition-property:background-color,border-color,color}@media(min-width:960px){.btn-toggle{height:36px;line-height:1.375;border:2px solid transparent;padding:5px 20px;border-radius:30px;cursor:pointer}.btn-toggle:hover{border:2px solid #9fcbb9}}@media(min-width:0)and (max-width:959px){.btn-toggle{height:10.6666666667vw;border-radius:5.3333333333vw}}.btn-toggle.active{background-color:#9fcbb9;color:#fff}.btn-toggle span{position:absolute;top:50%;width:100%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-toggle.disabled{opacity:.2;pointer-events:none!important}.radio-group{margin-left:0;margin-right:0}.radio-group label{cursor:pointer;width:33.3333%;white-space:nowrap}@media(min-width:960px){.radio-group label{padding:10px 0;margin:-10px 0}.radio-group label:hover .radio-bullet:before{opacity:.2}}@media(min-width:0)and (max-width:959px){.radio-group label{padding:4vw 0;margin:-4vw 0}}.radio-group .radio-bullet{display:inline-block;background:#fff;border-radius:50%;position:relative;vertical-align:middle;z-index:5}@media(min-width:960px){.radio-group .radio-bullet{border:2px solid #9fcbb9;width:20px;height:20px}.radio-group .radio-bullet:before{content:"";display:block;width:40px;height:40px;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;border:12px solid #9fcbb9;opacity:0;z-index:-1;transition:opacity .4s cubic-bezier(.19,1,.22,1)}}@media(min-width:0)and (max-width:959px){.radio-group .radio-bullet{border:.5333333333vw solid #9fcbb9;width:5.3333333333vw;height:5.3333333333vw}}.radio-group .radio-bullet:after{content:"";display:block;border-radius:50%;background-color:#9fcbb9;position:absolute;top:50%;left:50%;transform:scale(0);transition:transform .4s cubic-bezier(.19,1,.22,1);z-index:2}@media(min-width:960px){.radio-group .radio-bullet:after{width:16px;height:16px;margin:-8px 0 0 -8px;border:1px solid #fff}}@media(min-width:0)and (max-width:959px){.radio-group .radio-bullet:after{width:4.2666666667vw;height:4.2666666667vw;margin:-2.1333333333vw 0 0 -2.1333333333vw;border:.2666666667vw solid #fff}}.radio-group .radio-bullet.active:after{transform:scale(1)}.radio-group .label-text{position:absolute;top:50%;transform:translateY(-50%)}@media(min-width:960px){.radio-group .label-text{margin-left:10px}}@media(min-width:0)and (max-width:959px){.radio-group .label-text{margin-left:2.6666666667vw}}.radio-group.group_quality .radio-0{width:39.3333333333%}.radio-group.group_quality .radio-1{width:27.3333333333%}.radio-group.group_scalp .radio-1{width:36.6666666667%}.radio-group.group_scalp .radio-2{width:30%}.slider-control{position:relative;display:block;padding:0}@media(min-width:960px){.slider-control{height:50px;margin-top:-15px}}@media(min-width:0)and (max-width:959px){.slider-control{height:10.6666666667vw;margin:-4vw 3.7333333333vw 10.6666666667vw}}.slider-control input{width:100%;margin:0;padding:0;vertical-align:top;display:block;top:0}.slider-control .label{position:absolute;pointer-events:none;bottom:0;letter-spacing:.22em}@media(min-width:960px){.slider-control .label{font-size:12px;top:35px}}@media(min-width:0)and (max-width:959px){.slider-control .label{font-size:2.666666667vw;top:9.3333333333vw}}@media(min-width:960px){.slider-control .label.min{left:0}}@media(min-width:0)and (max-width:959px){.slider-control .label.min{left:-3.7333333333vw}}@media(min-width:960px){.slider-control .label.max{right:0}}@media(min-width:0)and (max-width:959px){.slider-control .label.max{right:-4.5333333333vw}}.slider-control .label.default{width:100%;text-align:center;left:0}.slider-control .dots{text-align:center;box-sizing:border-box;position:relative;margin:0 auto;pointer-events:none;z-index:4;top:0;position:absolute}@media(min-width:960px){.slider-control .dots{margin-left:6px;top:14px;width:calc(100% - 12px);padding:0 3px}}@media(min-width:0)and (max-width:959px){.slider-control .dots{margin-left:1.6vw;padding:0 .8vw;top:3.7333333333vw;width:calc(100% - 3.2vw)}}.slider-control .dot{transform:translateX(-50%);background:#9fcbb9;background:#c0ddd1;border-radius:50%;display:block;position:absolute}@media(min-width:960px){.slider-control .dot{width:6px;height:6px;margin-top:3px}}@media(min-width:0)and (max-width:959px){.slider-control .dot{height:1.8666666667vw;width:1.8666666667vw;margin-top:.6666666667vw}}.slider-control .bar-wrapper{position:absolute;top:0;z-index:1;pointer-events:none;background:#ececec}@media(min-width:960px){.slider-control .bar-wrapper{margin-top:17px;border-top-right-radius:3.5px;border-bottom-right-radius:3.5px;margin-left:6px;height:6px;width:calc(100% - 12px)}}@media(min-width:0)and (max-width:959px){.slider-control .bar-wrapper{margin-top:4.5333333333vw;border-top-right-radius:.9333333333vw;border-bottom-right-radius:.9333333333vw;margin-left:1.6vw;height:1.6vw;width:calc(100% - 3.2vw)}}.slider-control .bar{z-index:1;position:absolute;height:6px;background-color:#9fcbb9;border-radius:6px}@media(min-width:0)and (max-width:959px){.slider-control .bar{border-radius:1.6vw;height:1.6vw}}input[type=range]{-webkit-appearance:none;width:100%;margin:0;vertical-align:top;border-radius:3.5px;height:40px;outline:0}@media(min-width:0)and (max-width:959px){input[type=range]{height:10.6666666667vw}}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:40px;cursor:pointer;box-shadow:none;border-radius:3.5px;border:0 solid #ececec}@media(min-width:0)and (max-width:959px){input[type=range]::-webkit-slider-runnable-track{height:10.6666666667vw;border-radius:.9333333333vw}}input[type=range]::-webkit-slider-thumb{position:relative;z-index:5;box-shadow:none;border:0 solid #9fcbb9;border-radius:50%;background:#9fcbb9;cursor:pointer;-webkit-appearance:none}@media(min-width:960px){input[type=range]::-webkit-slider-thumb{height:12px;width:12px;margin-top:14px}}@media(min-width:0)and (max-width:959px){input[type=range]::-webkit-slider-thumb{height:3.2vw;width:3.2vw;margin-top:3.7333333333vw}}input[type=range]::-moz-range-track{width:100%;height:40px;vertical-align:top;cursor:pointer;box-shadow:none;border-radius:3.5px;border:0 solid #ececec;outline:0}input[type=range]::-moz-range-track:focus{outline:0}input[type=range]::-moz-range-thumb{position:absolute;z-index:5;box-shadow:none;border:0 solid #9fcbb9;height:6px;width:6px;border-radius:3.5px;background:transparent;cursor:pointer;transform:translateY(20px)}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#ececec;border:0 solid #ececec;border-radius:6px;box-shadow:none}input[type=range]::-ms-thumb{box-shadow:none;border:0 solid #9fcbb9;width:6px;border-radius:3.5px;background:#f0f0f0;cursor:pointer;height:6px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#ececec}@media(min-width:960px){.haircaretype-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.haircaretype-header__lead{text-align:center;line-height:2;font-size:16px;font-weight:400;letter-spacing:.24em;font-size:20px}.haircaretype-header__lead br{display:none}.haircaretype-header__length{border:1px solid #777;height:50px;font-style:normal;font-weight:700;font-size:14px;line-height:200%;text-align:center;letter-spacing:.24em;padding-top:8px;max-width:1080px;margin:40px auto;width:100%}.haircaretype-header__length em{font-size:18px;font-style:normal}}@media(min-width:0)and (max-width:959px){.haircaretype-header{background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:10.6666666667vw 6.6666666667vw}.haircaretype-header__lead{text-align:center;margin-top:10.6666666667vw;line-height:2;font-size:4.2666666667vw;font-weight:400;letter-spacing:.24em}.haircaretype-header__length{margin-top:5.3333333333vw;border:1px solid #777;text-align:center;font-size:3.7333333333vw;font-weight:700;padding:1.6vw 2.6666666667vw;width:68vw}.haircaretype-header__length em{font-size:4.8vw;font-style:normal;padding:0 .5333333333vw}}@media(min-width:960px){.damagelevel{padding:40px 90px;display:flex;display:inline-flex;flex-direction:row;align-items:center;background:#f5f5f5;border-radius:70px}.damagelevel__title{font-size:16px;font-weight:700;letter-spacing:.24em;white-space:nowrap;margin-right:40px}.damagelevel__figure{display:flex;align-items:center;font-style:normal;font-weight:700;font-size:11px;line-height:16px;text-align:right;letter-spacing:.04em;color:#777}.damagelevel__figure .legend:first-child{margin-right:15px}.damagelevel__figure .legend:last-child{margin-left:15px}.damagelevel__graph{width:380px;background-color:#ccc;height:10px;border-radius:10px;display:flex;justify-content:space-between;position:relative;padding:2px 3px}.damagelevel__graph .teardrop{width:16px;height:23px;top:0;transition:left .4s cubic-bezier(.19,1,.22,1);position:absolute;margin-left:-3px;margin-top:-7px}.damagelevel__graph .dot{display:block;width:6px;height:6px;background-color:#fff;border-radius:50%;top:0;transition:left .4s cubic-bezier(.19,1,.22,1)}.damagelevel[data-level="0"] .damagelevel__graph .teardrop{left:0}.damagelevel[data-level="1"] .damagelevel__graph .teardrop{left:19.6%}.damagelevel[data-level="2"] .damagelevel__graph .teardrop{left:39.2%}.damagelevel[data-level="3"] .damagelevel__graph .teardrop{left:58.8%}.damagelevel[data-level="4"] .damagelevel__graph .teardrop{left:78.4%}.damagelevel[data-level="5"] .damagelevel__graph .teardrop{left:98%}}@media(min-width:0)and (max-width:959px){.damagelevel{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 2.1333333333vw}.damagelevel__title{font-size:3.7333333333vw;font-weight:700;letter-spacing:.24em;margin-bottom:7.4666666667vw}.damagelevel__figure{width:100%;align-items:center;font-style:normal;font-weight:700;font-size:2.9333333333vw;line-height:4.2666666667vw;text-align:right;letter-spacing:.04em;position:relative;color:#777;padding-top:6.1333333333vw}.damagelevel__figure .legend{position:absolute;top:-.5333333333vw}.damagelevel__figure .legend:first-child{left:-1.6vw}.damagelevel__figure .legend:last-child{right:-1.6vw}.damagelevel__graph{display:block;width:82.9333333333vw;width:100%;background-color:#ccc;height:2.6666666667vw;border-radius:2.6666666667vw;display:flex;justify-content:space-between;position:relative;padding:.5333333333vw .8vw}.damagelevel__graph .teardrop{top:0;transition:left .4s cubic-bezier(.19,1,.22,1);position:absolute;margin-left:-.6666666667vw;left:0;margin-top:-1.8666666667vw}.damagelevel__graph .teardrop,.damagelevel__graph .teardrop img{width:4.2666666667vw;height:6.1333333333vw}.damagelevel__graph .dot{display:block;width:1.6vw;height:1.6vw;background-color:#fff;border-radius:50%;top:0;transition:left .4s cubic-bezier(.19,1,.22,1)}.damagelevel[data-level="0"] .damagelevel__graph .teardrop{left:0}.damagelevel[data-level="1"] .damagelevel__graph .teardrop{left:19.28%}.damagelevel[data-level="2"] .damagelevel__graph .teardrop{left:38.56%}.damagelevel[data-level="3"] .damagelevel__graph .teardrop{left:57.84%}.damagelevel[data-level="4"] .damagelevel__graph .teardrop{left:77.12%}.damagelevel[data-level="5"] .damagelevel__graph .teardrop{left:96.4%}.damagelevel__legends{display:flex;justify-content:space-between;margin-bottom:2.1333333333vw;font-size:2.6666666667vw;font-weight:700;left:0;width:100%}.damagelevel__legends:before{content:"Low";margin-left:-1.8666666667vw}.damagelevel__legends:after{margin-right:-1.8666666667vw;content:"High"}}@media(min-width:960px){.haircaretype{position:fixed;left:0;z-index:1000;background-color:#fff;width:100%;top:0;bottom:0;overflow-y:scroll;padding:120px 50px 160px;font-size:14px;overscroll-behavior:contain}.haircaretype__damagelevel{text-align:center;margin-bottom:80px}.haircaretype__lead{text-align:center}.haircaretype__length{margin-top:20px;text-align:center}.haircaretype .btn-haircaretype__close{position:fixed;top:40px;right:40px;width:30px;height:30px;background-color:transparent;background-position:50%;background-size:30px;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDEybC02IDZNMTIgMTJsNiA2IiBzdHJva2U9IiM1ODU4NTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIHN0cm9rZT0iIzU4NTg1OCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");z-index:2000;border-radius:50%;transition:opacity .4s cubic-bezier(.19,1,.22,1)}.haircaretype .btn-haircaretype__close:hover{opacity:.5}.haircaretype__back{width:320px;border:1px solid #000;margin:80px auto 0;transition:opacity .4s cubic-bezier(.19,1,.22,1)}.haircaretype__back:hover{opacity:.5}.haircaretype__list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;grid-gap:20px 20px;gap:20px 20px;max-width:1080px;margin:0 auto}}@media(min-width:0)and (max-width:959px){.haircaretype{position:fixed;left:0;z-index:1000;background-color:#fff;width:100%;top:0;bottom:0;height:100%;display:flex;flex-direction:column}.haircaretype__body{overflow-y:scroll;overscroll-behavior:contain;padding-bottom:10.6666666667vw}.haircaretype .btn-haircaretype__close{position:fixed;top:5.3333333333vw;right:5.3333333333vw;width:8vw;height:8vw;background-color:transparent;background-position:50%;background-size:8vw;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDEybC02IDZNMTIgMTJsNiA2IiBzdHJva2U9IiM1ODU4NTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIHN0cm9rZT0iIzU4NTg1OCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");z-index:2000;border-radius:50%}.haircaretype__back{width:85.3333333333vw;border:1px solid #000;margin:10.6666666667vw auto 0}.haircaretype__list{margin:0 4vw;display:flex;flex-direction:column;grid-gap:4vw;gap:4vw}}@media(min-width:960px){.product-image{width:100%;max-width:220px;background-color:#ccc;border-radius:50%;align-self:center;aspect-ratio:1/1;margin-bottom:10px;position:relative}.product-image__main{width:100%}.product-image__icon{position:absolute;top:50%;right:16px;margin-top:-12px}.product-image__icon img{width:24px}}@media(min-width:0)and (max-width:959px){.product-image{position:relative;width:100%;width:64vw;height:64vw;border-radius:50%}.product-image__main{width:64vw;height:64vw;border-radius:50%}.product-image__icon{position:absolute;top:50%;width:8vw;height:8vw;right:5.3333333333vw;margin-top:-4vw}.product-image__icon img{width:100%;height:auto;width:8vw;height:8vw}}.product-image--1{background-color:#9ecbb9}.product-image--2{background-color:#dacfbf}.product-image--3{background-color:#e1db7a}.product-image--4{background-color:#f1a783}.product-image--5{background-color:#83b4ba}.product-image--6{background-color:#9c8d9e}.product-image--7{background-color:#c6d288}.product__favorite:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSI+PG1hc2sgaWQ9ImEiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgeD0iMCIgeT0iMCIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xOSAwSDB2MTloMTlWMHoiLz48L21hc2s+PGcgbWFzaz0idXJsKCNhKSI+PHBhdGggc3Ryb2tlPSIjNzM3MzczIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNi40MzEgNC42MDRhMy44MjcgMy44MjcgMCAwMC01LjQyMyAwTDkuNSA2LjEwOCA3Ljk5MiA0LjYwNGEzLjgzNiAzLjgzNiAwIDAwLTUuNDIzIDUuNDIyTDkuNSAxNi45NTdsNS40MjMtNS40MjIgMS41MDgtMS41MDlhMy44MzUgMy44MzUgMCAwMDAtNS40MjJ6Ii8+PC9nPjwvc3ZnPg==")}@media(min-width:960px){.product{display:flex;flex-direction:column;justify-content:flex-start;grid-gap:10px;gap:10px;background-color:#eee;padding:30px 25px 50px;border-radius:5px;letter-spacing:.04em}.product__copy{font-size:14px;font-weight:400;font-weight:700;line-height:2;text-align:justify}.product__name{font-weight:600;font-size:12px}.product__data{font-size:12px;line-height:2;margin-bottom:10px}.product__action{grid-gap:16px;gap:16px;margin-top:20px}.product__action,.product__permalink{display:flex;justify-content:center;align-items:center}.product__permalink{color:#fff;text-align:center;transition:opacity .4s cubic-bezier(.19,1,.22,1);text-decoration:none;width:calc(100% - 66px);max-width:200px;border-radius:50px;height:45px;background-color:#5e5e5e}.product__permalink:hover{opacity:.5}.product__favorite{position:relative;width:50px;height:50px;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center}.product__favorite:before{content:"";width:19px;height:19px;background-size:contain;background-position:50%;background-repeat:no-repeat}.product__favorite:after{top:-24px;display:block;content:"お気に入り";position:absolute;padding-top:3px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MSIgaGVpZ2h0PSIyNyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNzEgMEgwdjIyaDMxLjM0M0wzNiAyNi42NTcgNDAuNjU3IDIySDcxVjB6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");width:71px;height:26.6568489075px;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.19,1,.22,1)}.product__favorite::after--Union{background-position:0 0}.product__favorite:hover:after{opacity:1}.product pre{display:none}}@media(min-width:0)and (max-width:959px){.product{display:flex;flex-direction:column;padding:16vw 5.3333333333vw;letter-spacing:.04em;background-color:#f5f5f5;border-radius:1.3333333333vw}.product .product-image{align-self:center;margin-bottom:12vw}.product__copy{margin-top:-2.1333333333vw;font-weight:400;font-weight:600;line-height:2;text-align:justify;font-size:4.2666666667vw}.product__name{margin-top:2.6666666667vw;text-align:left;font-weight:600}.product__data,.product__name{font-size:3.2vw;letter-spacing:.24em}.product__data{line-height:2;margin-bottom:2.6666666667vw;margin-top:5.3333333333vw}.product__action{display:flex;justify-content:center;align-items:flex-start;grid-gap:6.4vw;gap:6.4vw;margin-top:10.6666666667vw}.product .metadata{margin-top:6.4vw}.product__permalink{color:#fff;text-align:center;transition:opacity .4s cubic-bezier(.19,1,.22,1);text-decoration:none;width:calc(100% - 17.6vw);max-width:61.3333333333vw;border-radius:13.3333333333vw;height:16vw;display:flex;align-items:center;justify-content:center;background-color:#5e5e5e;letter-spacing:.24em}.product__permalink:hover{opacity:.5}.product__favorite{position:relative;width:10.6666666667vw;height:10.6666666667vw;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff}.product__favorite:before{content:"";width:5.0666666667vw;height:5.0666666667vw;background-size:contain;background-position:50%;background-repeat:no-repeat}.product__favorite:after{display:block;content:"お気に入り";position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;bottom:-5.6vw;font-size:2.6666666667vw}}@media(min-width:960px){.metadata{display:flex;list-style-type:none;grid-gap:16px;gap:16px;margin-top:auto}.metadata__category{font-size:12px;display:flex;align-items:center;grid-gap:8px;gap:8px;letter-spacing:.24em}.metadata__category:before{content:"";display:block;width:14px;height:14px;background-color:#ccc;border-radius:50%}.metadata__category--1:before{background-color:#9ecbb9}.metadata__category--2:before{background-color:#dacfbf}.metadata__category--3:before{background-color:#e1db7a}.metadata__category--4:before{background-color:#f1a783}.metadata__category--5:before{background-color:#83b4ba}.metadata__category--6:before{background-color:#9c8d9e}.metadata__category--7:before{background-color:#c6d288}.metadata__fragrance{font-size:12px;display:flex;grid-gap:8px;gap:8px}.metadata__fragrance img{width:16px}}@media(min-width:0)and (max-width:959px){.metadata{display:flex;list-style-type:none;grid-gap:4.2666666667vw;gap:4.2666666667vw;margin-top:auto}.metadata__category{font-size:3.2vw;display:flex;align-items:center;grid-gap:2.1333333333vw;gap:2.1333333333vw;letter-spacing:.24em}.metadata__category:before{content:"";display:block;width:3.7333333333vw;height:3.7333333333vw;background-color:#ccc;border-radius:50%}.metadata__category--1:before{background-color:#9ecbb9}.metadata__category--2:before{background-color:#dacfbf}.metadata__category--3:before{background-color:#e1db7a}.metadata__category--4:before{background-color:#f1a783}.metadata__category--5:before{background-color:#83b4ba}.metadata__category--6:before{background-color:#9c8d9e}.metadata__category--7:before{background-color:#c6d288}.metadata__fragrance{font-size:3.2vw;display:flex;grid-gap:2.1333333333vw;gap:2.1333333333vw}.metadata__fragrance img{width:4.2666666667vw}}@media(min-width:960px){.haircare-footer{position:fixed;bottom:0;left:0;width:100%;pointer-events:none;display:flex;justify-content:flex-end}.haircare-footer__banner{pointer-events:auto;height:80px;transition:opacity .4s cubic-bezier(.19,1,.22,1)}.haircare-footer__banner img{height:80px}.haircare-footer__banner:hover{opacity:.5}}@media(min-width:0)and (max-width:959px){.haircare-footer{background-color:#fff;width:100%}.haircare-footer__banner{background:#ccc;width:100%;display:block;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.haircare-footer__banner img{width:100vw;vertical-align:top}}@media(min-width:960px){.message{pointer-events:none;position:fixed;margin-left:460px;width:calc(100% - 460px);height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;text-align:center;line-height:2;letter-spacing:.24em;font-feature-settings:"palt" on;opacity:0;transition:opacity .4s ease}.message.--show{opacity:1}}@media(min-width:0)and (max-width:959px){.message{pointer-events:none;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.7333333333vw;text-align:center;line-height:2;letter-spacing:.24em;font-feature-settings:"palt" on;opacity:0;transition:opacity .4s ease}.message.--show{opacity:1}}body.show_detail .closeDetail{opacity:1;pointer-events:auto;transform:scale(1)}@media(min-width:0)and (max-width:959px){.closeDetail{opacity:0;z-index:2000;pointer-events:none;width:16vw;height:16vw;background:#fff;position:fixed;right:5.3333333333vw;top:5.3333333333vw;border-radius:50%;box-shadow:0 .8vw 3.4666666667vw rgba(0,0,0,.02);transition:opacity .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1);transform:scale(0)}.closeDetail:after,.closeDetail:before{content:"";display:block;background:#777;width:7.5424723307vw;height:.2666666667vw;position:absolute;top:50%;left:50%;margin-left:-3.7712361653vw}.closeDetail:before{transform:rotate(45deg)}.closeDetail:after{transform:rotate(-45deg)}}@media(min-width:960px){#graph,#graph svg{position:fixed;top:0;left:0;width:100%;height:100%}}@media(min-width:0)and (max-width:959px){#graph{top:0;height:149.8666666667vw}#graph svg{height:100%;width:100%}}svg{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(min-width:0)and (max-width:959px){svg{height:149.8666666667vw!important;width:100vw!important}}svg .product{cursor:pointer}svg .product.hidden,svg .product .tip{pointer-events:none}svg .product:hover .tip{opacity:1}svg .product.beforeZoom .fragrance,svg .product.zoomed .fragrance{opacity:0}svg .product.beforeZoom .thumbnail,svg .product.zoomed .thumbnail{transition:all .8s cubic-bezier(.19,1,.22,1);position:absolute}@media(min-width:960px){svg .product.beforeZoom .thumbnail,svg .product.zoomed .thumbnail{y:-200px;width:200px;height:200px;x:-100px}}svg .product.zoomed .detail{opacity:1;transition-delay:.1s}svg .product.zoomed .detail .detail_anchor{pointer-events:auto}svg .product .foreignObject{position:relative;left:0;width:100%}svg .product .detail_wrapper{position:relative}@media(min-width:960px){svg .product .detail_wrapper{transform:translate(-240px,-240px);height:480px;width:480px}}@media(min-width:0)and (max-width:959px){svg .product .detail_wrapper{transform:translate(-46.666666667vw,-46.666666667vw);height:93.3333333333vw;width:93.3333333333vw}}svg .product .detail{transition:opacity .4s cubic-bezier(.19,1,.22,1);pointer-events:none;opacity:0;overflow:visible;position:relative}svg .product .detail .detail_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-weight:400;color:#fff;line-height:1;letter-spacing:.24em}@media(min-width:960px){svg .product .detail .detail_title{font-size:14px;padding-bottom:17px;width:360px;margin:0 auto 10px;border-bottom:1px solid #fff;clear:both}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_title{padding-bottom:3.2vw;width:66.6666666667vw;margin:0 auto 3.2vw;font-size:3.2vw;border-bottom:.2666666667vw solid #fff}}svg .product .detail .detail_text{left:0;line-height:1.83333333;letter-spacing:.24em;color:#fff;text-align:left;overflow:hidden}@media(min-width:960px){svg .product .detail .detail_text{width:360px;height:110px;font-size:12px;margin:0 auto}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_text{width:66.6666666667vw;height:16vw;overflow:hidden;margin:0 auto 1.3333333333vw;text-align:justify;line-height:1.7;font-size:2.9333333333vw}}svg .product .detail .detail_anchor{background-color:#fff;color:#777;text-decoration:none;letter-spacing:.24em;text-align:center}@media(min-width:960px){svg .product .detail .detail_anchor{padding:10px;border-radius:25px;width:168px;display:block;margin:0 auto;transition:background-color .4s cubic-bezier(.19,1,.22,1),color .4s cubic-bezier(.19,1,.22,1)}svg .product .detail .detail_anchor:hover{background-color:hsla(0,0%,100%,.15);color:#fff}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_anchor{font-size:2.9333333333vw;width:37.3333333333vw;margin:0 auto;display:block;height:10.6666666667vw;line-height:10.6666666667vw;border-radius:5.8666666667vw;padding:0;bottom:0}}svg .product .detail .detail_fragrance{color:#fff;background-repeat:no-repeat;background-position:50%}svg .product .detail .detail_fragrance img{position:absolute}@media(min-width:960px){svg .product .detail .detail_fragrance{width:240px;height:240px;margin-left:240px;padding-top:180px;text-align:center;font-size:11px;background-position:center 135px}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_fragrance{width:46.6666666667vw;height:46.6666666667vw;margin-left:48vw;padding-top:36vw;white-space:nowrap;text-align:center;font-size:2.9333333333vw;letter-spacing:.24em;background-position:center 25.3333333333vw}}@media(min-width:960px){svg .product .detail .detail_fragrance[data-fragrance=floral]{background-size:39.93px 35.91px}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_fragrance[data-fragrance=floral]{background-size:8.3449782867vw 7.5048377229vw}}@media(min-width:960px){svg .product .detail .detail_fragrance[data-fragrance=citrus]{background-size:36.81px 36.86px}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_fragrance[data-fragrance=citrus]{background-size:7.6929288939vw 7.7033784034vw}}@media(min-width:960px){svg .product .detail .detail_fragrance[data-fragrance=unscented]{background-size:30.78px 30.78px}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_fragrance[data-fragrance=unscented]{background-size:6.4327180482vw 6.4327180482vw}}@media(min-width:960px){svg .product .detail .detail_fragrance[data-fragrance=herb]{background-size:42.12px 36.47px}}@media(min-width:0)and (max-width:959px){svg .product .detail .detail_fragrance[data-fragrance=herb]{background-size:8.8026668028vw 7.6218722293vw}}svg .icon{fill:#fff}
/*# sourceMappingURL=main.a730bbb2.chunk.css.map */