@charset "UTF-8";html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto;color:#545454;font-weight:300;line-height:1.5;font-feature-settings:"palt"}.serif{font-family:"Noto Sans serif JP",serif;font-optical-sizing:auto;font-weight:300;line-height:1.5}.sp{display:none}@media(max-width:768px){.sp{display:block}}@media(max-width:768px){.pc{display:none}}.none{display:none}img{width:100%}a{transition:.3s}a:hover{opacity:.6}.jump{font-family:"Noto Sans serif JP",serif;font-size:1.12em;font-weight:600;position:relative;display:inline-block;margin-top:40px}.jump:before{content:"";position:absolute;margin:auto;top:0;bottom:0;right:-30px;width:24px;height:24px;border-radius:50%;background:#a8a8a8}.jump:after{content:"";position:absolute;margin:auto;top:5px;right:-22px;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(135deg)}.wrapper{max-width:65%;margin:0 auto}@media(max-width:768px){.wrapper{max-width:89%}}h2{font-family:"Noto Sans serif JP",serif;font-size:2.3em;letter-spacing:2px}@media(max-width:768px){h2{font-size:1.68em}}.read{font-size:1em;line-height:1.8}.text_note{font-size:.7em}.js-fade{opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s}.js-fade.is-visible{opacity:1;transform:translateY(0)}.js-fade:nth-child(1).is-visible{transition-delay:0s}.js-fade:nth-child(2).is-visible{transition-delay:.3s}.title{font-size:1.87em;text-align:center;font-family:"Noto Sans serif JP",serif;padding-bottom:8px;border-bottom:1px solid #000000}@media(max-width:768px){.title{font-size:1.68em}}.read{text-align:center;line-height:1.8;font-size:1em;font-weight:350;letter-spacing:1px}.note{font-size:.81em;font-weight:200;color:#545454}.floating_banner_pc,.floating_banner_sp{position:fixed;z-index:100;transition:opacity .2s;opacity:1}.floating_banner_pc.hidden,.floating_banner_sp.hidden{opacity:0}.floating_banner_pc{bottom:40px;right:40px;width:150px;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.3))}.floating_banner_pc:hover{opacity:.7}@media(max-width:768px){.floating_banner_pc{display:none}}.floating_banner_sp{display:none;bottom:0;width:100%}.floating_banner_sp:hover{opacity:.7}@media(max-width:768px){.floating_banner_sp{display:flex}}.floating_banner_sp img{width:100%}.floating_banner_sp p{color:#fff;margin-left:15px;font-size:1.3em}.btn{position:relative;margin:0 auto;display:inline-block;color:#fff;background:linear-gradient(0deg,#71354e,#994d6b);font-family:"Noto Sans serif JP",serif;font-size:1.12em;letter-spacing:2px;font-weight:600;padding:16px 0;width:350px;text-align:center;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.3));border-radius:60px}@media(max-width:768px){.btn{width:100%;font-size:1em}}.btn:before{content:"";position:absolute;top:0;bottom:0;right:20px;width:24px;height:24px;margin:auto;border-radius:22px;background-color:#fff}.btn:after{content:"";position:absolute;top:0;bottom:0;right:29px;width:8px;height:8px;border:1px solid #71354E;border-top:none;border-left:none;rotate:45deg;margin:auto;transform:translateY(-2px)}main{background-image:url(/cdn/shop/files/BG_marble.jpg);background-position:center;background-repeat:repeat;background-size:20%}main .fv{background-image:url(/cdn/shop/files/ufessenceoil_pc_fv_bg.jpg);background-position:center;background-repeat:repeat;display:flex;align-items:center;justify-content:center;padding:80px 0}@media(max-width:768px){main .fv{padding:40px 0 80px;background-image:url(/cdn/shop/files/ufessenceoil_sp_fv_bg.jpg)}}main .fv .container{display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){main .fv .container{flex-direction:column;justify-content:center}}main .fv .container .oil{width:60%;max-width:600px}@media(max-width:768px){main .fv .container .oil{width:95%}}main .fv .container .info{display:flex;flex-direction:column;gap:8px}@media(max-width:768px){main .fv .container .info{align-items:center}}main .fv .container .info h1{font-family:"Noto Sans serif JP",serif;font-size:2.25em;letter-spacing:4px}@media(max-width:768px){main .fv .container .info h1{font-size:2em}}main .fv .container .info .price{font-family:"Noto Sans serif JP",serif;font-size:1.12em}@media(max-width:768px){main .fv .container .info .price{font-size:1em}}main .fv .container .info .potency{display:flex;gap:8px}main .fv .container .info .potency p{background-color:#caba79;color:#fff;font-weight:100;font-size:1em;padding:4px 10px}@media(max-width:768px){main .fv .container .info .potency p{font-size:.87em}}main .intro{padding:80px 0}main .intro .wrapper{text-align:center}main .intro .wrapper h2{text-align:center}main .intro .wrapper .read{text-align:center;margin-top:16px}main .intro .wrapper .flow{margin:40px auto 0;width:86%;max-width:808px}main .intro .wrapper .jump{margin-top:40px;text-align:center}main .vitamin{background-image:url(/cdn/shop/files/ufessenceoil_pc_vitamin_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media(max-width:768px){main .vitamin{background-image:url(/cdn/shop/files/ufessenceoil_sp_vitamin_bg.jpg)}}main .vitamin .wrapper{padding:80px 0;text-align:center}@media(max-width:768px){main .vitamin .wrapper{padding:40px 0}}main .vitamin .wrapper p{margin-top:16px;font-family:"Noto Sans serif JP",serif;font-size:1.62em;color:#545454}@media(max-width:768px){main .vitamin .wrapper p{font-size:1.5em}}main .vitamin .wrapper image{width:80%;max-width:800px}@media(max-width:768px){main .vitamin .wrapper image{width:100%}}main .concept{background-image:url(/cdn/shop/files/ufessenceoil_pc_concept_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media(max-width:768px){main .concept{background-image:url(/cdn/shop/files/ufessenceoil_sp_concept_bg.jpg)}}main .concept .wrapper{padding:140px 0}@media(max-width:768px){main .concept .wrapper{padding:80px 0 400px}}main .concept .wrapper .container{display:flex;flex-direction:column;text-align:center;align-items:center;gap:16px;width:50%}@media(max-width:768px){main .concept .wrapper .container{width:100%;align-items:center}}main .concept .wrapper .container .read{text-align:center}main .concept .wrapper .container .note{text-align:center}main .unused .wrapper{padding:120px 0;text-align:center}@media(max-width:768px){main .unused .wrapper{padding:80px 0}}main .unused .wrapper .read{margin-top:32px}@media(max-width:768px){main .unused .wrapper .read{text-align:justify}}main .unused .wrapper .icon_container{display:flex;justify-content:center;gap:16px;margin:40px auto}@media(max-width:768px){main .unused .wrapper .icon_container{flex-wrap:wrap;gap:0;justify-content:space-between;align-items:center;gap:8px;width:100%}}main .unused .wrapper .icon_container img{width:10%;max-width:100px}@media(max-width:768px){main .unused .wrapper .icon_container img{width:23%}}main .unused .wrapper .jump{margin-top:40px}main .skin{background-image:url(/cdn/shop/files/ufessenceoil_pc_skin_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media(max-width:768px){main .skin{background-image:url(/cdn/shop/files/ufessenceoil_sp_skin_bg.jpg)}}main .skin .wrapper{padding:120px 0;text-align:center}@media(max-width:768px){main .skin .wrapper{padding:80px 0}}main .skin .wrapper img{margin-top:40px;width:88%;max-width:824px}main .skin .wrapper p{margin-top:16px;font-family:"Noto Sans serif JP",serif;font-size:1.62em;color:#545454}@media(max-width:768px){main .skin .wrapper p{font-size:1.18em}}main .component{background-image:url(/cdn/shop/files/ufessenceoil_pc_component_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media(max-width:768px){main .component{background-image:url(/cdn/shop/files/ufessenceoil_sp_component_bg.jpg)}}main .component .wrapper{padding:120px 0}@media(max-width:768px){main .component .wrapper{padding:80px 0}}main .component .wrapper .container{padding:40px;background-color:#ffffffd9;box-shadow:0 0 14px #00000026}main .component .wrapper .container .box{display:flex;flex-wrap:wrap;-moz-column-gap:80px;column-gap:80px;justify-content:center;margin-top:80px}@media(max-width:768px){main .component .wrapper .container .box{flex-direction:column;margin-top:40px;row-gap:40px}}main .component .wrapper .container .box .detail{display:flex;flex-direction:column;gap:8px;align-items:center;width:40%}@media(max-width:768px){main .component .wrapper .container .box .detail{width:100%}}main .component .wrapper .container .box .detail img{width:64%;max-width:160px}main .component .wrapper .container .box .detail .name{margin-top:16px;font-size:1.2em;line-height:1.5;font-weight:500;text-align:center}main .component .wrapper .container .box .detail .read{text-align:justify}main .component .wrapper .all{font-size:.93em;line-height:1.8;margin-top:80px;color:#545454}@media(max-width:768px){main .component .wrapper .all{margin-top:40px}}main .unused_detail .wrapper{padding:120px 0}@media(max-width:768px){main .unused_detail .wrapper{padding:80px 0}}main .unused_detail .wrapper .icon_container{display:flex;justify-content:center;gap:16px;margin:40px auto}@media(max-width:768px){main .unused_detail .wrapper .icon_container{flex-wrap:wrap;gap:0;justify-content:space-between;align-items:center;gap:8px;width:100%}}main .unused_detail .wrapper .icon_container img{width:10%;max-width:100px}@media(max-width:768px){main .unused_detail .wrapper .icon_container img{width:23%}}@media(max-width:768px){main .unused_detail .wrapper .read{text-align:justify}}main .unused_detail .wrapper .list{margin-top:40px;display:flex;flex-direction:column;gap:32px}main .unused_detail .wrapper .list .name{font-size:1em;color:#545454;font-weight:450;position:relative;margin-left:10px}main .unused_detail .wrapper .list .name:before{position:absolute;content:"";height:4px;width:4px;left:-10px;top:11px;border-radius:2px;background-color:#545454}main .unused_detail .wrapper .list .name .explanation{font-weight:300;line-height:1.5;margin-top:8px;text-align:justify;color:#545454}main .product{background-color:#f4f4f6}main .product .wrapper{padding:120px 0}@media(max-width:768px){main .product .wrapper{padding:80px 0}}main .product .wrapper .info{display:flex;margin-top:56px;justify-content:space-between;align-items:center}@media(max-width:768px){main .product .wrapper .info{flex-direction:column}}main .product .wrapper .info .product_photo{width:36%;max-width:337px}@media(max-width:768px){main .product .wrapper .info .product_photo{width:100%}}main .product .wrapper .info .text{width:59%}@media(max-width:768px){main .product .wrapper .info .text{width:100%;text-align:center}}main .product .wrapper .info .text h4{font-family:"Noto Sans serif JP",serif;font-size:1.12em;line-height:1.7}main .product .wrapper .info .text h3{font-family:"Noto Sans serif JP",serif;font-size:2.25em;font-weight:700;letter-spacing:3px;margin-top:4px}@media(max-width:768px){main .product .wrapper .info .text h3{font-size:2em}}main .product .wrapper .info .text .price{display:inline-block;margin-top:16px;padding:6px 10px;background-color:#e0e0e0}main .product .wrapper .info .text .read{margin-top:24px;text-align:justify;color:#545454}main .product .wrapper .info .text .note{margin-top:4px}@media(max-width:768px){main .product .wrapper .info .text .note{text-align:left}}main .product .wrapper .howtouse{margin-top:80px;display:flex;justify-content:space-between}@media(max-width:768px){main .product .wrapper .howtouse{flex-direction:column;gap:48px}}main .product .wrapper .howtouse .box{display:flex;flex-direction:column;gap:16px;width:30%}@media(max-width:768px){main .product .wrapper .howtouse .box{width:100%}}main .product .wrapper .howtouse .box .index{padding:6px 0;width:100%;font-size:1em;font-family:Noto Sans JP,sans-serif;color:#545454;font-weight:300;border:solid 1px #545454;text-align:center}main .product .wrapper .howtouse .box h3{font-size:1.25em;line-height:1.5;font-weight:350;text-align:center}main .product .wrapper .howtouse .box .read{text-align:justify;line-height:1.5}main .catalog .wrapper{padding:120px 0}@media(max-width:768px){main .catalog .wrapper{padding:80px 0;text-align:center}}main .catalog .wrapper .container{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:60px}@media(max-width:768px){main .catalog .wrapper .container{flex-direction:column-reverse;gap:40px}}main .catalog .wrapper .container .text .read{text-align:left}@media(max-width:768px){main .catalog .wrapper .container .text .read{text-align:justify}}main .catalog .wrapper .container .text .jump{text-align:left}main .catalog .wrapper .image{width:24%;max-width:228px}@media(max-width:768px){main .catalog .wrapper .image{width:56%}}main .catalog .btn_area{text-align:center;margin:120px auto 0}
/*# sourceMappingURL=/cdn/shop/t/17/assets/uf_essence_oil.css.map */