.hair_oil_9{position:relative;width:100%;background:var(--sd-bg-beige);overflow:hidden;color:var(--sd-text-base)}.hair_oil_9 .htu-inner{position:relative;max-width:1100px;margin:0 auto;padding:168px 20px 0}.hair_oil_9 .htu-head{text-align:center}.hair_oil_9 .htu-head__title{margin:0;font-family:var(--font-serif-en);font-weight:400;font-size:48px;line-height:1;letter-spacing:1.44px;color:var(--sd-text-base)}.hair_oil_9 .htu-head__sub{margin:55px 0 0;font-family:var(--font-serif-ja);font-size:16px;line-height:2;letter-spacing:1px;color:var(--sd-text-base)}.hair_oil_9 .htu-head__line{display:block;width:1px;height:100px;margin:66px auto 0;background:var(--sd-rule)}.hair_oil_9 .care-block{margin-top:93px}.hair_oil_9 .care-block__inner{position:relative;display:flow-root;max-width:1060px;margin:0 auto;border-radius:0;padding:0 40px 60px}.hair_oil_9 .care-block--daily .care-block__inner{background:#f1e3d7;color:var(--sd-text-base)}.hair_oil_9 .care-block--special .care-block__inner{background:linear-gradient(-9.9deg,#b57d55,#fde6d5 91.333%);color:#fff}.hair_oil_9 .care-block__head{text-align:center}.hair_oil_9 .care-block__title{margin:-27px 0 0;font-family:var(--font-serif-en);font-weight:400;font-size:45px;line-height:62px;letter-spacing:1.35px;color:var(--sd-text-base)}.hair_oil_9 .care-block__sub{margin:10px 0 0;font-family:var(--font-serif-ja);font-size:16px;line-height:26px;letter-spacing:1px;color:var(--sd-text-base)}.hair_oil_9 .steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:55px 0 0;padding:0;list-style:none}.hair_oil_9 .care-block--special .steps{margin-top:22px}.hair_oil_9 .step{position:relative;text-align:center}.hair_oil_9 .step__media{display:flex;align-items:flex-end;justify-content:center;height:232px}.hair_oil_9 .step__media img{width:auto;height:100%;max-width:100%;object-fit:contain}.hair_oil_9 .care-block--daily .step__media{align-items:center}.hair_oil_9 .care-block--daily .step__media img{height:214px}.hair_oil_9 .care-block--special .step__media{position:relative;display:block;width:100%;max-width:291px;height:auto;margin:0 auto;aspect-ratio:291 / 207;overflow:visible}.hair_oil_9 .care-block--special .step__media img{position:absolute;top:0;left:0;width:100%;height:auto;display:block}.hair_oil_9 .step__num{margin:22px 0 0;font-family:var(--font-serif-en);font-size:17px;line-height:1;letter-spacing:.85px;opacity:.5;color:inherit}.hair_oil_9 .care-block--special .step__num{margin-top:53px}.hair_oil_9 .step__title{margin:12px 0 0;font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.6;letter-spacing:2.4px;color:inherit}.hair_oil_9 .step__point{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin:16px 0 0}.hair_oil_9 .step__badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:22px;margin-top:1.6px;border:.5px solid currentColor;font-family:var(--font-serif-en);font-size:14px;line-height:1;letter-spacing:.42px;color:inherit}.hair_oil_9 .step__ptext{text-align:left;font-family:var(--font-sans);font-size:14px;line-height:1.8;letter-spacing:2.1px;color:inherit;max-width:188px}.hair_oil_9 .care-block--special .step__ptext{text-align:center;max-width:210px}.hair_oil_9 .step+.step:before{content:"";position:absolute;left:-17px;top:-6px;width:1px;height:390px;background:currentColor;opacity:.35}.hair_oil_9 .care-block--special .step+.step:before{top:0}.hair_oil_9 .step__arrow{position:absolute;top:176px;left:-22px;width:13.5px;height:26px;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 26'%3E%3Cpath d='M0 0 L13.5 13 L0 26 Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 26'%3E%3Cpath d='M0 0 L13.5 13 L0 26 Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain}.hair_oil_9 .care-block--special .step__arrow{top:182px}@media(min-width:960px){.hair_oil_9 .steps--daily,.hair_oil_9 .steps--special{row-gap:0}.hair_oil_9 .steps--daily>.step,.hair_oil_9 .steps--special>.step{display:grid;grid-row:span 4;grid-template-rows:subgrid}.hair_oil_9 .care-block--special .step__ptext{width:210px}}.hair_oil_9 .total-care{margin-top:142px}.hair_oil_9 .total-care{position:relative;isolation:isolate}.hair_oil_9 .total-care:before{content:"";position:absolute;z-index:-1;top:-142px;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:linear-gradient(to bottom,var(--sd-bg-beige) 0,rgba(250,242,237,0) 120px),url(silkdrop_h9_total_bg.webp) center top / cover no-repeat;pointer-events:none}.hair_oil_9 .total-care__head{text-align:center}.hair_oil_9 .total-care__title{margin:0;font-family:var(--font-serif-en);font-weight:400;font-size:48px;line-height:1;letter-spacing:1.44px;color:var(--sd-text-base)}.hair_oil_9 .total-care__sub{margin:55px 0 0;font-family:var(--font-serif-ja);font-size:18px;line-height:1.8;letter-spacing:1px;color:var(--sd-text-base)}.hair_oil_9 .total-care__line{display:block;width:1px;height:100px;margin:66px auto 0;background:var(--sd-rule)}.hair_oil_9 .total-care__cols{display:flex;align-items:flex-start;gap:0;margin-top:61px}.hair_oil_9 .total-care__text{flex:0 0 563px;min-width:0;display:block}.hair_oil_9 .total-care__body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:2;letter-spacing:2.4px;color:var(--sd-text-base);max-width:561px}.hair_oil_9 .total-care__dryer{position:relative;z-index:0;margin-top:60px;background:#f5e6dc;padding:48px 40px 39px;max-width:563px}.hair_oil_9 .total-care__dryer-ttl{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--font-serif-en);font-size:25px;line-height:1;letter-spacing:.75px;color:var(--sd-text-base)}.hair_oil_9 .total-care__dryer-ttl:before{content:"";width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='5.4' width='1.2' height='12' fill='black'/%3E%3Crect y='5.4' width='12' height='1.2' fill='black'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='5.4' width='1.2' height='12' fill='black'/%3E%3Crect y='5.4' width='12' height='1.2' fill='black'/%3E%3C/svg%3E") no-repeat center/contain}.hair_oil_9 .total-care__dryer-desc{margin:24px 0 0;font-family:var(--font-sans);font-size:16px;line-height:2;letter-spacing:2.4px;color:var(--sd-text-base)}.hair_oil_9 .total-care__photo{position:relative;z-index:1;flex:none;width:667px;margin:-90px 0 0 -111px}.hair_oil_9 .total-care__photo img{width:100%;height:auto;display:block}@media(max-width:959px){.hair_oil_9 .htu-inner{padding:50px 25px 15px}.hair_oil_9 .htu-head__title{font-size:26px;letter-spacing:.8px}.hair_oil_9 .htu-head__sub{margin-top:27px;font-size:14px;line-height:1.9}.hair_oil_9 .htu-head__line{height:50px;margin-top:33px}.hair_oil_9 .care-block{margin-top:60px}.hair_oil_9 .care-block__inner{padding:0 20px 15px;border-radius:0}.hair_oil_9 .care-block--special .care-block__inner{padding-bottom:26px}.hair_oil_9 .care-block__title{font-size:45px}.hair_oil_9 .care-block__sub{margin-top:18px;font-size:14px;line-height:26px}.hair_oil_9 .steps{grid-template-columns:1fr;gap:0;margin-top:31px}.hair_oil_9 .care-block--special .steps{margin-top:34px}.hair_oil_9 .step{padding:44px 0 19px}.hair_oil_9 .step:first-child{padding-top:0}.hair_oil_9 .care-block--special .step{padding-bottom:15px}.hair_oil_9 .step+.step:before{left:0;top:0;width:100%;height:1px}.hair_oil_9 .step__arrow,.hair_oil_9 .care-block--special .step__arrow{top:-5px;left:50%;transform:translate(-50%);width:26px;height:13.5px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 13.5'%3E%3Cpath d='M0 0 L26 0 L13 13.5 Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 13.5'%3E%3Cpath d='M0 0 L26 0 L13 13.5 Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain}.hair_oil_9 .care-block--daily .step{position:relative;display:block;padding-right:84px;text-align:left}.hair_oil_9 .care-block--daily .step__media{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:60px;height:auto;display:block}.hair_oil_9 .care-block--daily .step:first-child .step__media{top:50%}.hair_oil_9 .care-block--daily .step__media img{height:auto;width:100%}.hair_oil_9 .care-block--daily .step__num{margin:0}.hair_oil_9 .care-block--daily .step__title{margin-top:8px;font-size:16px;letter-spacing:1px;line-height:1.6}.hair_oil_9 .care-block--daily .step__point{justify-content:flex-start;margin-top:12px}.hair_oil_9 .care-block--daily .step__ptext{max-width:none}.hair_oil_9 .step__ptext{font-size:13px;letter-spacing:.2px;line-height:1.8}.hair_oil_9 .step__badge{width:36px;height:19px;font-size:12px;margin-top:2.2px;border-width:1px}.hair_oil_9 .step__point{gap:8px}.hair_oil_9 .care-block--special .step{text-align:left}.hair_oil_9 .care-block--special .step__media{position:relative;width:100%;max-width:300px;aspect-ratio:291 / 207;margin:0;overflow:visible}.hair_oil_9 .care-block--special .step__media img{position:absolute;top:0;left:0;width:100%;height:auto}.hair_oil_9 .care-block--special .step__num{margin-top:18px}.hair_oil_9 .care-block--special .step__title{font-size:18px;letter-spacing:1px}.hair_oil_9 .care-block--special .step__point{justify-content:flex-start}.hair_oil_9 .care-block--special .step__ptext{max-width:none;text-align:left}.hair_oil_9 .total-care{margin-top:67px}.hair_oil_9 .total-care:before{top:-67px;background:linear-gradient(to bottom,var(--sd-bg-beige) 0,rgba(250,242,237,0) 60px),linear-gradient(to top,var(--sd-bg-beige) 0,rgba(250,242,237,0) 200px),url(silkdrop_h9_total_bg.webp) center top / cover no-repeat}.hair_oil_9 .total-care__title{font-size:26px;letter-spacing:.8px}.hair_oil_9 .total-care__sub{font-size:14px;line-height:1.9;margin-top:28px}.hair_oil_9 .total-care__line{height:50px;margin-top:16px}.hair_oil_9 .total-care__cols{flex-direction:column;align-items:stretch;gap:0;margin-top:12px}.hair_oil_9 .total-care__text{display:contents}.hair_oil_9 .total-care__body{order:1;font-size:14px;letter-spacing:1.2px;max-width:none}.hair_oil_9 .total-care__photo{order:2;z-index:0;width:calc(100% + 18px);max-width:none;margin:-34px 0 0 -12px;align-self:flex-start}.hair_oil_9 .total-care__dryer{order:3;z-index:1;margin-top:-104px;max-width:none;padding:32px 29px 43px;text-align:left}.hair_oil_9 .total-care__dryer-ttl{justify-content:flex-start;font-size:21px}.hair_oil_9 .total-care__dryer-desc{font-size:13px;line-height:1.85;letter-spacing:.6px;text-align:left;margin-top:31px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/silkdrop_sec09-howto.css.map */