.product-detail-pc-followup{display:inline}.product-detail-smart-phone-followup{display:none}@media screen and (max-width:960px){.product-detail-pc-followup{display:none}.product-detail-smart-phone-followup{display:inline}}.thankyouPointExchange-intro-pc{display:inline}.thankyouPointExchange-intro-phone{display:none}@media screen and (max-width:960px){.thankyouPointExchange-intro-pc{display:none}.thankyouPointExchange-intro-phone{display:inline}}.g-account-reset-v2 div:first-child{margin:auto}.g-reset-v2-message{line-height:1.8;font-size:.75rem;color:#c8102e}.ecm-main .skin-diagnosis{font-size:16px;color:#4d4d4d;line-height:1.5em}.ecm-main .skin-diagnosis .skin-diagnosis__about,.ecm-main .skin-diagnosis .skin-diagnosis__how-to,.ecm-main .skin-diagnosis .skin-diagnosis__questionnaire,.ecm-main .skin-diagnosis .skin-diagnosis__recommend-product-container,.ecm-main .skin-diagnosis .skin-diagnosis__result,.ecm-main .skin-diagnosis .skin-diagnosis__start{background-color:#fff;padding:20px 4vw 35px;max-width:1000px;margin:0 auto 50px;position:relative;border-radius:0 15px 0 0}@media screen and (max-width:960px){.ecm-main .skin-diagnosis{font-size:12px;padding-top:60px}}.ecm-main .skin-diagnosis__section{padding:30px 4vw}.ecm-main .skin-diagnosis__section--bg-logo-gray,.ecm-main .skin-diagnosis__section--bg-logo-white{background-image:url(../images/dcl-logo-bg-block.jpg)}.ecm-main .skin-diagnosis__section--bg-logo-gray{background-blend-mode:multiply;background-color:#e8e8e8}.ecm-main .skin-diagnosis__section--result{display:none}.ecm-main .skin-diagnosis__top-hero{position:relative;background-size:cover;background-repeat:no-repeat;height:60vh;max-height:500px;background-image:url(../images/skin-diagnosis/CiSkinCam_hero_pc.jpg)}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__top-hero{height:40vh;background-image:url(../images/skin-diagnosis/CiSkinCam_hero_sp.jpg)}}.ecm-main .skin-diagnosis__top-hero:after{content:"";width:100%;height:100%;display:block;position:absolute;top:0}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__top-hero:after{background-color:#909090;mix-blend-mode:soft-light}}.ecm-main .skin-diagnosis__top-hero-container{max-width:1000px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-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;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10%}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__top-hero-container{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}}.ecm-main .skin-diagnosis__top-hero-wrap{max-width:1120px;margin:auto;position:relative;height:100%}.ecm-main .skin-diagnosis__top-hero-wrap img{max-width:320px}.ecm-main .skin-diagnosis__top-title{letter-spacing:.3em;font-size:28px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__top-title{letter-spacing:.2em;font-size:22px}}.ecm-main .skin-diagnosis__top-subtitle{letter-spacing:.4em;margin-top:20px;font-size:15px}.ecm-main .skin-diagnosis__about{margin-bottom:10px}.ecm-main .skin-diagnosis__about-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__about-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px}}.ecm-main .skin-diagnosis__about-item{width:50%;letter-spacing:.1em;padding-top:25px;max-width:335px;margin:auto}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__about-item{width:100%;letter-spacing:.1em}}.ecm-main .skin-diagnosis__about-title{font-size:22px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__about-title{font-size:18px}}.ecm-main .skin-diagnosis__about-description{font-size:14px;line-height:2.5em}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__about-description{font-size:12px}}.ecm-main .skin-diagnosis__about-image img{max-width:100%}.ecm-main .skin-diagnosis__about-btn{width:60%;margin:35px auto;max-width:600px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__about-btn{width:100%}}.ecm-main .skin-diagnosis__about-btn>a,.ecm-main .skin-diagnosis__about-btn button{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;color:#c8102e;font-weight:400;border-radius:50px;font-size:24px;padding:.8em}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__about-btn>a,.ecm-main .skin-diagnosis__about-btn button{font-size:14px}}.ecm-main .skin-diagnosis__about-btn>a:hover,.ecm-main .skin-diagnosis__about-btn button:hover{color:#c8102e}.ecm-main .skin-diagnosis__about-btn .ecm-icon-arrow{margin-left:.2em;width:.8em;height:.8em}.ecm-main .skin-diagnosis__how-to-title{text-align:center;margin-bottom:50px}.ecm-main .skin-diagnosis__step{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:900px;margin:auto;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;list-style:none;padding:0}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 45px}}.ecm-main .skin-diagnosis__step-heading{margin:22px 0;font-size:22px}.ecm-main .skin-diagnosis__step-detail{width:27%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:300px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__step-detail{width:100%;margin:auto}}.ecm-main .skin-diagnosis__step-image img{max-width:100%}.ecm-main .skin-diagnosis__step-arrow{margin:0 15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;padding-top:30px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__step-arrow{padding-top:30px;padding-bottom:20px}}.ecm-main .skin-diagnosis__step-arrow>i{width:30px!important;height:40px!important}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__step-arrow>i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.ecm-main .skin-diagnosis__step-text{margin-top:auto;padding-top:30px;font-size:14px}.ecm-main .skin-diagnosis__questionnaire-container{max-width:780px;margin:0 auto}.ecm-main .skin-diagnosis__questionnaire-title-container{padding:30px;padding-bottom:45px;text-align:center}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__questionnaire-title-container{padding:10px;padding-bottom:30px}}.ecm-main .skin-diagnosis__questionnaire-title{font-size:20px;font-weight:700}.ecm-main .skin-diagnosis__questionnaire-description{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ecm-main .skin-diagnosis__question-item{margin:0 auto;margin-bottom:75px;font-size:15px;letter-spacing:1px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__question-item{margin-bottom:40px}}.ecm-main .skin-diagnosis__input-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:700px;margin:25px auto 20px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__input-item{margin-left:20px;margin-right:20px}}.ecm-main .skin-diagnosis__input-item label{font-size:14px}.ecm-main .skin-diagnosis__question2-note{font-size:13px}.ecm-main .skin-diagnosis__question2-note.\--pc{font-weight:400;margin-left:5px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__question2-note.\--pc{display:none}}.ecm-main .skin-diagnosis__question2-note.\--sp{display:block;line-height:1.5em;margin:0 20px 25px;padding:5px 10px;border:1px solid #ccc;position:relative}.ecm-main .skin-diagnosis__question2-note.\--sp:before{position:absolute;content:"";width:94%;top:-6px;left:3%;height:10px;background-color:#fff}.ecm-main .skin-diagnosis__question2-note.\--sp:after{position:absolute;content:"";width:94%;left:3%;bottom:-6px;height:10px;background-color:#fff}@media print,screen and (min-width:961px){.ecm-main .skin-diagnosis__question2-note.\--sp{display:none}}.ecm-main .skin-diagnosis__radio{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__radio{width:100%;margin-bottom:1.5em}}.ecm-main .skin-diagnosis__radio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:1.6em;height:1.6em;border:2px solid #dadada;margin-right:7px;position:relative;margin-top:0}.ecm-main .skin-diagnosis__radio input:checked{border:6px solid #a9a9a9}.ecm-main .skin-diagnosis__select{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__select{width:100%}}.ecm-main .skin-diagnosis__select:after{content:"";position:absolute;right:10px;top:45%;width:10px;height:10px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #ababab;font-size:20px;pointer-events:none}.ecm-main .skin-diagnosis__select>select{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:9px 15px;font-size:14px;border:1px solid #cecece;color:#000;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.ecm-main .skin-diagnosis__priority-label{margin-right:0;width:100px;white-space:nowrap;margin-bottom:5px;margin-right:20px}.ecm-main .skin-diagnosis__add-select{background-color:initial;position:relative;border:initial;text-decoration:underline;font-size:16px;cursor:pointer}.ecm-main .skin-diagnosis__add-select:before{content:"\FF0B";width:1.2em;line-height:1.2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #000;position:absolute;top:3px;-webkit-box-sizing:content-box;box-sizing:content-box;left:-20px}.ecm-main .skin-diagnosis__form-button{max-width:400px;margin:0 auto;text-align:center;font-size:14px}.ecm-main .skin-diagnosis__badge-required{font-weight:400;font-size:.8em;margin-left:.3em}.ecm-main .skin-diagnosis__badge-required:after{content:"(\5FC5\9808)";color:#c8102e}.ecm-main .skin-diagnosis__badge-optional{font-weight:400;font-size:.8em;margin-left:.3em}.ecm-main .skin-diagnosis__badge-optional:after{content:"(\4EFB\610F)";color:#4d4d4d}.ecm-main .skin-diagnosis__start{height:600px;padding-top:50px!important;position:relative}.ecm-main .skin-diagnosis__start-title{font-size:18px;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);width:100%}@media print,screen and (min-width:961px){.ecm-main .skin-diagnosis__start-title{font-size:24px}}.ecm-main .skin-diagnosis__start-title>h2{display:inline-block}.ecm-main .skin-diagnosis__loading,.ecm-main .skin-diagnosis__YMK-module{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ecm-main .skin-diagnosis__loading{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100% - 90px);position:absolute;width:100%;top:0;left:0;z-index:999;background-color:#fff}.ecm-main .skin-diagnosis__loading-title{position:absolute;top:-1.4em;font-size:29px;letter-spacing:.1em;margin:0;left:-3.3em}.ecm-main .skin-diagnosis__loading-title img{width:220px}.ecm-main .skin-diagnosis__loader{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out;color:#717171;font-size:10px;margin:80px auto;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.ecm-main .skin-diagnosis__loader:after,.ecm-main .skin-diagnosis__loader:before{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out;content:"";position:absolute;top:0}.ecm-main .skin-diagnosis__loader:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.ecm-main .skin-diagnosis__loader:after{left:3.5em}@-webkit-keyframes load7{0%,80%,to{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,to{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}.ecm-main .skin-diagnosis__progressing{display:none;top:0;left:0;width:100vw;height:100vh;background-image:url(../images/dcl-logo-bg-block.jpg);background-color:#fff;z-index:10;position:fixed}.ecm-main .skin-diagnosis__progressing-chart{max-width:100%;position:absolute;width:260px;padding:22px;left:50%;top:calc(50% + 50px);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__progressing-chart{top:calc(50% + 10px)}}.ecm-main .skin-diagnosis__progressing-late{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);font-size:65px;font-weight:700}.ecm-main .skin-diagnosis__progressing-late:after{content:"%";font-size:.4em;margin-left:.1em}.ecm-main .skin-diagnosis__progressing-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:23px;font-weight:700;position:absolute;left:0;right:0;-webkit-transition:width .5s;transition:width .5s;margin-top:35px}.ecm-main .skin-diagnosis__progressing-status:before{content:"";width:.8em;height:1.1em;margin-right:.5em;display:inline-block;background-size:cover;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4xODYiIGhlaWdodD0iMTQuMTY2IiB2aWV3Qm94PSIwIDAgMTAuMTg2IDE0LjE2NiI+PHJlY3Qgd2lkdGg9IjAuOTUyIiBoZWlnaHQ9IjEwLjAxNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi40MyAwLjY3Mykgcm90YXRlKC00NSkiIGZpbGw9IiNjODEwMmUiLz48cGF0aCBkPSJNNjgwLjUyNyw1MjAuOTUybDMuOTgsMy45OC0zLjk4MSwzLjk4LjY3My42NzMsMy45OC0zLjk4MSwxLjc1NywxLjc1Ny0zLjk4LDMuOTgxLjY3My42NzMsNC42NTMtNC42NTMtNy4wODMtNy4wODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjgwLjUyNyAtNTE3Ljg0OSkiIGZpbGw9IiNjODEwMmUiLz48L3N2Zz4=)}.ecm-main .skin-diagnosis__title{font-size:1.5em;padding-bottom:.5em;border-bottom:5px solid #565656}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__title{font-size:1.7em}}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__title{font-size:1.7em}}.ecm-main .skin-diagnosis__title--icon:before{content:none;background-image:url(../images/skin-diagnosis/data-chart-text.png);width:2em;height:1em;margin-right:.4em;display:inline-block;background-size:contain;background-repeat:no-repeat;position:relative;top:3px}.ecm-main .skin-diagnosis__title>span{margin:0 .1em;font-style:italic}.ecm-main .skin-diagnosis__container{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:700px){.ecm-main .skin-diagnosis__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.ecm-main .skin-diagnosis__face-item{width:40%;padding:10px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__face-item{width:100%;padding:0}}.ecm-main .skin-diagnosis__face-image-container{max-width:350px;margin-right:auto}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__face-image-container{margin:0 auto}}@media screen and (max-width:960px) and (max-width:500px){.ecm-main .skin-diagnosis__face-image-container{border-bottom:5px solid #565656;padding-bottom:10px}}.ecm-main .skin-diagnosis__face-image{max-width:100%}.ecm-main .skin-diagnosis__score-item{width:60%;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__score-item{width:100%;padding:0;padding-top:20px}}.ecm-main .skin-diagnosis__balance-age{width:30%;max-width:180px}.ecm-main .skin-diagnosis__circle-box{-webkit-box-sizing:content-box!important;box-sizing:content-box!important;width:calc(80% - 20px);height:calc(80% - 20px);padding-top:calc(80% - 20px);background-color:#fff;background-image:url(../images/skin-diagnosis/circle.png);background-size:contain;background-repeat:no-repeat;position:relative;margin:0 auto}.ecm-main .skin-diagnosis__circle-score{line-height:calc(80% - 20px);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);font-size:50px;font-weight:700}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__circle-score{font-size:45px}}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__circle-score{font-size:35px}}@media screen and (max-width:374px){.ecm-main .skin-diagnosis__circle-score{font-size:25px}}.ecm-main .skin-diagnosis__hr-balance-age{border:2px solid #dadada;border-width:1px;margin-top:27px;height:25.5em}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__hr-balance-age{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}.ecm-main .skin-diagnosis__bar-data{width:65%}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__bar-data{-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2}}.ecm-main .skin-diagnosis__bar-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ecm-main .skin-diagnosis__bar-data-remarks{margin:0;font-size:14px;display:none}@media print,screen and (min-width:961px){.ecm-main .skin-diagnosis__bar-data-remarks.\--pc{display:block;margin-bottom:1em}}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__bar-data-remarks.\--sp{display:block;margin-top:.5em;font-size:12px}}.ecm-main .skin-diagnosis__bars{list-style:none;padding:0;margin:0}.ecm-main .skin-diagnosis__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.6em}.ecm-main .skin-diagnosis__bar:not(:first-child){cursor:pointer}.ecm-main .skin-diagnosis__bar-scale img{width:100%;-webkit-transform:scale(1.06);transform:scale(1.06)}.ecm-main .skin-diagnosis__bar-scale-title{min-width:75px;margin:0}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__bar-scale-title{min-width:52px;font-size:12px}}.ecm-main .skin-diagnosis__bar-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;min-width:75px;margin:0}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__bar-title{min-width:52px;font-size:12px}}.ecm-main .skin-diagnosis__bar-progress{position:relative;background-color:#b4c0be;height:14px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__bar-progress{height:10px;height:12px}}.ecm-main .skin-diagnosis__bar-fill{position:absolute;height:100%;-webkit-transition:width .5s;transition:width .5s;width:0;background-color:#c8102e}.ecm-main .skin-diagnosis__bar-range{position:absolute;height:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:0;background-image:url(../images/skin-diagnosis/skin-diagnosis_bar-fill.png);background-color:#c8102e36;opacity:.9;border:1px solid #fff}.ecm-main .skin-diagnosis__bar-score{font-weight:700;color:#c8102e;font-size:23px;margin:0;min-width:1.5em;text-align:center}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__bar-score{font-size:15px}}.ecm-main .skin-diagnosis__average-remarks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:10px 0}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__average-remarks{font-size:12px}}.ecm-main .skin-diagnosis__average-remarks-text{margin:0 5px}.ecm-main .skin-diagnosis__average-remarks-bar{background-image:url(../images/skin-diagnosis/skin-diagnosis_bar-fill.png);background-color:#c8102e36;width:20px;height:.8em;position:relative;top:1px}.ecm-main .skin-diagnosis__btn-container{width:100%;margin:0 auto;-ms-flex-item-align:end;align-self:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.ecm-main .skin-diagnosis__btn-container>*{width:calc(50% - 5px)!important}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__btn-container>*{width:100%!important}}.ecm-main .skin-diagnosis__record-check{text-align:center}.ecm-main .skin-diagnosis__record-check a{color:#000}.ecm-main .skin-diagnosis__share-result{max-width:750px;text-align:center;margin:0 auto}.ecm-main .skin-diagnosis__share-heading{font-size:24px;font-weight:700;margin-top:0;margin-bottom:2em;position:relative}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__share-heading{font-size:17px}}.ecm-main .skin-diagnosis__share-heading:after{content:"";position:absolute;top:6px;border:.5em solid transparent;border-top:.8em solid #c8102e;margin-left:.3em}.ecm-main .skin-diagnosis__sns-icons{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:0}.ecm-main .skin-diagnosis__sns-icons>li{cursor:pointer;width:60px;height:60px;border-radius:50%;background-color:#fff}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__sns-icons>li{width:50px;height:50px}}.ecm-main .skin-diagnosis__sns-icons>li>img{width:100%}.ecm-main .skin-diagnosis .modal-backdrop{display:block}.ecm-main .skin-diagnosis .modal-size{height:auto!important;top:0!important}.ecm-main .skin-diagnosis__radar-container{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:700px){.ecm-main .skin-diagnosis__radar-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.ecm-main .skin-diagnosis__radar-heading{border-bottom:2px solid #dadada;font-size:1.5em;padding-bottom:.7em}.ecm-main .skin-diagnosis__radar-heading>span{font-size:.8em;margin-left:1em}.ecm-main .skin-diagnosis__date-heading{border-bottom:4px solid #565656;padding-bottom:.3em}.ecm-main .skin-diagnosis__date-heading:before{content:"date /";margin-right:1em;font-size:12px}.ecm-main .skin-diagnosis__radar-item{width:50%}@media screen and (max-width:700px){.ecm-main .skin-diagnosis__radar-item{width:100%}}.ecm-main .skin-diagnosis__radar{width:400px;max-width:100%;margin:0 auto;margin-top:-20px}.ecm-main .skin-diagnosis__comment-item{width:50%}@media screen and (max-width:700px){.ecm-main .skin-diagnosis__comment-item{width:100%}}.ecm-main .skin-diagnosis__comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #dadada;padding:.8em 1em;line-height:1.6em;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:25px}.ecm-main .skin-diagnosis__comment-text{width:calc(100% - 10px);-ms-flex-item-align:start;align-self:flex-start;margin:0}.ecm-main .skin-diagnosis__comment-siropy{display:inline-block;width:25%;background-color:#fff}@media print,screen and (min-width:961px){.ecm-main .skin-diagnosis__each-comment-box{height:300px;overflow-y:scroll;border:1px solid #e6e6e6;border-radius:7px;padding:0 15px;scrollbar-width:9px;scrollbar-color:red}.ecm-main .skin-diagnosis__each-comment-box::-webkit-scrollbar{width:9px}.ecm-main .skin-diagnosis__each-comment-box::-webkit-scrollbar-track{background-color:#f0f0f0;border-radius:30px}.ecm-main .skin-diagnosis__each-comment-box::-webkit-scrollbar-thumb{background-color:#b6b6b6;border-radius:30px}}.ecm-main .skin-diagnosis__each-comment{list-style:none;padding:0;margin-bottom:0}@media print,screen and (min-width:961px){.ecm-main .skin-diagnosis__each-comment.collapse{display:block!important}}.ecm-main .skin-diagnosis__each-comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.ecm-main .skin-diagnosis__each-comment-score{width:50px;-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:22px;text-align:center;line-height:10px}.ecm-main .skin-diagnosis__each-comment-text{font-size:12px;margin:0 10px}.ecm-main .skin-diagnosis__comment-button--pc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px;max-width:700px;margin:0 auto;font-size:13px;margin-top:18px}.ecm-main .skin-diagnosis__comment-button--pc>*{width:48%}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__comment-button--pc{display:none}}.ecm-main .skin-diagnosis__comment-button--sp{margin-bottom:30px}@media print,screen and (min-width:961px){.ecm-main .skin-diagnosis__comment-button--sp{display:none}}.ecm-main .skin-diagnosis__modal-content{padding-bottom:40px;max-height:85vh}.ecm-main .skin-diagnosis__modal-body{overflow-y:scroll}.ecm-main .skin-diagnosis__recommend-product{background-color:#fff}.ecm-main .skin-diagnosis__recommend-product-button{max-width:480px;margin:0 auto}.ecm-main .skin-diagnosis .ecm-product-list-item{margin-top:50px}.ecm-main .skin-diagnosis .ecm-product-list-item__container{display:inline}.ecm-main .skin-diagnosis .ecm-product-list-item__image img{max-width:100%}.ecm-main .skin-diagnosis .ecm-product-list-item__image>a{z-index:1;position:absolute;max-width:calc(100% - 20px * 2);max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto}.ecm-main .skin-diagnosis .ecm-product-list-item__contents{text-align:center}.ecm-main .skin-diagnosis .ecm-product-list-item__contents__catch{font-weight:700;font-size:13px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis .ecm-product-list-item__contents__catch{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:35px}}.ecm-main .skin-diagnosis .ecm-product-list-item__contents__title{font-weight:700;font-size:13px;margin-top:0;height:90px!important}.ecm-main .skin-diagnosis .ecm-product-list-item__contents__price{bottom:25px;height:30px}.ecm-main .skin-diagnosis .ecm-product-list-item__contents__button{padding-top:20px;margin-left:0;margin-right:0}.ecm-main .skin-diagnosis .ecm-product-list-item button{width:100%;max-width:210px;padding-left:0;padding-right:0}.ecm-main .skin-diagnosis .slick-track{margin:auto}.ecm-main .skin-diagnosis .perfectskin-product-img{max-width:100%}.ecm-main .skin-diagnosis__tab-to-mypage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1000px;margin:0 auto 15px;padding-top:20px}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__tab-to-mypage{padding:0 4vw;padding-top:20px}}.ecm-main .skin-diagnosis__tab-to-mypage:before{content:"";-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:20px;border:1px solid #c8102e}.ecm-main .skin-diagnosis__tab-to-mypage-link{text-decoration:none;color:#4d4d4d;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__tab-to-mypage-link{font-size:12px}}.ecm-main .skin-diagnosis__heading{padding-bottom:.3em;line-height:1.4em;font-size:1em}.ecm-main .skin-diagnosis__heading--square-before:before{content:"";display:inline-block;width:1em;height:1em;background-color:#c8102e;margin-right:.5em;position:relative;top:2px}.ecm-main .skin-diagnosis__heading--square-after{position:absolute;top:17px;right:0}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__heading--square-after{top:12px;font-size:12px}}.ecm-main .skin-diagnosis__heading--square-after:after{content:"";display:inline-block;width:1.2em;height:1.2em;background-color:#c8102e;margin-left:.5em;position:relative;top:2px}.ecm-main .skin-diagnosis__heading--square-none{position:absolute;top:17px;right:0}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__heading--square-none{top:12px;font-size:12px}}.ecm-main .skin-diagnosis__heading2{font-size:22px;margin:40px 0;padding-bottom:.7em;border-bottom:4px solid #c8102e;text-align:center}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__heading2{font-size:16px}}.ecm-main .skin-diagnosis__heading2--siropy span{position:relative}.ecm-main .skin-diagnosis__heading2--siropy span:after{content:"";background-image:url(../images/skin-diagnosis/siropy-wakuwaku.png);background-size:cover;width:3em;height:3em;position:absolute;bottom:-9px;right:-90px}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__heading2--siropy span:after{bottom:-7px;right:-63px}}.ecm-main .skin-diagnosis__heading-block{color:#fff;width:100%;background-color:#c8102e;padding:.5em;text-align:center;font-size:1.6em}.ecm-main .skin-diagnosis__hr{margin:30px 0;border:2px solid #dadada}.ecm-main .skin-diagnosis__text-beta{margin:0 .1em;font-style:italic}.ecm-main .skin-diagnosis__i-circle-down{position:relative;width:1.4em;height:1.4em;background-color:#c8102e;display:inline-block;border-radius:50%;vertical-align:middle;margin-left:.3em;margin-bottom:2px}.ecm-main .skin-diagnosis__i-circle-down:after{content:"";left:20%;top:35%;-webkit-box-sizing:border-box;box-sizing:border-box;border:.4em solid transparent;border-top:.6em solid #fff;position:absolute}.ecm-main .skin-diagnosis__i-arrow-next{position:relative}.ecm-main .skin-diagnosis__i-arrow-next:before{content:"";width:13px;height:13px;border:2px solid #c8102e;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px 2px 0 0;display:inline-block;margin-left:.5em}.ecm-main .skin-diagnosis__exclamation:before{content:"!";color:#a2a2a2;width:20px;height:20px;font-size:12px;border:2px solid #a2a2a2;border-radius:50%;margin-right:5px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700}.ecm-main .skin-diagnosis__btn{width:100%;padding:12px 10px;font-weight:700;margin:10px 0;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;background-color:#fff;color:#000;border:none;font-size:1.2em}.ecm-main .skin-diagnosis__btn--primary{background-color:#c8102e;color:#fff;border:2px solid #c8102e}.ecm-main .skin-diagnosis__btn--secondary{background-color:#fff;border:2px solid #c8102e}.ecm-main .skin-diagnosis__btn--siropy{position:relative}.ecm-main .skin-diagnosis__btn--siropy:after{content:"";background-image:url(../images/skin-diagnosis/siropy-wakuwaku.png);background-size:cover;width:40px;height:40px;position:absolute;bottom:-2px}@media screen and (max-width:500px){.ecm-main .skin-diagnosis__btn--siropy:after{right:15px;width:37px;height:37px}}@media screen and (max-width:374px){.ecm-main .skin-diagnosis__btn--siropy:after{right:10px}}.ecm-main .skin-diagnosis__btn:disabled{opacity:1;color:#999!important;background:#f2f2f2!important;border-color:#f2f2f2!important;cursor:auto}.ecm-main .skin-diagnosis__logo-image{max-width:180px;height:26.54px;background-image:url(../images/skin-diagnosis/CiSkinCam_logo.png);background-size:100% auto;background-repeat:no-repeat}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__logo-image{max-width:150px;height:22.11px;background-image:url(../images/skin-diagnosis/CiSkinCam_logo.png);background-size:100% auto;background-repeat:no-repeat}}.ecm-main .skin-diagnosis__hero-logo-title img{width:350px}@media screen and (max-width:960px){.ecm-main .skin-diagnosis__hero-logo-title img{width:270px}}.ecm-main .skin-diagnosis .\--border-bottom{border-bottom:2px solid #dadada}.ecm-main .skin-diagnosis .\--bg-moisture{background-color:#23d9e3}.ecm-main .skin-diagnosis .\--bg-oiliness{background-color:#ff8b0c}.ecm-main .skin-diagnosis .\--bg-ageSpots{background-color:#01c0fe}.ecm-main .skin-diagnosis .\--bg-wrinkles{background-color:#70dc5b}.ecm-main .skin-diagnosis .\--bg-texture{background-color:#cd86f2}.ecm-main .skin-diagnosis .\--bg-pore{background-color:#8bb810}.ecm-main .skin-diagnosis .\--bg-darkCircles{background-color:#fd9183}.ecm-main .skin-diagnosis .\--bg-eyeBags{background-color:#cd5675}.ecm-main .skin-diagnosis__square-red{display:inline-block;width:1em;height:1em;background-color:#c8102e;position:relative;top:2px}.ecm-main .skin-diagnosis__square-red.\--before{margin-right:.5em}.ecm-main .skin-diagnosis__square-red.\--after{margin-left:.5em}.ecm-main .skin-diagnosis__square-white{display:inline-block;width:1em;height:1em;background-color:#fff;margin-right:3px}.ecm-main .skin-diagnosis__circle{position:relative;width:100%;padding-top:100%;border-radius:50%;color:#fff;background-color:#999}.ecm-main .skin-diagnosis__circle>span{position:absolute;top:calc(50% - .2em);left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ecm-main .skin-diagnosis__circle>span:before{content:"";margin-top:.3em;display:block}.ecm-main .skin-diagnosis__circle.\--normal-circle{background-color:#fff;color:inherit}.ecm-main .ci-div-padding-img,.ecm-main .skin-diagnosis .ci-div-padding-img{padding:0 32px 5px 20px}@media print,screen and (min-width:961px){.ecm-main .\--pc-hide{display:none!important}}.skin-scan-mypage{background-image:url(../images/dcl-logo-bg-block.jpg);background-blend-mode:multiply;background-color:#dfdfdf;padding-bottom:50px}.skin-scan-mypage__frame{position:relative;max-width:900px;margin:auto;background:#fff}.skin-scan-mypage__page-tab-container{max-width:900px;margin:auto;left:0}.skin-scan-mypage__page-tab-container *+*{margin:0 10px}.skin-scan-mypage__page-tab{display:inline-block;padding:1em 1.1em;width:150px;max-width:30vw;background-color:#999!important;border-radius:10px 10px 0 0;text-align:center;color:#fff!important}.skin-scan-mypage__page-tab--selected{background-color:#c8102e!important;pointer-events:none}@media screen and (max-width:500px){.skin-scan-mypage__page-tab:first-child{margin-left:20px}}.skin-scan-mypage__heading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skin-scan-mypage__heading-score-date{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.skin-scan-mypage__heading-btn{display:-webkit-box;display:-ms-flexbox;display:flex;word-break:keep-all;max-width:200px;padding:5px 30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;border-radius:50px;color:#c8102e!important;border:2px solid #c8102e}@media screen and (max-width:960px){.skin-scan-mypage__heading-btn{padding:5px 15px}}.skin-scan-mypage__log-overview{background-color:#f1f5f6}.skin-scan-mypage__log-overview-description{max-width:100%;width:800px;margin:auto}.skin-scan-mypage__log-annotation{text-align:center;font-size:13px}@media screen and (max-width:500px){.skin-scan-mypage__log-annotation{font-size:11.5px}}@media screen and (max-width:960px){.skin-scan-mypage__log-annotation{font-size:11px}}@media screen and (max-width:374px){.skin-scan-mypage__log-annotation{font-size:10px}}.skin-scan-mypage__bar-section{position:relative}.skin-scan-mypage__date-units-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:0}.skin-scan-mypage__date-units{width:80%}.skin-scan-mypage__date-unit{padding:12px;width:3em;height:3em;font-size:16px;border-radius:50%!important;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;cursor:pointer;border:none;background-color:initial;color:#000}.skin-scan-mypage__date-unit--selected{color:#fff!important;background-color:#c8102e}.skin-scan-mypage__date-unit:disabled{color:#d1d1d1;cursor:auto}.skin-scan-mypage__display-period{width:100%;position:relative;-ms-flex-negative:0;flex-shrink:0;margin:0 auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:15px;text-align:center;color:#fff;background-color:#3c3c3c;font-size:18px}@media screen and (max-width:960px){.skin-scan-mypage__display-period{font-size:16px}}.skin-scan-mypage__display-period.\--with-month{background:initial;color:#626262;font-weight:700;font-size:16px;letter-spacing:.1em}.skin-scan-mypage__display-period-year{max-width:900px;padding:0 20px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:.9em}.skin-scan-mypage__display-period-year>*{background:gray}.skin-scan-mypage__display-period-year span:first-child{width:100.9996%;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.skin-scan-mypage__display-period-year span:nth-child(2){margin-left:5px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.skin-scan-mypage__display-period-month{max-width:900px;padding:0 20px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.skin-scan-mypage__display-period-month>*{cursor:pointer}.skin-scan-mypage__display-period-month{color:#929292}.skin-scan-mypage__display-period-month>span{padding:8px;width:2em;height:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:500px){.skin-scan-mypage__display-period-month>span{width:1.5em;height:1.5em}}.skin-scan-mypage__display-period-month .\--selected{color:#343434;background-color:#fff;border-radius:50%;font-weight:700}.skin-scan-mypage__log-chart{position:relative;max-width:900px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.skin-scan-mypage__log-chart:before{content:"";background:#fff;width:100%;position:absolute;bottom:-6%;left:0;display:inline-block;height:11.8%;left:50%;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto}.skin-scan-mypage__bar-chart-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;border:none;padding:30px 10px;background-color:#fff;-webkit-box-shadow:0 4px 17px -13px #000;box-shadow:0 4px 17px -13px #000;font-size:18px}@media screen and (max-width:500px){.skin-scan-mypage__bar-chart-arrow{font-size:15px}}.skin-scan-mypage__bar-chart-arrow:disabled{background:#ddd;border:1px solid #c3c3c3;opacity:.2}.skin-scan-mypage__bar-chart-arrow:after{content:"";display:inline-block;background-image:url(../images/skin-diagnosis/arrow-skin-scan-mypage-log-chart.svg);width:.7em;padding-top:180%;background-size:contain;background-repeat:no-repeat}.skin-scan-mypage__bar-chart-arrow.\--right{right:-20px}@media screen and (max-width:960px){.skin-scan-mypage__bar-chart-arrow.\--right{right:10px}}.skin-scan-mypage__bar-chart-arrow.\--left{left:-20px;-webkit-transform:translateY(-50%) scaleX(-1);transform:translateY(-50%) scaleX(-1)}@media screen and (max-width:960px){.skin-scan-mypage__bar-chart-arrow.\--left{left:10px}}.skin-scan-mypage__prev-next-period{display:-webkit-box;display:-ms-flexbox;display:flex;width:300px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:auto;text-align:center}.skin-scan-mypage__prev-next-period:disabled{color:#d1d1d1;pointer-events:none;text-decoration:none}.skin-scan-mypage__next-period,.skin-scan-mypage__prev-period{cursor:pointer;text-decoration:underline;border:none;background-color:initial;color:#000}.skin-scan-mypage__next-period:disabled,.skin-scan-mypage__prev-period:disabled{color:#d1d1d1;pointer-events:none;text-decoration:none}.skin-scan-mypage__btns{width:420px;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;text-align:center;-ms-flex-pack:distribute;justify-content:space-around;margin:auto}.skin-scan-mypage__bar-chart{position:relative;width:100%;max-width:700px}.skin-scan-mypage__bar-chart-legend{position:absolute;right:35px;top:-35px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}@media screen and (max-width:500px){.skin-scan-mypage__bar-chart-legend{font-size:12px}}.skin-scan-mypage__bar-chart-legend--center{right:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.skin-scan-mypage__bar-chart-legend-icon{width:25px;background-color:#e99eab;height:1em;display:inline-block;margin-right:5px}.skin-scan-mypage__bar-chart-labels{position:absolute;top:0;left:0;padding:0;list-style:none;cursor:pointer;font-size:20px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:500px){.skin-scan-mypage__bar-chart-labels{font-size:14px}}.skin-scan-mypage__bar-chart-labels>li{position:absolute;text-align:center}.skin-scan-mypage__bar-chart-labels p{margin:0!important}.skin-scan-mypage__bar-chart-labels .date{font-weight:700}.skin-scan-mypage__bar-chart-labels .day{font-size:.6em}.skin-scan-mypage__bar-data-container{width:50%!important}@media screen and (max-width:960px){.skin-scan-mypage__bar-data-container{width:100%!important}}.skin-scan-mypage__bar-data-container p{margin-bottom:0!important}@media print,screen and (min-width:961px){.skin-scan-mypage__bar-data-width{width:100%!important}}.skin-scan-mypage__detail-circle-width{width:45%!important}.skin-scan-mypage__detail-bars>li{cursor:auto!important}.skin-scan-mypage__date-heading{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:.3em;border-bottom:3px solid #565656;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:18px}.skin-scan-mypage__date-text{font-weight:700;font-size:13px}.skin-scan-mypage__date-text:before{content:"date /";margin-right:.5em;font-weight:400;font-size:.8em}.skin-scan-mypage__heading2{width:100%;position:relative;margin:0 auto;padding:15px;text-align:center;color:#fff;background-color:#3c3c3c;font-size:18px!important}@media screen and (max-width:960px){.skin-scan-mypage__heading2{font-size:16px!important}}.skin-scan-mypage__acquisition-history-item{background-color:#ddd;width:8%;text-align:center;cursor:auto}.skin-scan-mypage__acquisition-history-month{background-color:#4d4d4d;color:#fff;margin-bottom:0!important}.skin-scan-mypage__acquisition-history-month:after{content:"\6708";position:relative;font-size:.7em;top:-1px}.skin-scan-mypage__acquisition-history-result{position:relative}.skin-scan-mypage__acquisition-history-result:after{content:"";display:block;padding-top:100%}.skin-scan-mypage__acquisition-history-stamp{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;height:80%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;color:#fff;background-color:#c8102e;word-break:keep-all;font-size:15px}@media screen and (max-width:500px){.skin-scan-mypage__acquisition-history-stamp{font-size:10px}}.skin-scan-mypage__acquisition-history-stamp--achieve{display:-webkit-box;display:-ms-flexbox;display:flex}.skin-scan-mypage__acquisition-history-month-label{background-color:#4d4d4d;color:#fff}.skin-scan-mypage__point-message-container{font-size:20px;line-height:2.5em}@media screen and (max-width:500px){.skin-scan-mypage__point-message-container{font-size:14px}}@media screen and (max-width:960px){.skin-scan-mypage__point-message-container{font-size:12px}}.skin-scan-mypage__used-charts{width:450px;max-width:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:30px}.skin-scan-mypage__used-chart-heading{text-align:center;position:absolute;top:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:20px}.skin-scan-mypage__used-chart{width:45%;position:relative}.skin-scan-mypage__used-chart-text{position:absolute;top:calc(50% - 5px);left:50%;text-align:center;line-height:1.1em;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-50%);font-size:30px;font-weight:700;line-height:1.2em}.skin-scan-mypage__used-chart-text.\--achieve{color:#c8102e;top:50%}.skin-scan-mypage__used-chart-text.\--not-achieve{width:100%}.skin-scan-mypage__used-chart-text.\--not-achieve:after{content:"\56DE";display:inline;font-size:12px;color:#999;line-height:1em}.skin-scan-mypage__used-chart-text-sub{display:block;margin-bottom:10px;width:100%;margin-left:3px;font-size:12px;color:#999;line-height:1em}.skin-scan-mypage__btn-present-message{position:relative;font-weight:700;color:#c8102e}.skin-scan-mypage__btn-present-message:before{left:-28px;-webkit-transform:translate(10px,10px);transform:translate(10px,10px);-webkit-transform:translateY(-50%) rotate(161deg);transform:translateY(-50%) rotate(161deg)}.skin-scan-mypage__btn-present-message:after,.skin-scan-mypage__btn-present-message:before{content:"";width:0;position:absolute;top:57%;height:0;border-style:solid;border-width:0 .2em 1em;border-color:transparent transparent #c8102e}.skin-scan-mypage__btn-present-message:after{right:-20px;-webkit-transform:translate(10px,10px);transform:translate(10px,10px);-webkit-transform:translateY(-50%) rotate(197deg);transform:translateY(-50%) rotate(197deg)}.skin-scan-mypage__speech-balloon-bottom{display:block;position:relative;margin:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto 25px;background:#fff;border-bottom:2px solid #c9c9c9}@media screen and (max-width:500px){.skin-scan-mypage__speech-balloon-bottom{margin-bottom:5px}}.skin-scan-mypage__speech-balloon-bottom:before{content:"";position:absolute;bottom:-21px;right:50%;width:0;height:0;border-top:20px solid #c9c9c9;border-left:16px solid transparent;border-right:16px solid transparent;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:skewX(336deg);transform:skewX(336deg)}@media screen and (max-width:500px){.skin-scan-mypage__speech-balloon-bottom:before{bottom:-12px;border-top:10px solid #c9c9c9;border-left:6px solid transparent;border-right:6px solid transparent}}.skin-scan-mypage__speech-balloon-bottom:after{content:"";position:absolute;bottom:-17px;right:50%;width:0;height:0;border-top:19px solid #fff;border-left:15px solid #ff000000;border-right:15px solid #ff010100;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:skewX(336deg);transform:skewX(336deg)}@media screen and (max-width:500px){.skin-scan-mypage__speech-balloon-bottom:after{bottom:-8px;border-top:9px solid #fff;border-left:5px solid #ff000000;border-right:5px solid #ff010100}}.skin-scan-mypage__login{position:relative;background-color:#fff;max-width:900px;margin:auto}@media screen and (max-width:500px){.skin-scan-mypage__login{margin:20px}}.skin-scan-mypage__login-frame{padding:10px 30px}.skin-scan-mypage__login-title{text-align:center;font-size:27px;font-weight:700}@media screen and (max-width:500px){.skin-scan-mypage__login-title{font-size:22px}}.skin-scan-mypage__login-container{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;max-width:500px;margin:auto}.skin-scan-mypage__login-item{width:100%}@media screen and (max-width:500px){.skin-scan-mypage__login-item{width:100%}}.skin-scan-mypage__login-form-control{border:none!important;border-bottom:1px solid #4d4d4d!important}.skin-scan-mypage__login-button-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f2f2!important;width:100%}.skin-scan-mypage__login-sns-icon{display:block;width:40px;height:40px}@media screen and (max-width:500px){.skin-scan-mypage__login-sns-icon{display:block;width:35px;height:35px}}.skin-scan-mypage__modal-close{position:absolute;right:20px;top:20px}.skin-scan-mypage__modal-close-icon{display:block;position:relative;width:50px;height:50px;cursor:pointer}@media screen and (max-width:960px){.skin-scan-mypage__modal-close-icon{width:40px;height:40px}}.skin-scan-mypage__modal-close-icon :after,.skin-scan-mypage__modal-close-icon:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:50px;background:#ababab;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}@media screen and (max-width:960px){.skin-scan-mypage__modal-close-icon :after,.skin-scan-mypage__modal-close-icon:before{height:40px}}.skin-scan-mypage__modal-close-icon:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:50px;background:#ababab;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (max-width:960px){.skin-scan-mypage__modal-close-icon:after{height:40px}}.skin-scan-mypage__modal-close-text{position:relative;left:4px;font-size:14px}@media screen and (max-width:960px){.skin-scan-mypage__modal-close-text{font-size:11px}}.skin-scan-mypage__text-scale-s{font-size:1.2em}.skin-scan-mypage__text-scale-m{font-size:1.5em}.skin-scan-mypage__text-scale-l{font-size:2em}.skin-scan-mypage__text-scale-nm{font-size:.8em}.skin-scan-mypage__text-normal{font-size:1em;color:#4d4d4d}.skin-scan-mypage__color-normal{color:#4d4d4d}.skin-scan-rule{background-image:url(../images/dcl-logo-bg-block.jpg);background-blend-mode:multiply;background-color:#dfdfdf;padding-bottom:50px}.skin-scan-rule__frame{position:relative;max-width:900px;margin:auto;background:#fff}.skin-scan-rule__page-tab-container{max-width:900px;margin:auto;left:0}.skin-scan-rule__page-tab-container *+*{margin:0 10px}.skin-scan-rule__page-tab{display:inline-block;padding:1em 1.1em;width:150px;max-width:30vw;background-color:#999!important;border-radius:10px 10px 0 0;text-align:center;color:#fff!important}.skin-scan-rule__page-tab--selected{background-color:#c8102e!important;pointer-events:none}@media screen and (max-width:500px){.skin-scan-rule__page-tab:first-child{margin-left:20px}}.skin-scan-rule__heading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skin-scan-rule__heading-score-date{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.skin-scan-rule__heading-btn{display:-webkit-box;display:-ms-flexbox;display:flex;word-break:keep-all;max-width:200px;padding:5px 30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;border-radius:50px;color:#c8102e!important;border:2px solid #c8102e}@media screen and (max-width:960px){.skin-scan-rule__heading-btn{padding:5px 15px}}.skin-scan-rule__log-overview{background-color:#f1f5f6}.skin-scan-rule__log-overview-description{max-width:100%;width:800px;margin:auto}.skin-scan-rule__log-annotation{text-align:center;font-size:13px}@media screen and (max-width:500px){.skin-scan-rule__log-annotation{font-size:11.5px}}@media screen and (max-width:960px){.skin-scan-rule__log-annotation{font-size:11px}}@media screen and (max-width:374px){.skin-scan-rule__log-annotation{font-size:10px}}.skin-scan-rule__bar-section{position:relative}.skin-scan-rule__date-units-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:0}.skin-scan-rule__date-units{width:80%}.skin-scan-rule__date-unit{padding:12px;width:3em;height:3em;font-size:16px;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;cursor:pointer}.skin-scan-rule__date-unit--selected{color:#fff;background-color:#c8102e}.skin-scan-rule__display-period{width:100%;position:relative;-ms-flex-negative:0;flex-shrink:0;margin:0 auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:15px;text-align:center;color:#fff;background-color:#3c3c3c;font-size:18px}@media screen and (max-width:960px){.skin-scan-rule__display-period{font-size:16px}}.skin-scan-rule__display-period.\--with-month{background:initial;color:#626262;font-weight:700;font-size:16px;letter-spacing:.1em}.skin-scan-rule__display-period-year{max-width:900px;padding:0 20px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:.9em}.skin-scan-rule__display-period-year>*{background:gray}.skin-scan-rule__display-period-year span:first-child{width:100.9996%;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.skin-scan-rule__display-period-year span:nth-child(2){margin-left:5px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.skin-scan-rule__display-period-month{max-width:900px;padding:0 20px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.skin-scan-rule__display-period-month>*{cursor:pointer}.skin-scan-rule__display-period-month{color:#929292}.skin-scan-rule__display-period-month>span{padding:8px;width:2em;height:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:500px){.skin-scan-rule__display-period-month>span{width:1.5em;height:1.5em}}.skin-scan-rule__display-period-month .\--selected{color:#343434;background-color:#fff;border-radius:50%;font-weight:700}.skin-scan-rule__log-chart{position:relative;max-width:900px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.skin-scan-rule__log-chart:before{content:"";background:#fff;width:100%;position:absolute;bottom:-6%;left:0;display:inline-block;height:11.8%;left:50%;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto}.skin-scan-rule__bar-chart-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;border:none;padding:30px 10px;background-color:#fff;-webkit-box-shadow:0 4px 17px -13px #000;box-shadow:0 4px 17px -13px #000;font-size:18px}@media screen and (max-width:500px){.skin-scan-rule__bar-chart-arrow{font-size:15px}}.skin-scan-rule__bar-chart-arrow.\--disabled{-webkit-box-shadow:none;box-shadow:none;border:1px solid #ddd;opacity:.4;pointer-events:none}.skin-scan-rule__bar-chart-arrow:after{content:"";display:inline-block;background-image:url(../images/skin-diagnosis/arrow-skin-scan-mypage-log-chart.svg);width:.7em;padding-top:180%;background-size:contain;background-repeat:no-repeat}.skin-scan-rule__bar-chart-arrow.\--right{right:-20px}@media screen and (max-width:960px){.skin-scan-rule__bar-chart-arrow.\--right{right:10px}}.skin-scan-rule__bar-chart-arrow.\--left{left:-20px;-webkit-transform:translateY(-50%) scaleX(-1);transform:translateY(-50%) scaleX(-1)}@media screen and (max-width:960px){.skin-scan-rule__bar-chart-arrow.\--left{left:10px}}.skin-scan-rule__prev-next-period{display:-webkit-box;display:-ms-flexbox;display:flex;width:300px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:auto;text-align:center}.skin-scan-rule__prev-next-period .\--disabled{color:#999;pointer-events:none;text-decoration:none}.skin-scan-rule__prev-period{cursor:pointer;text-decoration:underline}.skin-scan-rule__prev-period.\--disabled{color:#999;pointer-events:none;text-decoration:none}.skin-scan-rule__next-period{cursor:pointer;text-decoration:underline}.skin-scan-rule__next-period--disabled{color:#999;pointer-events:none;text-decoration:none}.skin-scan-rule__btns{width:420px;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;text-align:center;-ms-flex-pack:distribute;justify-content:space-around;margin:auto}.skin-scan-rule__bar-chart{position:relative;width:100%;max-width:700px}.skin-scan-rule__bar-chart-labels{position:absolute;top:0;left:0;padding:0;list-style:none;cursor:pointer;font-size:20px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:500px){.skin-scan-rule__bar-chart-labels{font-size:14px}}.skin-scan-rule__bar-chart-labels>li{position:absolute;text-align:center}.skin-scan-rule__bar-chart-labels p{margin:0!important}.skin-scan-rule__bar-chart-labels .date{font-weight:700}.skin-scan-rule__bar-chart-labels .day{font-size:.6em}.skin-scan-rule__bar-data-container{width:50%!important}@media screen and (max-width:960px){.skin-scan-rule__bar-data-container{width:100%!important}}.skin-scan-rule__bar-data-container p{margin-bottom:0!important}@media print,screen and (min-width:961px){.skin-scan-rule__bar-data-width{width:100%!important}}.skin-scan-rule__detail-circle-width{width:45%!important}.skin-scan-rule__detail-bars>li{cursor:auto!important}.skin-scan-rule__date-heading{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:.3em;border-bottom:3px solid #565656;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:18px}.skin-scan-rule__date-text{font-weight:700;font-size:13px}.skin-scan-rule__date-text:before{content:"date /";margin-right:.5em;font-weight:400;font-size:.8em}.skin-scan-rule__heading2{width:100%;position:relative;margin:0 auto;padding:15px;text-align:center;color:#fff;background-color:#3c3c3c;font-size:18px!important}@media screen and (max-width:960px){.skin-scan-rule__heading2{font-size:16px!important}}.skin-scan-rule__acquisition-history-item{background-color:#ddd;width:8%;text-align:center;cursor:auto}.skin-scan-rule__acquisition-history-month{background-color:#4d4d4d;color:#fff;margin-bottom:0!important}.skin-scan-rule__acquisition-history-month:after{content:"\6708";position:relative;font-size:.7em;top:-1px}.skin-scan-rule__acquisition-history-result{position:relative}.skin-scan-rule__acquisition-history-result:after{content:"";display:block;padding-top:100%}.skin-scan-rule__acquisition-history-stamp{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;height:80%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;color:#fff;background-color:#c8102e;word-break:keep-all;font-size:15px}@media screen and (max-width:500px){.skin-scan-rule__acquisition-history-stamp{font-size:10px}}.skin-scan-rule__acquisition-history-stamp--achieve{display:-webkit-box;display:-ms-flexbox;display:flex}.skin-scan-rule__acquisition-history-month-label{background-color:#4d4d4d;color:#fff}.skin-scan-rule__point-message-container{font-size:20px;line-height:2.5em}@media screen and (max-width:500px){.skin-scan-rule__point-message-container{font-size:14px}}@media screen and (max-width:960px){.skin-scan-rule__point-message-container{font-size:12px}}.skin-scan-rule__used-charts{width:450px;max-width:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:30px}.skin-scan-rule__used-chart-heading{text-align:center;position:absolute;top:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:20px}.skin-scan-rule__used-chart{width:45%;position:relative}.skin-scan-rule__used-chart-text{position:absolute;top:calc(50% - 5px);left:50%;text-align:center;line-height:1.1em;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-50%);font-size:30px;font-weight:700;line-height:1.2em}.skin-scan-rule__used-chart-text.\--achieve{color:#c8102e;top:50%}.skin-scan-rule__used-chart-text.\--not-achieve{width:100%}.skin-scan-rule__used-chart-text.\--not-achieve:after{content:"\56DE";display:inline;font-size:12px;color:#999;line-height:1em}.skin-scan-rule__used-chart-text-sub{display:block;margin-bottom:10px;width:100%;margin-left:3px;font-size:12px;color:#999;line-height:1em}.skin-scan-rule__btn-present-message{position:relative;font-weight:700;color:#c8102e}.skin-scan-rule__btn-present-message:before{left:-28px;-webkit-transform:translate(10px,10px);transform:translate(10px,10px);-webkit-transform:translateY(-50%) rotate(161deg);transform:translateY(-50%) rotate(161deg)}.skin-scan-rule__btn-present-message:after,.skin-scan-rule__btn-present-message:before{content:"";width:0;position:absolute;top:57%;height:0;border-style:solid;border-width:0 .2em 1em;border-color:transparent transparent #c8102e}.skin-scan-rule__btn-present-message:after{right:-20px;-webkit-transform:translate(10px,10px);transform:translate(10px,10px);-webkit-transform:translateY(-50%) rotate(197deg);transform:translateY(-50%) rotate(197deg)}.skin-scan-rule__speech-balloon-bottom{display:block;position:relative;margin:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto 25px;background:#fff;border-bottom:2px solid #c9c9c9}@media screen and (max-width:500px){.skin-scan-rule__speech-balloon-bottom{margin-bottom:5px}}.skin-scan-rule__speech-balloon-bottom:before{content:"";position:absolute;bottom:-21px;right:50%;width:0;height:0;border-top:20px solid #c9c9c9;border-left:16px solid transparent;border-right:16px solid transparent;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:skewX(336deg);transform:skewX(336deg)}@media screen and (max-width:500px){.skin-scan-rule__speech-balloon-bottom:before{bottom:-12px;border-top:10px solid #c9c9c9;border-left:6px solid transparent;border-right:6px solid transparent}}.skin-scan-rule__speech-balloon-bottom:after{content:"";position:absolute;bottom:-17px;right:50%;width:0;height:0;border-top:19px solid #fff;border-left:15px solid #ff000000;border-right:15px solid #ff010100;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:skewX(336deg);transform:skewX(336deg)}@media screen and (max-width:500px){.skin-scan-rule__speech-balloon-bottom:after{bottom:-8px;border-top:9px solid #fff;border-left:5px solid #ff000000;border-right:5px solid #ff010100}}.skin-scan-rule__login{position:relative;background-color:#fff;max-width:900px;margin:auto}@media screen and (max-width:500px){.skin-scan-rule__login{margin:20px}}.skin-scan-rule__login-frame{padding:10px 30px}.skin-scan-rule__login-title{text-align:center;font-size:27px;font-weight:700}@media screen and (max-width:500px){.skin-scan-rule__login-title{font-size:22px}}.skin-scan-rule__login-container{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;max-width:500px;margin:auto}.skin-scan-rule__login-item{width:100%}@media screen and (max-width:500px){.skin-scan-rule__login-item{width:100%}}.skin-scan-rule__login-form-control{border:none!important;border-bottom:1px solid #4d4d4d!important}.skin-scan-rule__login-button-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f2f2!important;width:100%}.skin-scan-rule__login-sns-icon{display:block;width:40px;height:40px}@media screen and (max-width:500px){.skin-scan-rule__login-sns-icon{display:block;width:35px;height:35px}}.skin-scan-rule__modal-close{position:absolute;right:20px;top:20px}.skin-scan-rule__modal-close-icon{display:block;position:relative;width:50px;height:50px;cursor:pointer}@media screen and (max-width:960px){.skin-scan-rule__modal-close-icon{width:40px;height:40px}}.skin-scan-rule__modal-close-icon :after,.skin-scan-rule__modal-close-icon:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:50px;background:#ababab;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}@media screen and (max-width:960px){.skin-scan-rule__modal-close-icon :after,.skin-scan-rule__modal-close-icon:before{height:40px}}.skin-scan-rule__modal-close-icon:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:50px;background:#ababab;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (max-width:960px){.skin-scan-rule__modal-close-icon:after{height:40px}}.skin-scan-rule__modal-close-text{position:relative;left:4px;font-size:14px}@media screen and (max-width:960px){.skin-scan-rule__modal-close-text{font-size:11px}}.skin-scan-rule__text-scale-s{font-size:1.2em}.skin-scan-rule__text-scale-m{font-size:1.5em}.skin-scan-rule__text-scale-l{font-size:2em}.skin-scan-rule__text-scale-nm{font-size:.8em}.skin-scan-rule__text-normal{font-size:1em;color:#4d4d4d}.skin-scan-rule__color-normal{color:#4d4d4d}.ecm-modal-skincare{overflow-x:hidden;overflow-y:auto;position:fixed;left:0;z-index:10000;width:100%;height:100%;outline:0;opacity:0;pointer-events:none}@media print,screen and (min-width:961px){.ecm-modal-skincare{top:0;height:100%;padding-top:50px!important}}@media screen and (max-width:960px){.ecm-modal-skincare{top:0;height:100%;padding-bottom:0!important}}.ecm-modal-skincare.show{opacity:1;pointer-events:auto}.skincareLoginSubmit{color:#fff!important;cursor:pointer}.perfectskin-product-img{position:absolute;max-width:calc(100% - 30px * 2);max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto}@media print,screen and (min-width:961px){.perfectskin-product-img{max-width:calc(100% - 20px * 2)}}.skincare-error-page{display:none;width:100%;height:100%}.skincare-error-page .skincare-error-msg{width:320px;height:auto;background-color:#fff;margin:150px auto}.skincare-error-page .skincare-error-msg .skincare-error-msg-width{width:100%}.skincare-error-page .skincare-error-msg .skincare-error-msg-width .skincare-error-msg-title{margin:30px auto 0;font-size:18px;text-align:center;padding-top:30px}.skincare-error-page .skincare-error-msg .skincare-error-msg-content{padding:30px 20px;font-size:14px}@media screen and (max-width:960px){.skincare-error-page .skincare-error-msg .skincare-error-msg-content{line-height:22px}}@media screen and (max-width:960px){.skin-care-box{padding-left:0;padding-right:0}}.btn-newprimary{color:#c8102e}.btn-newprimary,.btn-newprimary:hover{border-color:#c8102e;background-color:#fff}.btn-newprimary:hover{color:#c8102e!important}.btn-ahref{margin:-60px auto}.productname-display-height{height:90px!important}.productprice-display-height{height:30px!important}.productselected-url-display{margin:-60px auto}.agegroup-input-radio-display{margin:3px 7px 6px 5px}.questionone-head-fontweight{font-weight:700!important}.questionskin-display-button{background-color:#ddd;border:2px solid #ddd;cursor:default;color:#fff;width:100%;padding:12px 10px;font-weight:700;margin:10px 0;text-decoration:none;display:inline-block;text-align:center;font-size:1.2em}.skincareProductBasic-background-color{background-color:#aa9b7c!important}.skincare-result-skinbalance-skinage-dislay{text-align:center;margin-top:1rem}.skincare-result-comments-display{display:""}.pointer-events-none{pointer-events:none}.ecm-main__inner{max-width:100%!important}.ecm-main{padding:0}.ecm-main__inner .ecm-breadcrumbs,h1.ecm-heading1{display:none}.td-underline{text-decoration:underline!important}