:root #custom-zaoral{--main-color: #C08D4E;--main-bg-color: #272B2D;--sub-bg-color: #CDDFE9;--gray-bg-color: #565760;--gold-bg-color: #6D603B}.custom-products-zaoral{color:#000}.custom-products-zaoral h2,.custom-products-zaoral h3{letter-spacing:.4rem}.custom-products-zaoral .text-center{text-align:center}.custom-products-zaoral .grid{display:grid}.custom-products-zaoral .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-products-zaoral .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-products-zaoral .col-span-2{grid-column:span 2 / span 2}.custom-products-zaoral .col-span-full{grid-column:1 / -1}.custom-products-zaoral .row-span-full{grid-row:1 / -1}.custom-products-zaoral .gap-2{gap:2rem}.custom-products-zaoral .gap-6{gap:6rem}#custom-zaoral .z-inline-block{display:inline-block}#custom-zaoral .z-display--pc{display:none}@media screen and (min-width: 750px){#custom-zaoral .z-display--pc{display:block}}.custom-products-zaoral .heading_type1{margin-block:0 4rem;padding-block:0 3.6rem;color:var(--main-color);font-size:calc(var(--font-heading-scale) * 2.4rem);text-align:left;border-bottom:1px solid var(--main-color)}.custom-products-zaoral .heading_type2{margin-block:0 4rem;padding-block:0 2rem;color:var(--main-color);font-size:calc(var(--font-heading-scale) * 2.4rem)}.custom-products-zaoral .heading_type3{margin-block:0 1rem;padding-block:0;color:#fff;font-size:calc(var(--font-heading-scale) * 3rem);line-height:1.6;letter-spacing:.6rem}.custom-products-zaoral .heading_type4{margin-block:0 2rem;font-size:2.4rem}.custom-products-zaoral .heading_type5{margin-block:1rem 2rem;padding-block:0;padding-left:2.4rem;color:#fff;font-size:calc(var(--font-heading-scale) * 3rem);line-height:1.6;border-left:10px solid var(--main-color)}.custom-products-zaoral .heading_type6{margin-block:1rem 0;color:var(--main-color);text-align:center}#custom-zaoral .product-form__submit{background-color:var(--main-color);color:#fff;transition:color .3s,background-color .3s}#custom-zaoral .product-form__submit:hover{color:var(--main-color);background-color:transparent}#custom-zaoral .product__accordion{margin-top:.4rem;background-color:#524c42}#custom-zaoral .product__accordion .svg-wrapper,#custom-zaoral .product__accordion .icon-accordion{display:none}#custom-zaoral .product__accordion summary{padding-left:1rem;border-left:4px solid var(--main-color)}#custom-zaoral .product__accordion summary .icon-caret{color:var(--main-color)}#custom-zaoral .product__accordion summary:hover{background-color:transparent}#custom-zaoral .product__accordion .accordion__content p{margin-block:.5rem}.z-subscription{padding:8rem 4rem;background:url(/cdn/shop/files/z-subscription_bg.webp?v=1738896024) no-repeat top center / cover}.z-subscription>*{text-align:left}@media screen and (min-width: 750px){.z-subscription{padding:8rem 5rem}.z-subscription>*{text-align:center}}.z-subscription-detail{padding-bottom:5rem;background-color:#fff;box-shadow:inset 1rem 1rem var(--sub-bg-color),inset -1rem -1rem var(--sub-bg-color)}@media screen and (min-width: 750px){.z-subscription-detail{padding-bottom:11rem;box-shadow:inset 3rem 3rem var(--sub-bg-color),inset -3rem -3rem var(--sub-bg-color)}}.z-subscription-detail__contents{display:block;max-width:120rem;margin-inline:auto;padding:4rem 4rem 0}@media screen and (min-width: 750px){.z-subscription-detail__contents{display:grid;padding:6rem 5rem 0}}.z-subscription-detail__image{position:relative}.z-subscription-detail__image>img{position:relative;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:350px;height:auto;margin:auto}@media screen and (min-width: 750px){.z-subscription-detail__image>img{position:absolute;top:auto}}.z-subscription-detail__features{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;max-width:120rem;margin:4.4rem auto 0;padding-inline:4rem}@media screen and (min-width: 750px){.z-subscription-detail__features{grid-template-columns:repeat(4,minmax(0,1fr));margin-block:0 4rem;padding-inline:5rem}}.z-subscription-detail__feature{display:block;margin-block:0;padding:3rem 1rem;background-color:var(--main-color);font-size:2rem;color:#fff;text-align:center}@media screen and (min-width: 750px){.z-subscription-detail__feature{display:grid;align-content:center}}.z-subscription__cycleWrapper{max-width:120rem;margin:6rem auto 0;padding:0 4rem}@media screen and (min-width: 750px){.z-subscription__cycleWrapper{padding:0 5rem}}.z-subscription__cycle{padding:4rem 3rem 6rem;background-color:#cddfe9}@media screen and (min-width: 750px){.z-subscription__cycle{padding-inline:8rem}}.z-subscription__cycle__contents{display:block}@media screen and (min-width: 750px){.z-subscription__cycle__contents{display:grid;grid-template-columns:1fr 8rem 1fr;gap:3rem}}@media screen and (min-width: 990px){.z-subscription__cycle__contents{grid-template-columns:23rem 8rem 23rem 1fr}}.z-subscription__cycle__content{position:relative;background-color:#fff;border-radius:9999px 9999px 0 0;align-self:start}.z-subscription__cycle__flow{width:9rem;margin:1rem auto;padding-top:9rem;background:url(/cdn/shop/files/zaoral_cycle_flow_sp.png?v=1739154114) no-repeat center center / contain;align-self:start}@media screen and (min-width: 750px){.z-subscription__cycle__flow{margin-block:12rem 0;padding-top:100%;background:url(/cdn/shop/files/zaoral_cycle_flow.png?v=1738912303) no-repeat center center / contain}}.z-subscription__cycle__image{padding:5rem 3rem 3rem}.z-subscription__cycle__image img{display:block;width:90%;height:auto;margin-inline:auto}.z-subscription__cycle__detail{padding-block:1.6rem;background-color:var(--main-color);color:#fff;text-align:center}.z-subscription__cycle__discount{position:absolute;top:-2rem;left:-2rem;display:grid;place-items:center;width:8rem;height:8rem;margin-block:0;padding:1.4rem;background-color:var(--main-color);font-size:2rem;text-align:center;line-height:1;border-radius:50%}@media screen and (min-width: 450px){.z-subscription__cycle__discount{width:12rem;height:12rem;padding:2.4rem}}.z-subscription__cycle__discount.z-subscription__cycle__discount--bgWhite{background-color:#fff;color:var(--main-color);border:1px solid var(--main-color)}.z-subscription__cycle__discount p{margin-block:0}.z-subscription__cycle__discount span{font-size:3.4rem;font-weight:700}.z-subscription__cycle .z-subscription__cycle__heading{margin-block:0;color:#fff;font-size:2rem}.z-subscription__cycle__price{margin-block:.8rem 0}.z-subscription__cycle__caution{grid-column:1 / span 3;margin-top:4rem;padding-block:2.4rem;font-size:1rem;border-top:1px solid var(--main-color);border-bottom:1px solid var(--main-color)}@media screen and (min-width: 990px){.z-subscription__cycle__caution{grid-column:auto;align-self:end}}.z-subscription__cycle__caution ul{padding-left:1rem;list-style-type:none}.z-subscription__cycle__caution li:before{content:"\25cf";margin-left:-1rem}.z-subscription__cycle__caution li.kome-icon:before{content:"\203b"}.z-catchWrapper{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff}@media screen and (min-width: 750px){.z-catchWrapper.z-catchWrapper--nutrition{background-image:url(/cdn/shop/files/zaoral_nutrition.webp)}.z-catchWrapper.z-catchWrapper--evening{background-image:url(/cdn/shop/files/zaoral_evening_head.webp)}}.z-catchWrapper img{display:block;width:100%;height:auto}@media screen and (min-width: 750px){.z-catchWrapper img{display:none}}.z-catch{display:block;width:100%;max-width:120rem;margin-inline:auto;padding:2rem 4rem 4rem;background-color:var(--main-bg-color)}.z-catch--gold{background-color:var(--gold-bg-color)}@media screen and (min-width: 750px){.z-catch{padding:6rem 5rem 9.6rem;background-color:transparent}.z-catch--type1{padding:6rem 5rem 34rem}.z-catch--type2{padding:6rem 5rem 24rem}}.z-catch p{margin-block:1rem 0}.z-catch__grid-cols-2{display:grid;grid-template-rows:repeat(2,auto);gap:2rem}@media screen and (min-width: 750px){.z-catch__grid-cols-2{grid-template-columns:repeat(2,1fr);grid-template-rows:none;gap:6rem}}.z-catch__box{align-self:start;padding:2rem;background-color:#272b2d80;color:#fff;font-size:1rem;border:1px solid #ffffff}@media screen and (min-width: 750px){.z-catch__box{align-self:end}}.z-problemWrapper{background-color:var(--main-bg-color);box-shadow:0 1px 0 0 var(--main-bg-color)}.z-problem{position:relative;max-width:120rem;margin-inline:auto;padding:0 4rem 4rem}@media screen and (min-width: 750px){.z-problem{padding:8rem 5rem 17rem}}.z-problem__contents{width:100%;padding:2rem;background-color:var(--sub-bg-color)}@media screen and (min-width: 750px){.z-problem__contents{width:calc(100% - 24rem);padding:4rem 16rem 4rem 4rem}}@media screen and (min-width: 990px){.z-problem__contents{padding:4rem 23rem 4rem 4rem}}.z-problem__list{margin-block:0;padding-left:2.6rem;list-style-type:none}@media screen and (min-width: 450px){.z-problem__list{padding-left:2.6rem}}.z-problem__list li{text-indent:-1.3rem}.z-problem__list li:before{display:inline-block;content:"\25cf";margin-right:1rem;color:var(--main-color)}.z-problem__solution{display:grid;align-items:center;margin-top:2rem;padding:4rem;background-color:var(--main-color);color:#fff;outline:2px solid #ffffff;outline-offset:-2rem}@media screen and (min-width: 750px){.z-problem__solution{position:absolute;bottom:8rem;right:0;margin-top:0}}@media screen and (min-width: 990px){.z-problem__solution{padding:8rem 7rem}}.z-problem__solution p{width:fit-content;margin:0 auto;font-size:1.4rem;line-height:2}@media screen and (min-width: 450px){.z-problem__solution p{font-size:2.4rem;letter-spacing:.6rem}}.z-featuresWrapper{background-color:var(--gray-bg-color)}.z-features{max-width:120rem;margin-inline:auto;padding:4rem}@media screen and (min-width: 750px){.z-features{padding:8rem 5rem}}.z-features__contents{display:grid;grid-template-rows:repeat(3,1fr);gap:1.2rem}@media screen and (min-width: 750px){.z-features__contents{grid-template-columns:repeat(3,1fr);grid-template-rows:none}}.z-feature{aspect-ratio:3/2;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;display:grid;align-items:end;padding:1rem;overflow:hidden}@media screen and (min-width: 750px){.z-feature{aspect-ratio:1/1}}.z-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -14rem 10rem -8rem #00000080}.z-feature .z-feature_text{position:relative;margin-block:0;padding:2rem 3.2rem;color:#fff;text-align:center;font-size:clamp(1.4rem,1.127rem + 1.16vw,2rem);border:1px solid #ffffff}.z-feature__paragraph{display:grid;align-items:center;margin-block:0;padding:4rem;background-color:var(--main-bg-color);color:#fff;text-align:center;font-size:clamp(1.4rem,1.127rem + 1.16vw,2rem);outline:1px solid #ffffff;outline-offset:-1rem}.z-feature__paragraph:first-of-type{margin-top:1.2rem}@media screen and (min-width: 750px){.z-feature__paragraph{margin-block:1.2rem 0}}.z-features__comment{margin-top:4rem;color:#fff}.z-ingredientWrapper{background-color:var(--main-bg-color)}.z-ingredient{max-width:120rem;margin-inline:auto;padding:4rem}@media screen and (min-width: 750px){.z-ingredient{padding:8rem 5rem}}.z-ingredient__heading{padding:4rem;background-color:var(--main-bg-color);border:2px solid var(--main-color)}.z-ingredient__heading p{color:var(--main-color);text-align:center;font-size:1.4rem}.z-ingredient__boxWrapper{padding:2rem;background-color:var(--sub-bg-color);border:2px solid var(--main-color)}@media screen and (min-width: 750px){.z-ingredient__boxWrapper{padding:4rem}}.z-ingredient__boxes{display:grid;grid-template-rows:repeat(4,auto);gap:2rem;justify-content:center}@media screen and (min-width: 750px){.z-ingredient__boxes{grid-template-columns:repeat(auto-fit,44rem);grid-template-rows:none;gap:4rem 6rem}}.z-ingredient__box{display:grid;grid-template-columns:8rem 1fr;background-color:#fff;border-left:6px solid var(--main-color)}@media screen and (min-width: 750px){.z-ingredient__box{grid-template-columns:16rem 1fr}}.z-ingredient__box img{width:100%;height:auto}.z-ingredient__contents{padding:1.4rem 1rem}.z-ingredient__name{margin-block:0;font-size:1.4rem}.z-ingredient__text{margin-block:1rem 0;font-size:1rem}.z-ingredient__others{display:grid;grid-template-columns:repeat(auto-fit,1fr);gap:2rem 10rem;margin-top:4rem;padding:0}@media screen and (min-width: 450px){.z-ingredient__others{justify-content:center}}@media screen and (min-width: 750px){.z-ingredient__others{grid-template-columns:repeat(auto-fit,22rem);padding-inline:5rem}}.z-ingredient__others .z-ingredient__contents{padding:0 1rem}@media screen and (min-width: 750px){.z-ingredient__others .z-ingredient__contents{padding:1.4rem 1rem}}.z-ingredient__others .z-ingredient__box{grid-template-columns:8rem 1fr;grid-template-rows:none;background-color:transparent;border-left:none}.z-ingredient__others .z-ingredient__box img{display:block;width:100%;height:auto;margin-inline:auto}@media screen and (min-width: 750px){.z-ingredient__others .z-ingredient__box{grid-template-columns:none;grid-template-rows:auto 1fr}.z-ingredient__others .z-ingredient__box img{width:16rem;height:16rem}.z-ingredient__others .z-ingredient__name,.z-ingredient__others .z-ingredient__text{text-align:center}}.z-routine{padding:0 4rem 4rem;background-color:var(--main-bg-color)}.z-routine__imageWrapper{width:100%;max-width:120rem;margin-inline:auto}@media screen and (min-width: 750px){.z-routine{padding:8rem 5rem}.z-routine__imageWrapper{padding-inline:5rem}}.z-routine__image{width:100%;height:auto}.z-routine__image--pc{display:none}.z-routine__image--sp{display:block}@media screen and (min-width: 750px){.z-routine__image--pc{display:block}.z-routine__image--sp{display:none}}.z-howToUseWrapper{padding:0 4rem 4rem;background-color:var(--gold-bg-color)}.z-howToUse{max-width:120rem;margin-inline:auto;background-color:#272b2d80;border:2px solid var(--main-color)}@media screen and (min-width: 750px){.z-howToUseWrapper{padding:0 4rem 8rem}.z-howToUse{max-width:110rem}}.z-howToUse__heading{position:relative;padding:4rem;border-bottom:2px solid var(--main-color)}.z-howToUse__heading .heading_type6{font-size:2.4rem}.z-howToUse__content{display:grid;grid-template-rows:repeat(2,auto);border-bottom:1px solid var(--main-color)}@media screen and (min-width: 750px){.z-howToUse__content{display:grid;grid-template-columns:repeat(2,1fr);gap:0 6rem}}.z-howToUse__content__image{object-fit:cover}.z-howToUse__content__text{display:grid;align-content:center;padding:3rem 2rem 2rem;color:#fff}@media screen and (min-width: 750px){.z-howToUse__content__text{padding:0}}.z-howToUse__content__num img{width:4rem;height:4rem}.z-howToUse__content__title{margin-block:2rem 0;font-size:2rem;color:#fff;letter-spacing:.6rem}@media screen and (min-width: 750px){.z-howToUse__content__num img{width:7rem;height:7rem}.z-howToUse__content__title{margin-block:3rem 0;font-size:2.4rem}}.z-howToUse__content__text p{margin-block:2rem 0}.z-massage{display:grid;grid-template-columns:1fr;margin:-1px}.z-massage_content{border:1px solid var(--main-color);counter-increment:num}.z-massage_image{position:relative;padding-block:1px;background-color:#fff}.z-massage_image:before{position:absolute;top:0;left:0;content:counter(num);display:block;width:4rem;height:4rem;background-color:var(--main-color);color:#fff;font-size:2rem;text-align:center}.z-massage_image img{display:block;width:auto;height:12rem;margin-inline:auto}@media screen and (min-width: 750px){.z-massage{grid-template-columns:repeat(3,1fr)}.z-massage_image{padding-block:0;background-color:transparent}.z-massage_image img{width:100%;height:auto}}.z-massage_content p{margin-block:0;padding:2rem;color:#fff}.z-massage_content p span{display:block;font-size:1.2rem}.z-sceneWrapper{background-color:var(--main-bg-color)}.z-scene{max-width:120rem;margin-inline:auto;padding:4rem}@media screen and (min-width: 750px){.z-scene{padding:6rem 4rem 14rem}.z-scene .p-subTitle,.z-scene .heading_type1{text-align:center}}@media screen and (min-width: 750px){.z-scene__examples{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}}.z-scene__example{position:relative;width:100%;height:0;padding-top:50%;background-repeat:no-repeat;background-position:top left;background-size:50% 100%}.z-scene__example:nth-child(2n){background-position:top right}.z-scene__example p{position:absolute;bottom:50%;right:0;display:block;width:50%;margin-block:0;padding-left:2rem;color:#fff;font-size:1.4rem;transform:translateY(50%)}.z-scene__example:nth-child(2n) p{right:auto;padding-inline:0 2rem}@media screen and (min-width: 750px){.z-scene__example{padding-top:100%;background-position:center;background-size:cover}.z-scene__example p{position:absolute;bottom:3rem;left:0;right:auto;width:100%;text-align:center}.z-scene__example:nth-child(3n+2){transform:translateY(6rem)}}#custom-zaoral .collapsible-content__wrapper{padding:1rem;background-color:var(--sub-bg-color)}@media screen and (min-width: 750px){#custom-zaoral .collapsible-content__wrapper{padding:3rem}}#custom-zaoral .collapsible-content-wrapper-narrow{max-width:100%;margin-inline:0;padding:4rem;background-color:#fff}@media screen and (min-width: 750px){#custom-zaoral .collapsible-content-wrapper-narrow{padding:2rem 0 8rem}}#custom-zaoral .collapsible-content__header{max-width:120rem;margin-inline:auto;padding-inline:0}@media screen and (min-width: 750px){#custom-zaoral .collapsible-content__header{padding-inline:5rem}}#custom-zaoral .collapsible-content__wrapper .caption-with-letter-spacing{margin-block:0;color:var(--main-color);font-family:shabby-chic,sans-serif;font-weight:400;font-style:normal;font-size:clamp(3rem,-1.2rem + 14.93vw,10rem);text-align:left;text-transform:none;line-height:1}@media screen and (min-width: 750px){#custom-zaoral .collapsible-content__wrapper .caption-with-letter-spacing{text-align:center}}#custom-zaoral .collapsible-content__header .collapsible-content__heading{margin-block:0;padding-block:0 3.6rem;padding-left:0;color:var(--main-color);font-size:calc(var(--font-heading-scale) * 2.4rem);text-align:left;border:none}@media screen and (min-width: 750px){#custom-zaoral .collapsible-content__header .collapsible-content__heading{padding-left:0;text-align:center}}#custom-zaoral .collapsible-content__grid{max-width:120rem;margin-inline:auto;padding-inline:0}@media screen and (min-width: 750px){#custom-zaoral .collapsible-content__grid{padding-inline:5rem}}#custom-zaoral .collapsible-content__wrapper .accordion{margin-top:0;border-color:var(--main-color)}#custom-zaoral .collapsible-content__wrapper .accordion .svg-wrapper{background-color:var(--main-color)}#custom-zaoral .collapsible-content__wrapper .icon-accordion{display:none}#custom-zaoral .collapsible-content__wrapper summary .icon-caret{color:var(--main-color)}#custom-zaoral .collapsible-content summary:hover{background-color:transparent}#custom-zaoral .collapsible-content__wrapper .accordion__content p{margin-block:.5rem}.z-styleWrapper{background-color:var(--sub-bg-color)}.z-style{max-width:120rem;margin-inline:auto;padding:4rem 4rem 4.5rem}@media screen and (min-width: 750px){.z-style{padding:0 5rem 12rem}}.z-style__heading{margin-block:0 4rem;padding-block:0;color:var(--main-color);font-family:shabby-chic,sans-serif;font-weight:400;font-style:normal;font-size:6rem;text-align:center;border-bottom:1px solid var(--main-color)}@media screen and (min-width: 750px){.z-style__heading{font-size:14rem}}.z-style__images{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-inline:-4rem}@media screen and (min-width: 750px){.z-style__images{gap:6rem;margin-inline:0}}.z-style__image{display:block;width:100%;height:auto}.z-style-contents__heading{margin-block:0;padding-block:4rem;color:var(--main-color);font-size:2.6rem;text-align:center;letter-spacing:.6rem}@media screen and (min-width: 750px){.z-style-contents__heading{padding-block:6rem;font-size:3.4rem}}.z-style-content__title{margin-block:0;padding-block:2rem;font-size:1.8rem;border-block:1px solid var(--main-color)}@media screen and (min-width: 750px){.z-style-content__title{font-size:2.4rem}}.z-style-content__text{display:grid;grid-template-rows:auto;gap:2rem;padding-block:2rem;font-size:1.4rem;line-height:1.8}@media screen and (min-width: 750px){.z-style-content__text{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;padding-block:3rem;font-size:1.4rem;line-height:2.5}}.z-style-content__text>p{margin-block:0}@media screen and (min-width: 750px){.z-style-content__text>p:first-child{margin-top:-.5rem}}.z-style-content__quote{font-size:1rem;line-height:1.8}@media screen and (min-width: 750px){.z-style-content__quote{padding-left:3rem;border-left:1px solid #000000}}.z-style-habit{padding-block:4rem;border-block:1px solid var(--main-color)}.z-style-habit__title{margin-block:0;padding-bottom:2.4rem;color:var(--main-color);font-size:1.8rem;text-align:center;letter-spacing:.6rem}.z-style-habit p{margin-block:0;font-size:1.4rem;line-height:1.8;color:var(--main-color);text-align:left}@media screen and (min-width: 750px){.z-style-habit__title{padding-bottom:2.7rem;font-size:2.4rem}.z-style-habit p{line-height:2.5;text-align:center}}.z-button{display:block;width:100%;max-width:30rem;margin:4rem auto 0;padding:1.6rem;color:#fff;font-size:1.4rem;text-align:center;text-decoration:none;background-color:var(--main-color);border:2px solid var(--main-color);transition:color .3s,background-color .3s}.z-button:hover{color:var(--main-color);background-color:#fff}@media screen and (min-width: 750px){.z-button{margin:12rem auto 0}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/custom-products-zaoral.css.map */