.hair_oil_5{width:100%;padding:40px 0 60px;background:var(--sd-bg-beige);container-type:inline-size}.hair_oil_5 .banner-inner{--u: calc(100cqw / 1274);position:relative;width:min(1274px,calc(100% - 40px));min-height:288px;margin:0 auto;padding:0;container-type:inline-size}.hair_oil_5 .banner-inner>*{position:absolute;margin:0}.hair_oil_5 .banner-inner:before{content:"";position:absolute;margin:0;left:0;top:0;width:54%;height:100%;background-image:linear-gradient(118.248343275605deg,#e9e3bb 5.8958%,#f3dfc5 52.717%);color:var(--sd-text-base);z-index:1}.hair_oil_5 .banner-image{right:0;top:0;width:46%;height:100%;overflow:hidden;z-index:2}.hair_oil_5 .banner-image picture,.hair_oil_5 .banner-image img{width:100%;height:100%;display:block;object-fit:cover}.hair_oil_5 .banner-title,.hair_oil_5 .banner-tag,.hair_oil_5 .banner-note{position:absolute;z-index:3;margin:0}.hair_oil_5 .banner-title{left:calc(46 * var(--u));top:calc(70 * var(--u));width:calc(685.97 * var(--u));height:calc(62.87 * var(--u));display:block;text-align:center;white-space:nowrap;font-size:calc(38 * var(--u));line-height:calc(28 * var(--u));letter-spacing:calc(3.8 * var(--u));color:var(--sd-text-base);font-weight:500;font-feature-settings:"palt" 1}.hair_oil_5 .banner-title .ja{font-family:var(--font-serif-ja)}.hair_oil_5 .banner-title .en{font-family:var(--font-serif-en)}.hair_oil_5 .banner-tag{left:calc(271 * var(--u));top:calc(127.49 * var(--u));width:calc(240 * var(--u));height:calc(50 * var(--u));display:block;text-align:center;border:calc(.503 * var(--u)) solid var(--sd-text-base);color:var(--sd-text-base);font-family:var(--font-serif-ja);font-size:calc(20 * var(--u));font-weight:500;line-height:calc(49 * var(--u) - .1em);white-space:nowrap}.hair_oil_5 .banner-tag .en{font-family:var(--font-serif-en);letter-spacing:calc(1.4 * var(--u))}.hair_oil_5 .banner-tag .tight{letter-spacing:calc(-1.2 * var(--u))}.hair_oil_5 .banner-note{left:calc(242 * var(--u));top:calc(189 * var(--u));width:calc(298 * var(--u));font-family:var(--font-sans);font-size:calc(11 * var(--u));line-height:1.4;letter-spacing:calc(.44 * var(--u));color:var(--sd-text-base);text-align:center}@media(max-width:959px){.hair_oil_5{padding:30px 0 40px}.hair_oil_5 .banner-inner{--u: calc(100cqw / 340);width:min(340px,calc(100% - 50px));min-height:0;aspect-ratio:340 / 340}.hair_oil_5 .banner-inner:before{left:0;top:0;width:100%;height:calc(128 * var(--u));background-image:linear-gradient(114.998459197193deg,#e9e3bb 5.8958%,#f3dfc5 52.717%)}.hair_oil_5 .banner-image{left:0;right:auto;top:calc(128 * var(--u));width:100%;height:calc(212 * var(--u))}.hair_oil_5 .banner-title{left:50%;transform:translate(-50%);top:calc(19 * var(--u));width:calc(300 * var(--u));height:calc(29 * var(--u));font-size:calc(20 * var(--u));line-height:calc(28 * var(--u));letter-spacing:normal}.hair_oil_5 .banner-tag{left:calc(98 * var(--u));top:calc(56 * var(--u));width:calc(144 * var(--u));height:calc(32 * var(--u));font-size:calc(13.088 * var(--u));line-height:calc(31 * var(--u) - .1em)}.hair_oil_5 .banner-tag .en{letter-spacing:calc(.9161 * var(--u))}.hair_oil_5 .banner-tag .tight{letter-spacing:calc(-.7853 * var(--u))}.hair_oil_5 .banner-note{left:50%;transform:translate(-50%);top:calc(95 * var(--u));width:calc(196 * var(--u));font-size:calc(10 * var(--u));letter-spacing:calc(1.25 * var(--u))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/silkdrop_sec05-banner.css.map */