@charset "UTF-8";.art-direction{display:block}.art-direction img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section-title{line-height:1;color:var(--color-black)}.section-title h2{display:flex;align-items:center;gap:2rem}.section-title h2>.main{font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:2.6rem;letter-spacing:.03em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.section-title h2>.main{font-size:2.2rem}}.section-title h2>.sub{display:block;font-family:zen-kaku-gothic-new,sans-serif;font-weight:500;font-style:normal;font-size:1rem;line-height:1.2;letter-spacing:.12em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.section-title h2>.sub{margin-bottom:.2rem;letter-spacing:.12em}}.section-title h2 .char{opacity:0}header{position:fixed;top:0;left:0;z-index:var(--zi-header);width:100%;height:var(--header-height);padding-inline:3rem;padding-top:3rem;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){header{padding-top:2.4rem;padding-inline:1.9rem}}header .logo{display:block;aspect-ratio:100 / 83;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;width:10rem;background:var(--color-black);-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;pointer-events:auto}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){header .logo{width:7.3rem}}header nav.links{margin-top:.1rem;height:3.8rem;display:flex;align-items:center;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;pointer-events:auto}header nav.links>a{display:block;height:100%;padding-inline:2rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.4rem;letter-spacing:.05em;line-height:1;display:grid;place-items:center}@media (hover: hover) and (pointer: fine){header nav.links>a{transition-property:color;transition-duration:.3s;transition-timing-function:ease}header nav.links>a:hover{color:var(--color-light-gray)}}header nav.links>a[aria-label^=instagram]{position:relative;margin-top:-.2rem;margin-left:2rem;padding-inline:2.6rem;display:block;aspect-ratio:21 / 21;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/instagram.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/instagram.svg) 50% 50%/contain no-repeat;height:1.4rem;background:currentColor}header nav.links .category{position:relative}header nav.links .category button{position:relative;height:100%;padding-inline:2rem 4rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.4rem;letter-spacing:.05em;display:flex;align-items:center;gap:1.5rem}header nav.links .category button:before{content:"";position:absolute;right:0;width:1px;height:1.5rem;background:var(--color-very-light-gray)}@media (hover: hover) and (pointer: fine){header nav.links .category button{transition-property:color;transition-duration:.3s;transition-timing-function:ease}header nav.links .category button:hover{color:var(--color-light-gray)}}header nav.links .category button span{margin-top:-.2rem;position:relative;display:block;width:1.1rem;aspect-ratio:1;display:grid;place-items:center}header nav.links .category button span:before,header nav.links .category button span:after{content:"";position:absolute;width:100%;height:1px;background:currentColor}header nav.links .category button span:after{rotate:90deg;transition-property:opacity,scale;transition-duration:.3s;transition-timing-function:ease}header nav.links .category button span:is(.category.open *):after{opacity:0;scale:0 1}header nav.links .category ul{padding-top:1.5rem;position:absolute;left:-5.7rem;display:none}header nav.links .category ul:is(.category.open *){display:unset}header nav.links .category ul li a{padding-right:4rem;padding-block:.5rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.3rem;line-height:1.2;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;gap:.9rem;will-change:translate,opacity}header nav.links .category ul li a:after{content:"";display:block;aspect-ratio:15 / 15;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;width:1.5rem;background:currentColor}@media (hover: hover) and (pointer: fine){header nav.links .category ul li a{transition-property:color;transition-duration:.3s;transition-timing-function:ease}header nav.links .category ul li a:hover{color:var(--color-light-gray)}}header .menu-btn{position:relative;width:3.8rem;height:3.8rem;display:grid;place-items:center;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;pointer-events:auto}header .menu-btn:before,header .menu-btn:after{content:"";position:absolute;width:3.8rem;height:1px;background:var(--color-black);transition:translate .2s .1s ease,rotate .1s 0s ease}header .menu-btn:before{translate:0 -.4rem}header .menu-btn:after{translate:0 .4rem}header .menu-btn.open:before,header .menu-btn.open:after{translate:0 0;transition:translate .1s 0s ease,rotate .2s .1s ease}header .menu-btn.open:before{rotate:-23deg}header .menu-btn.open:after{rotate:23deg}html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}@property --progress{syntax: "<number>"; inherits: true; initial-value: 0;}*{--color-light-gray: #a6a6a6;--color-very-light-gray: #dcdcdc;--color-light: #fbfbfb;--color-white: #ffffff;--color-black: #595757;--color-fragrance-start: #62718c;--color-fragrance-recline: #8ca282;--color-fragrance-mellow: #baa3cb;--color-fragrance-relieve: #9698a0;--color-fragrance-smile: #d6c088;--color-fragrance-chill: #cd9595;--header-height: 11.2rem;--side-padding: 28rem;--zi-menu: 10;--zi-header: 20;--zi-page-cover: 30;--zi-site-cover: 40}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){*{--header-height: 8.4rem;--side-padding: 4rem}}@media (hover: hover) and (pointer: fine){* :focus-visible{box-shadow:inset 0 0 0 1px currentColor!important}}html{font-size:.78125vw;background:var(--color-light);color:var(--color-black);font-family:zen-kaku-gothic-new,sans-serif;font-weight:500;font-style:normal;text-spacing-trim:space-all;scroll-padding-top:var(--header-height);overflow-x:hidden;scrollbar-width:thin}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){html{font-size:2.6666666667vw}}html,body{overscroll-behavior-y:contain}a{text-decoration:none;color:inherit}p{line-break:strict}button{color:inherit;outline:inherit}ul,ol{list-style:none}img{vertical-align:bottom}h1,h2,h3,h4,h5{font-size:inherit;font-weight:inherit}sup{display:inline-block;vertical-align:super}@media screen and (min-width: 769px) and ((orientation: landscape) or (hover: hover)){.sp{display:none!important}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.pc{display:none!important}}footer{display:block;padding-bottom:15rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer{padding-bottom:5rem}}footer .heading{padding-inline:var(--side-padding)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading{display:block;padding-inline:4rem}}footer .heading .shop-list{margin-top:5rem;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(4,auto);gap:1.2rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .shop-list{margin-top:4rem;padding:0;width:100%;grid-template-columns:repeat(2,1fr);gap:1.5rem}}footer .heading .shop-list a{position:relative;width:17rem;height:6rem;background:var(--color-light);border-radius:.4rem;display:flex;align-items:center;justify-content:center;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:2rem;line-height:1.1;letter-spacing:.15em;box-shadow:.9rem .9rem 1rem #f4f4f4,-.9rem -.8rem 1.5rem #fff;transition-property:box-shadow,scale;transition-duration:.3s;transition-timing-function:ease;will-change:scale}@media (hover: hover) and (pointer: fine){footer .heading .shop-list a:hover{scale:.985;box-shadow:.3rem .3rem .5rem #f0f0f0,-.3rem -.3rem 1rem #fff}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .shop-list a{width:100%;height:4.7rem;font-size:1.3rem;line-height:1.8}}footer .heading .shop-list a:before{content:"";display:block;height:5.6rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .shop-list a:before{height:3.5rem}}footer .heading .shop-list a[aria-label^=fits]:before{display:block;aspect-ratio:104 / 54;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_official.svg) 50% 50%/contain no-repeat}footer .heading .shop-list a[aria-label^=rakuten]:before{display:block;aspect-ratio:104 / 54;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_rakuten.svg) 50% 50%/contain no-repeat}footer .heading .shop-list a[aria-label^=amazon]:before{display:block;aspect-ratio:104 / 53;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_amazon.svg) 50% 50%/contain no-repeat}footer .heading .shop-list a[aria-label^=yahoo]:before{aspect-ratio:717/150;height:3rem;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_yahoo.png) 50% 50%/contain no-repeat}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .shop-list a[aria-label^=yahoo]:before{height:2.2rem}}footer .heading .shop-list a span{margin-left:1rem;padding-bottom:.2rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:500;font-style:normal;font-size:1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .shop-list a span{font-size:.8rem}}footer .heading .banner-links{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .banner-links{margin-top:2rem;width:100%;display:block}}footer .heading .banner-links a{position:relative}@media (hover: hover) and (pointer: fine){footer .heading .banner-links a{--progress: 0}@keyframes anime{0%{--progress: 0}to{--progress: 1}}footer .heading .banner-links a:before{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;background:radial-gradient(circle at center,#fff9fb calc(var(--progress) * 100% - 100%),#f7f7ff calc(var(--progress) * 100% - 30%),#f8fff8 calc(var(--progress) * 100%),transparent calc(var(--progress) * 100%));mix-blend-mode:multiply;opacity:calc(1 - var(--progress) * var(--progress) * var(--progress))}footer .heading .banner-links a:hover:before{animation:1s cubic-bezier(.33,1,.68,1) running anime}}footer .heading .banner-links .lair{display:block;width:100%;height:11.9rem;border-radius:.5rem;overflow:hidden}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .banner-links .lair{height:13.5rem}}footer .heading .banner-links .check{display:block;width:100%;height:11.9rem;border-radius:.5rem;overflow:hidden}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){footer .heading .banner-links .check{margin-top:1rem;height:13.5rem}}global-menu{--top: calc(var(--header-height) + 3rem);display:block;position:fixed;top:0;z-index:var(--zi-menu);padding-top:var(--top);height:100dvh;width:100%;background:var(--color-light);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease}global-menu.open{-webkit-user-select:unset;-moz-user-select:unset;user-select:unset;pointer-events:unset;opacity:1}global-menu .container{padding-block:2rem;height:calc(100dvh - var(--top));overflow-y:scroll}global-menu .contents{padding-inline:var(--side-padding)}global-menu .contents .site-links>a{display:block;padding-block:2rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.5rem;line-height:1.2;letter-spacing:.05em}global-menu .contents .site-links>a[aria-label=instagram]{padding-block:2.4rem}global-menu .contents .site-links>a[aria-label=instagram]:before{content:"";display:block;aspect-ratio:21 / 21;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/instagram.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/instagram.svg) 50% 50%/contain no-repeat;width:2rem;background:var(--color-black)}global-menu .contents .site-links details.category{border-bottom:1px solid var(--color-very-light-gray)}global-menu .contents .site-links details.category::details-content{transition-property:height;transition-duration:.3s;transition-timing-function:ease;height:0}global-menu .contents .site-links details.category[open]::details-content{height:15.2rem}global-menu .contents .site-links details.category summary{padding-block:2rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.5rem;line-height:1.2;letter-spacing:.05em;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}global-menu .contents .site-links details.category summary::-webkit-details-marker{display:none}global-menu .contents .site-links details.category summary:is(details.category[open] *){padding-bottom:1rem}global-menu .contents .site-links details.category summary span{position:relative;display:block;width:1.1rem;aspect-ratio:1;display:grid;place-items:center}global-menu .contents .site-links details.category summary span:before,global-menu .contents .site-links details.category summary span:after{position:absolute;content:"";width:100%;height:1px;background:currentColor}global-menu .contents .site-links details.category summary span:after{rotate:90deg;transition-property:opacity,scale;transition-duration:.3s;transition-timing-function:ease}global-menu .contents .site-links details.category summary span:is(details.category[open] *):after{opacity:0;scale:0 1}global-menu .contents .site-links details.category ul li{padding-left:2rem}global-menu .contents .site-links details.category ul li a{display:block;padding-block:1rem;width:100%;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.3rem;line-height:1.2;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}global-menu .contents .site-links details.category ul li a:after{content:"";display:block;aspect-ratio:15 / 15;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;width:1.5rem;background:currentColor}global-menu .contents .store-links{margin-top:4rem;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}global-menu .contents .store-links a{position:relative;background:var(--color-light);border-radius:.4rem;display:flex;align-items:center;justify-content:center;width:100%;height:4.7rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.3rem;line-height:1.8;letter-spacing:.15em;box-shadow:.9rem .9rem 1rem #f4f4f4,-.9rem -.8rem 1.5rem #fff;transition-property:box-shadow,scale;transition-duration:.3s;transition-timing-function:ease;will-change:scale}@media (hover: hover) and (pointer: fine){global-menu .contents .store-links a:hover{scale:.985;box-shadow:.3rem .3rem .5rem #f0f0f0,-.3rem -.3rem 1rem #fff}}global-menu .contents .store-links a:before{content:"";height:3rem}global-menu .contents .store-links a[aria-label^=fits]:before{display:block;aspect-ratio:104 / 54;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_official.svg) 50% 50%/contain no-repeat}global-menu .contents .store-links a[aria-label^=rakuten]:before{display:block;aspect-ratio:104 / 54;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_rakuten.svg) 50% 50%/contain no-repeat;height:3.8rem}global-menu .contents .store-links a[aria-label^=amazon]:before{display:block;aspect-ratio:104 / 53;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_amazon.svg) 50% 50%/contain no-repeat;height:3.5rem}global-menu .contents .store-links a[aria-label^=yahoo]:before{aspect-ratio:717/150;height:2rem;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/store_yahoo.png) 50% 50%/contain no-repeat}global-menu .contents .store-links a span{margin-left:1rem;padding-bottom:.2rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:500;font-style:normal;font-size:.8rem}global-menu .contents .lair{margin-top:2rem;display:block;width:100%;height:13.5rem;border-radius:.5rem;overflow:hidden}global-menu .contents .check{margin-top:1rem;display:block;width:100%;height:13.5rem;border-radius:.5rem;overflow:hidden}global-menu .contents .copyright{width:-moz-fit-content;width:fit-content;margin-inline:auto;margin-top:2rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:.9rem;line-height:1.2;letter-spacing:.1em;color:var(--color-light-gray)}page-cover{--progress: 0;display:block;position:fixed;top:0;z-index:var(--zi-page-cover);width:100%;height:100lvh;background:rgb(from var(--color-light) r g b/calc(1 - var(--progress)));-webkit-backdrop-filter:blur(calc(10px * (1 - var(--progress))));backdrop-filter:blur(calc(10px * (1 - var(--progress))))}site-cover{--progress: 0;position:fixed;z-index:var(--zi-site-cover);top:0;width:100%;height:100lvh;background:var(--color-light);display:grid;place-items:center;-webkit-mask:radial-gradient(circle at center,transparent calc(var(--progress) * 100% - 50%),var(--color-light) calc(var(--progress) * 100%));mask:radial-gradient(circle at center,transparent calc(var(--progress) * 100% - 50%),var(--color-light) calc(var(--progress) * 100%));opacity:calc(1 - var(--progress))}site-cover .logo{display:block;aspect-ratio:100 / 83;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;background:var(--color-black);width:16rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){site-cover .logo{width:12rem}}cat-fv-layout{width:100%;height:70.2rem;display:grid;grid-template-columns:auto auto;justify-content:flex-start;align-items:center;gap:3rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout{display:block;height:unset}}cat-fv-layout .kv{width:79.2rem;height:100%}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout .kv{width:100%}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout .description{margin-top:5.2rem;padding-inline:var(--side-padding)}}cat-fv-layout .description h1{line-height:1.5;letter-spacing:.05em}cat-fv-layout .description h1 .sub{font-size:1.1rem}cat-fv-layout .description h1 .main{margin-top:.7rem;font-size:2.4rem;letter-spacing:.06em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout .description h1 .main{margin-top:0}}cat-fv-layout .description .leading{margin-top:3rem;font-size:1.4rem;line-height:1.9;letter-spacing:.05em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout .description .leading{margin-top:1.4rem;font-size:1.2rem;line-height:2}}cat-fv-layout .description .leading sup{vertical-align:middle;line-height:1}cat-fv-layout .description .annotation{margin-top:1.2rem;font-size:1rem;line-height:1.5;letter-spacing:.02em;color:var(--color-light-gray)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout .description .annotation{margin-top:.8rem}}cat-fv-layout .description .separator{margin-top:3.2rem;display:flex;gap:1.4rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout .description .separator{margin-top:1.6rem}}cat-fv-layout .description .separator span{display:block;width:.5rem;height:.5rem;border-radius:50%}cat-fv-layout .description .separator span.start{background:var(--color-fragrance-start)}cat-fv-layout .description .separator span.recline{background:var(--color-fragrance-recline)}cat-fv-layout .description .separator span.mellow{background:var(--color-fragrance-mellow)}cat-fv-layout .description .separator span.relieve{background:var(--color-fragrance-relieve)}cat-fv-layout .description .separator span.smile{background:var(--color-fragrance-smile)}cat-fv-layout .description .separator span.chill{background:var(--color-fragrance-chill)}cat-fv-layout .description .detail{margin-top:3.1rem;display:flex;align-items:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-fv-layout .description .detail{margin-top:1.6rem}}cat-fv-layout .description .detail .variation{font-size:1.4rem;line-height:1;letter-spacing:.05em}cat-fv-layout .description .detail .spacer{margin-left:1.6rem;display:block;height:1.2rem;width:1px;background:rgb(from var(--color-black) r g b/.4)}cat-fv-layout .description .detail .amount{margin-left:1.6rem;font-size:1.1rem;line-height:1.5;letter-spacing:.05em}cat-fv-layout .description .detail .price{margin-left:.6rem;font-size:1.4rem;line-height:1;letter-spacing:.05em}cat-fv-layout .description .detail .price .tax{font-size:1rem}cat-other-products-layout{display:block;margin-top:22rem;padding-inline:var(--side-padding)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-other-products-layout{margin-top:8rem}}cat-other-products-layout ul{margin-top:8rem;display:flex;justify-content:space-between}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-other-products-layout ul{margin-top:3.6rem}}cat-other-products-layout ul li a{display:block;width:21rem;height:33.2rem;border-radius:.5rem;background:var(--color-light);box-shadow:.9rem .9rem 1rem #f4f4f4,-.9rem -.8rem 1.5rem #fff;transition-property:box-shadow,scale;transition-duration:.3s;transition-timing-function:ease;will-change:scale}@media (hover: hover) and (pointer: fine){cat-other-products-layout ul li a:hover{scale:.985;box-shadow:.3rem .3rem .5rem #f0f0f0,-.3rem -.3rem 1rem #fff}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-other-products-layout ul li a{width:9rem;height:18rem}}cat-other-products-layout ul li a .art-direction{width:100%;height:27.4rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-other-products-layout ul li a .art-direction{height:13.8rem}}cat-other-products-layout ul li a .name{font-size:1.2rem;line-height:1.5;letter-spacing:.05em;text-align:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-other-products-layout ul li a .name{font-size:.8rem}}cat-lineup-layout{margin-top:8rem;display:block;width:100%;padding-inline:var(--side-padding)}cat-lineup-layout ul{margin-top:8rem;display:grid;grid-template-columns:repeat(3,auto);gap:4.4rem 4.5rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-lineup-layout ul{margin-top:4rem;grid-template-columns:repeat(2,auto);gap:2rem 2.35rem}}cat-lineup-layout ul li a{display:block;padding-bottom:4rem;width:21rem;min-height:40rem;border-radius:.5rem;box-shadow:.9rem .9rem 1rem #f4f4f4,-.9rem -.8rem 1.5rem #fff;transition-property:box-shadow,scale;transition-duration:.3s;transition-timing-function:ease;will-change:scale}@media (hover: hover) and (pointer: fine){cat-lineup-layout ul li a:hover{scale:.985;box-shadow:.3rem .3rem .5rem #f0f0f0,-.3rem -.3rem 1rem #fff}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-lineup-layout ul li a{padding-bottom:1.6rem;width:13.5rem;min-height:31.5rem}}cat-lineup-layout ul li a .art-direction{width:100%;-o-object-fit:contain;object-fit:contain}cat-lineup-layout ul li a .name{margin-top:.1rem;line-height:1;text-align:center;color:var(--theme)}cat-lineup-layout ul li a .name .main{font-family:ingra-2,sans-serif;font-weight:500;font-style:normal;font-size:2rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-lineup-layout ul li a .name .main{font-size:1.8rem}}cat-lineup-layout ul li a .name .sub{margin-top:.4rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-lineup-layout ul li a .name .sub{font-size:.9rem}}cat-lineup-layout ul li a .leading{margin-top:1.8rem;font-size:1.2rem;line-height:1.5;text-align:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-lineup-layout ul li a .leading{margin-top:1rem;padding-inline:1.5rem;text-align:unset}}cat-product-design-layout{display:block;margin-top:20rem;padding-inline:var(--side-padding)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout{margin-top:11.8rem}}cat-product-design-layout .leading{margin-top:4rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.6rem;line-height:1.5;letter-spacing:.1em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout .leading{font-size:1.4rem}}cat-product-design-layout .contents-container{position:relative;margin-top:6rem;display:grid;grid-template-columns:28rem auto;justify-content:space-between}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout .contents-container{margin-top:4rem;display:block}}cat-product-design-layout .contents-container .package{position:sticky;top:max((100vh - var(--height)) * .5,var(--header-height) + 1rem)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout .contents-container .package{position:unset;top:unset;margin-inline:auto}}cat-product-design-layout .contents-container ol{width:44rem;counter-reset:feature}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout .contents-container ol{margin-top:3rem;width:100%}}cat-product-design-layout .contents-container ol li{counter-increment:feature}cat-product-design-layout .contents-container ol li+li{margin-top:6.3rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout .contents-container ol li+li{margin-top:5.3rem}}cat-product-design-layout .contents-container ol li>*+*{margin-top:1rem}cat-product-design-layout .contents-container ol li p{font-size:1.2rem;line-height:1.8;letter-spacing:.02em}cat-product-design-layout .contents-container ol li p.feature{font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;line-height:1.21;letter-spacing:.12em;display:flex;align-items:center;gap:.6rem}cat-product-design-layout .contents-container ol li p.feature:before{content:counter(feature);padding-top:.1rem;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--color-light-gray);font-family:ingra,sans-serif;font-weight:700;font-style:normal;font-size:1.1rem;line-height:1;letter-spacing:.03em;color:var(--color-light)}cat-product-design-layout .contents-container ol li .art-direction.shape{width:23.8rem}cat-product-design-layout .contents-container ol li .art-direction.water{width:9.6rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout .contents-container ol li .art-direction.water{width:7.6rem}}cat-product-design-layout .contents-container ol li .logo{margin-top:3rem;display:block;aspect-ratio:100 / 83;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;background:var(--color-black);width:10rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout .contents-container ol li .logo{margin-top:2.3rem;width:9.4rem}}cat-product-highlights-layout{display:block;margin-top:22rem;padding-inline:var(--side-padding)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout{padding-inline:unset;margin-top:8rem}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout .heading{padding-inline:var(--side-padding)}}cat-product-highlights-layout .heading .leading{margin-top:4rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.6rem;line-height:1.5;letter-spacing:.1em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout .heading .leading{margin-top:2rem;font-size:1.4rem}}cat-product-highlights-layout .contents-container{position:relative;margin-top:8.8rem;padding-inline:8.6rem 9.5rem;padding-block:5.7rem 6.5rem;width:100%;border-radius:11rem;background:var(--color-light);box-shadow:inset .5rem .5rem 2rem #f4f4f4}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout .contents-container{margin-top:5rem;padding-inline:4rem;padding-block:4.2rem 6rem;border-radius:8rem}}cat-product-design-layout.body-milk .contents-container .package{--height: 32.4rem;width:9.9rem;height:var(--height)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout.body-milk .contents-container .package{width:9.18rem;height:30rem}}cat-product-highlights-layout.body-milk .contents-container>ul>li{width:100%;padding-block:2.8rem 3rem;border-top:1px solid var(--color-very-light-gray);display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;grid-template-areas:"ti ti" "hi ic" "an ic"}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.body-milk .contents-container>ul>li{padding-block:2.3rem 3rem;gap:1rem;grid-template-areas:"ti ic" "hi hi" "an an"}}cat-product-highlights-layout.body-milk .contents-container>ul>li:first-child{padding-top:unset;border:unset}cat-product-highlights-layout.body-milk .contents-container>ul>li:last-child{padding-bottom:unset}cat-product-highlights-layout.body-milk .contents-container>ul>li .title{grid-area:ti;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.3rem;line-height:1.5;display:flex;align-items:center;gap:1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.body-milk .contents-container>ul>li .title{line-height:1.4}}cat-product-highlights-layout.body-milk .contents-container>ul>li .title:before{content:"";width:.6rem;height:1px;background:var(--color-black)}cat-product-highlights-layout.body-milk .contents-container>ul>li .icon{grid-area:ic;display:block;width:7rem;aspect-ratio:71/70}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.body-milk .contents-container>ul>li .icon{width:5rem}}cat-product-highlights-layout.body-milk .contents-container>ul>li .icon.ph_fragrance{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/ph_fragrance.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.body-milk .contents-container>ul>li .icon.ph_skin{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/ph_skin.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.body-milk .contents-container>ul>li .icon.ph_sustainable{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/ph_sustainable.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.body-milk .contents-container>ul>li .highlights{grid-area:hi}cat-product-highlights-layout.body-milk .contents-container>ul>li .highlights li{font-size:1.2rem;line-height:1.8;letter-spacing:.02em}cat-product-highlights-layout.body-milk .contents-container>ul>li .highlights li:before{content:"・"}cat-product-highlights-layout.body-milk .contents-container>ul>li .highlights li+li{margin-top:.6rem}cat-product-highlights-layout.body-milk .contents-container>ul>li .highlights li sup{line-height:1;vertical-align:middle}cat-product-highlights-layout.body-milk .contents-container>ul>li .annotations{grid-area:an}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.body-milk .contents-container>ul>li .annotations{margin-top:.2rem}}cat-product-highlights-layout.body-milk .contents-container>ul>li .annotations p{font-size:1rem;line-height:1;letter-spacing:.02em;color:var(--color-light-gray)}cat-product-highlights-layout.body-milk .contents-container>ul>li .annotations p+p{margin-top:.6rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.body-milk .contents-container>ul>li .annotations p+p{margin-top:1.1rem}}main.body-milk{padding-bottom:18rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){main.body-milk{padding-bottom:5rem}}cat-product-design-layout.fabric-spray .contents-container .package{--height: 33.45rem;width:11.23rem;height:var(--height)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout.fabric-spray .contents-container .package{width:10.13rem;height:30.19rem}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li{width:100%;padding-block:2.5rem 3rem;border-top:1px solid var(--color-very-light-gray)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li{margin-top:1rem;padding-block:3rem 2.1rem}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li:first-child{padding-top:unset;padding-right:9rem;border:unset}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li:first-child{padding-right:unset}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li:last-child{padding-bottom:unset}cat-product-highlights-layout.fabric-spray .contents-container>ul>li.icon-layout{display:grid;grid-template-columns:1fr auto;grid-template-areas:"ti ti" "ta ic";justify-content:space-between;row-gap:.6rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li.icon-layout{padding-right:unset;grid-template-areas:"ti ic" "ta ta";align-items:center}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .title{grid-area:ti;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.3rem;line-height:1.5;display:flex;align-items:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li .title{line-height:1.4;align-items:unset}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .title:before{content:"";margin-right:1rem;width:.6rem;height:1px;background:var(--color-black)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li .title:before{margin-top:.7em}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .title sup{line-height:1;vertical-align:middle}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights{margin-top:1rem}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .hl-title{font-size:1.2rem;line-height:1.8;letter-spacing:.02em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .hl-title{margin-top:1.5rem}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .hl-title:before{content:"・"}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features{margin-top:2rem;display:grid;grid-template-columns:auto 1fr auto 1fr auto;row-gap:3rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features{grid-template-columns:auto 1fr auto}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature{width:9.6rem;height:7.7rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature{width:14.5rem}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature p{font-size:1.2rem;line-height:1.3;letter-spacing:0;text-align:center;white-space:nowrap}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature span{display:block;width:4rem;aspect-ratio:1}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature span.clothes{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fabric-spray/ph_clothes.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature span.sofa{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fabric-spray/ph_sofa.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature span.bed{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fabric-spray/ph_bed.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature span.pet{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fabric-spray/ph_pet.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature span.smell{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fabric-spray/ph_smell.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .feature span.medical-mask{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fabric-spray/ph_medical-mask.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .divider{display:grid;place-items:center}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .features .divider:before{content:"";width:1px;height:2rem;background:var(--color-very-light-gray)}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .highlights>li .annotation{margin-top:1.5rem;font-size:1rem;line-height:1.5;letter-spacing:.02em;color:var(--color-light-gray)}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .annotations{margin-top:2rem}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .annotations p{font-size:1rem;line-height:1.5;letter-spacing:.02em;color:var(--color-light-gray)}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .annotations p+p{margin-top:.7rem}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .icon{grid-area:ic;display:block;width:7rem;aspect-ratio:71/70;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fabric-spray/ph_material.svg) 50% 50%/contain no-repeat}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li .icon{width:5rem}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .tags{grid-area:ta;display:flex;gap:1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.fabric-spray .contents-container>ul>li .tags{width:24.8rem;flex-wrap:wrap}}cat-product-highlights-layout.fabric-spray .contents-container>ul>li .tags p{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding-inline:.91rem;border:1px solid var(--color-very-light-gray);border-radius:.5rem;font-size:1.2rem;line-height:1.8;letter-spacing:.02em}main.fabric-spray{padding-bottom:18rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){main.fabric-spray{padding-bottom:5rem}}water-lineup{margin-top:8rem;padding-inline:var(--side-padding);display:block}water-lineup .cards{margin-top:8rem;display:grid;grid-template-columns:repeat(3,auto);gap:4.5rem 3rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards{margin-top:4rem;grid-template-columns:repeat(2,auto);gap:2rem 1.55rem}}water-lineup .cards .card{display:flex;flex-direction:column;align-items:center;width:22rem;padding-block:5.3rem 4rem;border-radius:.5rem;background:var(--color-light);box-shadow:.9rem .9rem 1rem #f4f4f4,-.9rem -.8rem 1.5rem #fff;transition-property:box-shadow,scale;transition-duration:.3s;transition-timing-function:ease;will-change:scale}water-lineup .cards .card.start{--theme: var(--color-fragrance-start)}water-lineup .cards .card.recline{--theme: var(--color-fragrance-recline)}water-lineup .cards .card.mellow{--theme: var(--color-fragrance-mellow)}water-lineup .cards .card.relieve{--theme: var(--color-fragrance-relieve)}water-lineup .cards .card.smile{--theme: var(--color-fragrance-smile)}water-lineup .cards .card.chill{--theme: var(--color-fragrance-chill)}@media (hover: hover) and (pointer: fine){water-lineup .cards .card:hover{scale:.985;box-shadow:.3rem .3rem .5rem #f0f0f0,-.3rem -.3rem 1rem #fff}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card{width:14rem;padding-block:2rem}}water-lineup .cards .card .img{position:relative;z-index:0;width:9.9rem;height:16.02rem;display:block}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card .img{width:5.04rem;height:8.12rem}}water-lineup .cards .card .img .icon{position:absolute;top:-1.5rem;left:-.4rem;z-index:-1;width:7rem;height:7rem;border-radius:50%;display:block}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card .img .icon{top:.1rem;left:-2.3rem;width:5rem;height:5rem}}water-lineup .cards .card .img .award{position:absolute;top:1.5rem;right:-4rem;width:6.2rem;aspect-ratio:1}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card .img .award{width:3.5rem;top:.8rem;right:-2.2rem}}water-lineup .cards .card .name{margin-top:2.1rem;color:var(--theme);display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card .name{margin-top:1.2rem}}water-lineup .cards .card .name span:first-child{font-family:ingra-2,sans-serif;font-weight:500;font-style:normal;font-size:2rem;line-height:1}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card .name span:first-child{font-size:1.7rem}}water-lineup .cards .card .name span:last-child{margin-top:.5rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1rem;line-height:1}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card .name span:last-child{margin-top:.4rem;font-size:.8rem}}water-lineup .cards .card .catch{margin-top:1.8rem;font-size:1.2rem;line-height:1.5;text-align:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-lineup .cards .card .catch{font-size:1.1rem;text-align:left;margin-top:1rem;padding-inline:1.5rem}}water-design{margin-top:22rem;display:block;padding-inline:var(--side-padding)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design{margin-top:8rem}}water-design .leading{margin-top:4rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.6rem;line-height:1.5;letter-spacing:.1em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .leading{margin-top:3.8rem;font-size:1.4rem;line-height:1.9}}water-design .contents{margin-top:6rem;display:grid;grid-template-columns:auto 1fr;gap:7.6rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents{margin-top:3.6rem;display:block}}water-design .contents .img-area{position:relative;width:19.4rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents .img-area{margin-inline:auto}}water-design .contents .img-area .art-direction{position:sticky;top:max((100vh - 31.3rem) * .5,var(--header-height) + 1rem);display:block;filter:drop-shadow(.369rem .369rem 4.057rem rgb(from #000 r g b/5%))}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents .img-area .art-direction{position:relative;top:unset}}water-design .contents .detail-area{counter-reset:feature}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents .detail-area{margin-top:3.2rem}}water-design .contents .detail-area li{counter-increment:feature}water-design .contents .detail-area li+li{margin-top:6.2rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents .detail-area li+li{margin-top:5.2rem}}water-design .contents .detail-area li>*+*{margin-top:1rem}water-design .contents .detail-area li p{font-size:1.2rem;line-height:1.8;letter-spacing:.02em}water-design .contents .detail-area li p.heading{font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;line-height:1.21;letter-spacing:.12em;display:flex;align-items:center;gap:.6rem}water-design .contents .detail-area li p.heading:before{content:counter(feature);padding-top:.1rem;font-family:ingra-2,sans-serif;font-weight:500;font-style:normal;font-size:1.1rem;letter-spacing:0;line-height:1;color:var(--color-light);width:1.6rem;height:1.6rem;border-radius:50%;background:var(--color-light-gray);display:grid;place-items:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents .detail-area li p.heading:before{padding-top:.2rem}}water-design .contents .detail-area li .art-direction{display:block}water-design .contents .detail-area li .art-direction.cap{width:13.3rem}water-design .contents .detail-area li .art-direction.shape{width:23.8rem}water-design .contents .detail-area li .art-direction.water{position:relative;width:9.6rem;display:grid;place-items:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents .detail-area li .art-direction.water{width:7.8rem}}water-design .contents .detail-area li .logo{display:block;aspect-ratio:100 / 83;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/logo.svg) 50% 50%/contain no-repeat;width:10rem;background:var(--color-black)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-design .contents .detail-area li .logo{margin-top:2rem;width:9.3rem}}water-highlights{display:block;margin-top:22rem;padding-inline:var(--side-padding)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights{margin-top:8rem;padding-inline:unset}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .heading{padding-inline:var(--side-padding)}}water-highlights .heading .leading{margin-top:4rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .heading .leading{margin-top:2rem}}water-highlights .heading .leading .main{font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.6rem;line-height:1.5;letter-spacing:.1em;display:flex;align-items:center;gap:1.1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .heading .leading .main{display:block;font-size:1.4rem}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .heading .leading .main span:first-child{display:block;margin-bottom:.2rem}}water-highlights .heading .leading .main .vdiv{display:inline-block;width:1px;height:1.4rem;background:var(--color-light-gray)}water-highlights .heading .leading .sub{margin-top:1.8rem;font-size:1.2rem;letter-spacing:.06em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .heading .leading .sub{line-height:1.5;margin-top:2rem}}water-highlights .card{position:relative;margin-top:8.8rem;padding-inline:8.7rem 7.4rem;padding-block:3.3rem 6.4rem;width:100%;border-radius:11rem;background:var(--color-light);box-shadow:inset .5rem .5rem 2rem #f4f4f4}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card{margin-top:8.5rem;border-radius:8rem;padding-inline:4rem;padding-block:4rem 5.6rem}}water-highlights .card+.card{margin-top:2.4rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card+.card{margin-top:1.4rem}}water-highlights .card.skin:before{content:"";position:absolute;top:-3.3rem;left:50%;translate:-50% 0;display:block;aspect-ratio:40/40;width:3.8rem;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_cross.svg) 50% 50%/contain no-repeat}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card.skin:before{top:-2.5rem}}water-highlights .card h3{font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;gap:1.3rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card h3{font-size:1.3rem;gap:1.4rem}}water-highlights .card h3:before{content:"";display:block;aspect-ratio:25/25}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card h3:before{width:2.5rem}}water-highlights .card h3:is(water-highlights .card.nose>h3):before{width:2.3rem;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_nose_1.svg) 50% 50%/contain no-repeat}water-highlights .card h3:is(water-highlights .card.skin>h3):before{width:2.8rem;background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_skin_1.svg) 50% 50%/contain no-repeat}water-highlights .card>ul{margin-top:3.5rem}water-highlights .card>ul>li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"ti ti" "te ic";gap:.9rem 2rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card>ul>li{grid-template-areas:"ti ic" "te te";gap:1rem .8rem;align-items:center}}water-highlights .card>ul>li:not(:last-child){padding-bottom:3rem}water-highlights .card>ul>li+li{padding-top:2.5rem;border-top:1px solid var(--color-very-light-gray)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card>ul>li+li{padding-top:3rem}}water-highlights .card>ul>li h4{grid-area:ti;display:flex}water-highlights .card>ul>li h4:before{content:"";margin-top:1em;margin-right:1rem;width:.6rem;height:1px;background:currentColor}water-highlights .card>ul>li h4 p{font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.3rem;line-height:1.5}water-highlights .card>ul>li h4 p span{font-size:1.1rem}water-highlights .card>ul>li .text{grid-area:te;font-size:1.2rem;line-height:1.8;letter-spacing:.02em}water-highlights .card>ul>li .text sup{line-height:1;vertical-align:middle}water-highlights .card>ul>li .text .annotation{margin-top:.8rem;font-size:1rem;line-height:1.5;letter-spacing:.02em;color:var(--color-light-gray)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card>ul>li .text .annotation{font-size:1.1rem}}water-highlights .card>ul>li .text .annotation:before{content:"※"}water-highlights .card>ul>li .text ol.annotations{margin-top:.8rem;counter-reset:num}water-highlights .card>ul>li .text ol.annotations li{counter-increment:num;font-size:1rem;line-height:1.5;color:var(--color-light-gray)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card>ul>li .text ol.annotations li{margin-top:.5rem}}water-highlights .card>ul>li .text ol.annotations li:before{content:"※" counter(num) "："}water-highlights .card>ul>li .icon{grid-area:ic;position:relative;width:7rem;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){water-highlights .card>ul>li .icon{width:5rem;border-radius:.5rem}}water-highlights .card>ul>li .icon:before{content:"";width:100%;display:block;aspect-ratio:71/70}water-highlights .card>ul>li .icon:is(water-highlights .card.nose ul li:nth-child(1)>*):before{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_nose_2.svg) 50% 50%/contain no-repeat}water-highlights .card>ul>li .icon:is(water-highlights .card.skin ul li:nth-child(1)>*):before{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_skin_2.svg) 50% 50%/contain no-repeat}water-highlights .card>ul>li .icon:is(water-highlights .card.nose ul li:nth-child(2)>*):before{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_nose_3.svg) 50% 50%/contain no-repeat}water-highlights .card>ul>li .icon:is(water-highlights .card.skin ul li:nth-child(2)>*):before{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_skin_3.svg) 50% 50%/contain no-repeat}water-highlights .card>ul>li .icon:is(water-highlights .card.nose ul li:nth-child(3)>*):before{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_nose_4.svg) 50% 50%/contain no-repeat}water-highlights .card>ul>li .icon:is(water-highlights .card.skin ul li:nth-child(3)>*):before{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/fragrance-water/highlights_skin_4.svg) 50% 50%/contain no-repeat}main.fragrance-water{padding-bottom:18rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){main.fragrance-water{padding-bottom:5rem}}cat-product-design-layout.hand-cream .contents-container .package{--height: 27.45rem;width:9.9rem;height:var(--height)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-design-layout.hand-cream .contents-container .package{width:11rem;height:30.5rem}}cat-product-highlights-layout.hand-cream .contents-container>ul>li{width:100%;padding-block:3rem;border-top:1px solid var(--color-very-light-gray);display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;grid-template-areas:"ti ti" "hi ic" "an ic"}cat-product-highlights-layout.hand-cream .contents-container>ul>li:first-child{padding-top:unset;border:unset}cat-product-highlights-layout.hand-cream .contents-container>ul>li:last-child{padding-bottom:unset}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.hand-cream .contents-container>ul>li{padding-block:3rem 2.1rem;gap:1rem;grid-template-areas:"ti ic" "hi hi" "an an"}}cat-product-highlights-layout.hand-cream .contents-container>ul>li .title{grid-area:ti;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.3rem;line-height:1.5;display:flex;align-items:center;gap:1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.hand-cream .contents-container>ul>li .title{line-height:1.4}}cat-product-highlights-layout.hand-cream .contents-container>ul>li .title:before{content:"";width:.6rem;height:1px;background:var(--color-black)}cat-product-highlights-layout.hand-cream .contents-container>ul>li .icon{grid-area:ic;display:block;width:7rem;aspect-ratio:71/70}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.hand-cream .contents-container>ul>li .icon{width:5rem}}cat-product-highlights-layout.hand-cream .contents-container>ul>li .icon.ph_fragrance{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/ph_fragrance.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.hand-cream .contents-container>ul>li .icon.ph_skin{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/ph_skin.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.hand-cream .contents-container>ul>li .icon.ph_sustainable{background:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/category/ph_sustainable.svg) 50% 50%/contain no-repeat}cat-product-highlights-layout.hand-cream .contents-container>ul>li .highlights{grid-area:hi}cat-product-highlights-layout.hand-cream .contents-container>ul>li .highlights li{font-size:1.2rem;line-height:1.8;letter-spacing:.02em}cat-product-highlights-layout.hand-cream .contents-container>ul>li .highlights li:before{content:"・"}cat-product-highlights-layout.hand-cream .contents-container>ul>li .highlights li+li{margin-top:.7rem}cat-product-highlights-layout.hand-cream .contents-container>ul>li .highlights li sup{line-height:1;vertical-align:middle}cat-product-highlights-layout.hand-cream .contents-container>ul>li .annotations{grid-area:an}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.hand-cream .contents-container>ul>li .annotations{padding-bottom:1rem}}cat-product-highlights-layout.hand-cream .contents-container>ul>li .annotations p{font-size:1rem;line-height:1;letter-spacing:.02em;color:var(--color-light-gray)}cat-product-highlights-layout.hand-cream .contents-container>ul>li .annotations p+p{margin-top:.5rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){cat-product-highlights-layout.hand-cream .contents-container>ul>li .annotations p+p{margin-top:1.2rem}}main.hand-cream{padding-bottom:18rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){main.hand-cream{padding-bottom:5rem}}home-fv-award .award{position:absolute;display:none;top:50%;left:50%;translate:calc(-50% + 12rem) calc(-50% - 8rem);width:9.1rem;aspect-ratio:1;opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-fv-award .award{translate:calc(-50% + 8rem) calc(-50% - 9rem)}}home-fv-award .award.active{opacity:1}home-fv-award .award.display{display:unset}.home-fv__controls{position:absolute;bottom:2.4rem;left:2.4rem;height:2rem;display:flex}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__controls{position:relative;bottom:unset;left:unset;margin-top:4rem;margin-inline:auto;width:-moz-fit-content;width:fit-content;gap:.1rem}}@media screen and (max-width: 768px) and (min-aspect-ratio: 3/5.3),(orientation: portrait) and (hover: none) and (min-aspect-ratio: 3/5.3){.home-fv__controls{margin-top:-.5rem}}.home-fv__controls .dot{--progress: 0;position:relative;display:grid;height:2rem;width:2rem;place-items:center}.home-fv__controls .dot.start{--color: var(--color-fragrance-start)}.home-fv__controls .dot.recline{--color: var(--color-fragrance-recline)}.home-fv__controls .dot.mellow{--color: var(--color-fragrance-mellow)}.home-fv__controls .dot.relieve{--color: var(--color-fragrance-relieve)}.home-fv__controls .dot.smile{--color: var(--color-fragrance-smile)}.home-fv__controls .dot.chill{--color: var(--color-fragrance-chill)}.home-fv__controls .dot.active svg{opacity:1}@media screen and (min-width: 769px) and ((orientation: landscape) or (hover: hover)){.home-fv__controls .dot.active .circle{scale:2}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__controls .dot.active .circle{width:1rem}}.home-fv__controls .dot svg{--around: 380;position:absolute;opacity:0;transition-property:opacity;transition-duration:.5s;transition-timing-function:ease}.home-fv__controls .dot svg circle.background{stroke:var(--color-very-light-gray)}.home-fv__controls .dot svg circle.foreground{stroke:var(--color);transform-origin:center center;rotate:-90deg;stroke-dasharray:var(--around);stroke-dashoffset:calc(var(--around) * (1 - var(--progress)))}.home-fv__controls .dot .circle{position:absolute;display:block;width:.5rem;aspect-ratio:1;border-radius:50%;background:var(--color)}@media screen and (min-width: 769px) and ((orientation: landscape) or (hover: hover)){.home-fv__controls .dot .circle{transition-property:scale;transition-duration:.5s;transition-timing-function:ease;will-change:scale}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__controls .dot .circle{transition-property:width;transition-duration:.5s;transition-timing-function:ease;will-change:width}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__fragrance-feature{position:relative;height:3.7rem}}.home-fv__fragrance-feature .fragrance-type{margin-top:.3rem;position:absolute;top:50%;right:3rem;translate:0 -50%;opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__fragrance-feature .fragrance-type{width:100%;margin-top:2.5rem;top:0;translate:unset;right:unset}}@media screen and (max-width: 768px) and (min-aspect-ratio: 3/5.3),(orientation: portrait) and (hover: none) and (min-aspect-ratio: 3/5.3){.home-fv__fragrance-feature .fragrance-type{margin-top:-2rem}}.home-fv__fragrance-feature .fragrance-type.active{transition-delay:.3s;opacity:1}.home-fv__fragrance-feature .fragrance-type .name{width:-moz-fit-content;width:fit-content;margin-left:auto;display:flex;align-items:center;gap:1rem;color:var(--theme);line-height:1}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__fragrance-feature .fragrance-type .name{margin-inline:auto}}.home-fv__fragrance-feature .fragrance-type .name>span:first-child{font-family:ingra-2,sans-serif;font-weight:500;font-style:normal;font-size:1.6rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__fragrance-feature .fragrance-type .name>span:first-child{font-size:1.4rem}}.home-fv__fragrance-feature .fragrance-type .name>span:last-child{font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__fragrance-feature .fragrance-type .name>span:last-child{font-size:.9rem}}.home-fv__fragrance-feature .fragrance-type .catch{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-top:1rem;font-size:1.6rem;letter-spacing:.1em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__fragrance-feature .fragrance-type .catch{margin-top:.5rem;margin-inline:auto;font-size:1.5rem}}@media screen and (max-width: 768px) and (min-aspect-ratio: 3/5.3),(orientation: portrait) and (hover: none) and (min-aspect-ratio: 3/5.3){.home-fv__fragrance-feature .fragrance-type .catch{margin-top:.3rem}}.home-fv__fragrance-feature .fragrance-type .char{display:inline-block}.home-fv__products .fragrance-type{position:absolute;bottom:3rem;right:3rem;display:flex;align-items:flex-end;gap:2rem;opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-fv__products .fragrance-type{width:-moz-max-content;width:max-content;bottom:2rem;right:unset;left:50%;translate:-50% 0}}.home-fv__products .fragrance-type.active{opacity:1}.home-fv__products .fragrance-type .art-direction img{height:8.7rem;width:auto;filter:drop-shadow(.369rem .369rem 4.057rem rgb(from #000 r g b/5%))}.home-fv__products .fragrance-type .products{letter-spacing:.05em;line-height:1.5}.home-fv__products .fragrance-type .products .heading{font-family:ingra,sans-serif;font-weight:700;font-style:normal;font-size:1rem}.home-fv__products .fragrance-type .products .prod,.home-fv__products .fragrance-type .products .pend{margin-top:.3rem;font-size:1rem}.home-fv__products .fragrance-type .products .pend{opacity:.3}home-fv{--fade-cover-progress: 0;position:relative;display:block;width:100%}home-fv .home-fv__contents{position:sticky;top:0;left:0;width:100%;height:100dvh;display:grid}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-fv .home-fv__contents{padding-inline:var(--side-padding)}}home-fv .home-fv__contents:before{content:"";position:absolute;z-index:1;top:0;width:100%;height:100lvh;background:var(--color-light);opacity:var(--fade-cover-progress);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}home-fv .home-fv__fade-area{width:100%;height:100vh}home-fv canvas{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100lvh}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-fv .mv-area{position:absolute;top:50%;left:50%;translate:-50% -50%;margin-top:.5rem}}@media screen and (max-width: 768px) and (min-aspect-ratio: 3/5.3),(orientation: portrait) and (hover: none) and (min-aspect-ratio: 3/5.3){home-fv .mv-area{margin-top:-.5rem}}home-fv .mv-area .bottle-image-area{position:absolute;top:50%;left:50%;translate:-50% -50%;width:38rem;aspect-ratio:1}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-fv .mv-area .bottle-image-area{position:relative;top:unset;left:unset;translate:unset;width:29rem}}home-fv .leading{position:absolute;top:50%;translate:0 -50%;left:3rem;font-size:2rem;letter-spacing:.05em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-fv .leading{position:relative;top:unset;left:unset;translate:unset;margin-top:calc(var(--header-height) + 5.4rem);font-size:2.2rem}}@media screen and (max-width: 768px) and (min-aspect-ratio: 3/5.3),(orientation: portrait) and (hover: none) and (min-aspect-ratio: 3/5.3){home-fv .leading{margin-top:calc(var(--header-height) + 2.9rem);font-size:1.85rem}}home-concept{position:relative;display:block;margin-top:-50vh;padding-inline:41.4rem 44rem;padding-block:12.699rem 0;overflow:clip}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-concept{padding-block:10rem 16rem;padding-inline:4.05rem}}home-concept span.text-line{display:block;width:-moz-fit-content;width:fit-content}home-concept span.char{display:inline-block;transform-origin:center bottom}home-concept h2{font-family:zen-kaku-gothic-new,sans-serif;font-weight:500;font-style:normal;font-size:2.7rem;line-height:1.2;letter-spacing:.01em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-concept h2{font-size:2.2rem;line-height:1.5;letter-spacing:.05em}}home-concept h2 span{display:inline-block}home-concept .home-concept__body{margin-top:10rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-concept .home-concept__body{margin-top:5.5rem}}home-concept .home-concept__body p{font-size:1.5rem;line-height:3;letter-spacing:.15em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-concept .home-concept__body p{font-size:1.3rem;line-height:2.7;letter-spacing:.05em}}home-concept .home-concept__body p+p{margin-top:4.5rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-concept .home-concept__body p+p{margin-top:3.5rem}}home-concept .home-concept__body .art-direction{margin-top:5.5rem;width:41.2rem;height:20.6rem;border-radius:.5rem;overflow:hidden}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-concept .home-concept__body .art-direction{margin-top:6rem;width:100%;height:14.8rem}}home-concept .home-concept__body .art-direction+p{margin-top:5.5rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-concept .home-concept__body .art-direction+p{margin-top:5.8rem}}.home-products__body-layout.start{--theme: var(--color-fragrance-start)}.home-products__body-layout.recline{--theme: var(--color-fragrance-recline)}.home-products__body-layout.mellow{--theme: var(--color-fragrance-mellow)}.home-products__body-layout.relieve{--theme: var(--color-fragrance-relieve)}.home-products__body-layout.smile{--theme: var(--color-fragrance-smile)}.home-products__body-layout.chill{--theme: var(--color-fragrance-chill)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout{padding-bottom:5rem}}.home-products__body-layout+.home-products__body-layout{margin-top:34rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout+.home-products__body-layout{margin-top:4rem;padding-top:5rem}}.home-products__body-layout .num{position:relative;width:3.2rem;height:3.5rem;display:grid;place-items:center;overflow:hidden}.home-products__body-layout .num:before{content:"";position:absolute;width:150%;height:1px;background:var(--color-very-light-gray);rotate:-47deg}.home-products__body-layout .num span:first-child{position:absolute;top:0;left:0;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.6rem;line-height:1;letter-spacing:.1em;color:var(--theme)}.home-products__body-layout .num span:last-child{position:absolute;bottom:0;right:0;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1rem;line-height:1;letter-spacing:.1em}.home-products__body-layout h2{line-height:1;color:var(--theme);display:flex;align-items:center;gap:1.125rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout h2{margin-top:2rem}}.home-products__body-layout h2 span:first-child{font-family:ingra-2,sans-serif;font-weight:500;font-style:normal;font-size:2.2rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout h2 span:first-child{font-size:1.8rem;letter-spacing:.01em}}.home-products__body-layout h2 span:last-child{margin-top:-.5rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout h2 span:last-child{font-size:1.125rem}}.home-products__body-layout .catch{margin-top:1.6rem;font-size:1.3rem;line-height:2;letter-spacing:.1em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout .catch{font-size:1.3rem}}.home-products__body-layout .heading{margin-top:5.5rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:900;font-style:normal;font-size:1.2rem;line-height:2;letter-spacing:.05em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout .heading{margin-top:5.8rem;font-size:1.1rem}}.home-products__body-layout .thumbnail{position:relative;z-index:-1}.home-products__body-layout .thumbnail .products{margin-top:4rem;width:100%;filter:drop-shadow(.369rem .369rem 4.057rem rgb(from #000 r g b/5%))}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout .thumbnail .products{margin-top:-2rem}}.home-products__body-layout .thumbnail .award{z-index:1}.home-products__body-layout .thumbnail .award:is(.home-products__body-layout.chill *){position:absolute;bottom:7.5rem;left:-4.5rem;width:6.2rem;aspect-ratio:1}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout .thumbnail .award:is(.home-products__body-layout.chill *){bottom:4rem;left:-3rem;width:4.6rem}}.home-products__body-layout ul{margin-top:1.8rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout ul{margin-top:1.5rem}}.home-products__body-layout ul li a{padding-block:1rem .6rem;border-bottom:1px solid var(--color-very-light-gray);display:grid;grid-template-columns:20.5rem 1fr repeat(2,auto);grid-template-areas:"br br br br" "na am pr ar";align-items:center;row-gap:.2rem;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}@media (hover: hover) and (pointer: fine){.home-products__body-layout ul li a:hover{border-color:var(--color-light-gray)}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout ul li a{padding-block:1rem;grid-template-columns:14.6rem 1fr repeat(2,auto)}}.home-products__body-layout ul li a .brand{grid-area:br;font-size:.9rem;line-height:1.5;letter-spacing:.05em}.home-products__body-layout ul li a .name{grid-area:na;font-size:1.2rem;line-height:1.5;letter-spacing:.05em}.home-products__body-layout ul li a .amount{margin-top:.1rem;grid-area:am;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.1rem;line-height:1.5}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout ul li a .amount{margin-top:.2rem}}.home-products__body-layout ul li a .price{margin-top:.1rem;grid-area:pr;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.1rem;line-height:1.5;letter-spacing:.05em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout ul li a .price{margin-top:.2rem}}.home-products__body-layout ul li a .price span{display:inline-block;margin-left:.2rem;font-family:zen-kaku-gothic-new,sans-serif;font-weight:500;font-style:normal;font-size:.8rem;line-height:1.5;letter-spacing:.05em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout ul li a .price span{margin-left:0}}.home-products__body-layout ul li a:before{content:"";margin-left:1.8rem;grid-area:ar;display:block;aspect-ratio:15 / 15;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;width:1.5rem;background:currentColor}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body-layout ul li a:before{margin-left:1rem}}.home-products__body-layout .mv{display:block;margin-top:5rem;margin-inline:auto;width:18rem;height:32rem;border-radius:1rem;overflow:hidden}.home-products__body{width:34.181rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__body{width:100%}}.home-products__progress{margin-top:auto;margin-right:1rem;width:3.2rem;height:-moz-fit-content;height:fit-content}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__progress{margin:unset;padding-bottom:5rem;position:sticky;top:calc(var(--header-height) + 3rem);display:grid;grid-template-areas:"nu" "do";gap:2rem}}.home-products__progress .dots{display:flex;flex-direction:column;align-items:center;gap:1.4rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__progress .dots{grid-area:do}}.home-products__progress .dots .dot{--pg: 0;--pg2: 0;position:relative;display:grid;place-items:center;width:.5rem;aspect-ratio:1;border-radius:50%;background:var(--theme)}.home-products__progress .dots .dot.start{--theme: var(--color-fragrance-start)}.home-products__progress .dots .dot.recline{--theme: var(--color-fragrance-recline)}.home-products__progress .dots .dot.mellow{--theme: var(--color-fragrance-mellow)}.home-products__progress .dots .dot.relieve{--theme: var(--color-fragrance-relieve)}.home-products__progress .dots .dot.smile{--theme: var(--color-fragrance-smile)}.home-products__progress .dots .dot.chill{--theme: var(--color-fragrance-chill)}.home-products__progress .dots .dot:not(:last-child):before{content:"";position:absolute;top:calc(0rem + 1.9rem * var(--pg2));width:100%;height:calc(2.4rem * var(--pg) - 1.9rem * var(--pg2));border-radius:100vmax;background:var(--theme)}.home-products__progress .num{margin-top:2.3rem;position:relative;height:3.6rem;width:100%;display:grid;place-items:center;overflow:hidden}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){.home-products__progress .num{grid-area:nu}}.home-products__progress .num:before{content:"";position:absolute;width:200%;height:1px;background:var(--color-very-light-gray);rotate:-49deg}.home-products__progress .num span{display:block;position:absolute;font-family:ingra,sans-serif;font-weight:500;font-style:normal;line-height:1;letter-spacing:.1em}.home-products__progress .num span.current{top:0;left:0;font-size:1.6rem}.home-products__progress .num span.types{bottom:0;right:0;font-size:1.1rem}.home-products__mv{position:sticky;top:max((100vh - 45.4rem) * .5,var(--header-height) + 1rem);display:flex}.home-products__mv .videos{position:relative;width:25.5rem;height:45.4rem;border-radius:.5rem;overflow:hidden}.home-products__mv .videos .mv{position:absolute;top:0;width:100%;height:100%;overflow:hidden;opacity:0;filter:blur(10px);transition-property:opacity filter;transition-duration:.8s;transition-timing-function:ease-out;will-change:opacity filter}.home-products__mv .videos .mv.current{opacity:1;filter:blur(0px)}home-products{position:relative;z-index:0;display:block}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-products{margin-top:-50vh;padding-bottom:6rem}}home-products .background-container{--out-opacity: 0;position:sticky;z-index:-1;top:0;width:100%;height:100vh;opacity:0}home-products .background-container:before{content:"";position:absolute;z-index:1;top:0;width:100%;height:100%;opacity:var(--out-opacity);background:var(--color-light)}home-products .background-container .art-direction{position:absolute;top:0;width:100%;height:100%;opacity:0;transition-property:opacity;transition-duration:.8s;transition-timing-function:ease-out}home-products .background-container .art-direction.current{opacity:1}home-products .home-products__layout{margin-top:-50vh;padding-inline:28rem;padding-block:15rem 50vh;display:grid;grid-template-columns:auto auto;justify-content:space-between}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-products .home-products__layout{margin-top:-50vh;position:relative;padding-block:0 50vh;padding-inline:1.3rem var(--side-padding);gap:1.8rem}}home-products .home-products__layout .sticky-area{position:relative}home-instagram{position:relative;display:block;padding-inline:var(--side-padding)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-instagram{margin-top:-50vh;padding-top:6rem;overflow-x:clip}}home-instagram .vsm-tile{margin-top:5rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-instagram .vsm-tile{margin-top:3.9rem}}home-instagram .vsm-tile .ecbn-selection-widget{margin:unset}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper{margin:unset!important}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap{width:unset!important;height:unset!important;display:grid;grid-template-columns:repeat(4,auto);gap:3rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap{grid-template-columns:repeat(2,auto);gap:.5rem}}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap li.ecbn-selection-item{padding:unset;width:unset!important;position:unset!important;top:unset!important;left:unset!important}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap li.ecbn-selection-item a{--progress: 0;position:relative;width:15.6rem;aspect-ratio:1;border-radius:.5rem;overflow:hidden;display:block}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap li.ecbn-selection-item a{width:14.5rem}}@media (hover: hover) and (pointer: fine){home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap li.ecbn-selection-item a:hover{animation:spread 1s cubic-bezier(.33,1,.68,1)}}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap li.ecbn-selection-item a:before{content:"";position:absolute;z-index:1;top:50%;left:50%;translate:-50% -50%;width:140%;aspect-ratio:1;background:rgb(from #fff r g b/var(--progress));border-radius:50%;scale:var(--progress);opacity:calc((1 - var(--progress)) * .8)}@keyframes spread{0%{--progress: 0}to{--progress: 1}}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper ul.ecbn-selection-snap li.ecbn-selection-item a img:hover{opacity:1}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper .ecbn-selection-to-nextpage{margin-top:5rem;margin-inline:auto;width:-moz-fit-content;width:fit-content}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper .ecbn-selection-to-nextpage a.ecbn-selection-to-nextpage-btn{margin:unset;padding:unset;border:unset;text-align:unset;display:block;width:16.3rem;height:4.6rem;border-radius:100vmax;font-size:1.2rem;line-height:1;letter-spacing:.12em;display:flex;align-items:center;justify-content:center;gap:2.1rem;color:var(--color-black);background:var(--color-light);box-shadow:.9rem .9rem 1rem #f4f4f4,-.9rem -.8rem 1.5rem #fff;transition-property:box-shadow,scale;transition-duration:.3s;transition-timing-function:ease;will-change:scale}@media (hover: hover) and (pointer: fine){home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper .ecbn-selection-to-nextpage a.ecbn-selection-to-nextpage-btn:hover{scale:.985;box-shadow:.3rem .3rem .5rem #f0f0f0,-.3rem -.3rem 1rem #fff}}@media (hover: hover) and (pointer: fine){home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper .ecbn-selection-to-nextpage a.ecbn-selection-to-nextpage-btn:hover{opacity:1}}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper .ecbn-selection-to-nextpage a.ecbn-selection-to-nextpage-btn{margin-top:4rem;width:22.4rem;height:4.5rem;padding-inline:3rem;justify-content:space-between}}home-instagram .vsm-tile .ecbn-selection-widget .ecbn-selection-page-wrapper .ecbn-selection-to-nextpage a.ecbn-selection-to-nextpage-btn:after{content:"";display:block;aspect-ratio:15 / 15;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;width:1.5rem;background:var(--color-black)}home-instagram .ecbn-selection-footer2{display:none}home-news{position:relative;display:block;margin-top:22rem;padding-inline:var(--side-padding);padding-bottom:15rem;overflow-x:clip}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-news{margin-top:10rem;padding-bottom:10rem}}home-news ul{margin-top:3rem}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-news ul{margin-top:2.8rem}}home-news ul li a{position:relative;padding-block:2rem;padding-right:1rem;display:grid;grid-template-columns:auto 1fr auto;gap:4rem;align-items:center}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-news ul li a{padding-block:1rem 1.5rem;padding-right:4.5rem;display:block}}home-news ul li a:after{content:"";display:block;aspect-ratio:15 / 15;-webkit-mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;mask:url(https://d2w53g1q050m78.cloudfront.net/storefitsjapanco/uploads/studio-spoon/assets/common/arrow.svg) 50% 50%/contain no-repeat;width:1.5rem;height:1.5rem;background:var(--color-black)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-news ul li a:after{position:absolute;right:1rem;top:50%;translate:0 -50%}}home-news ul li a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color-very-light-gray);transition-property:background;transition-duration:.3s;transition-timing-function:ease}@media (hover: hover) and (pointer: fine){home-news ul li a:hover:before{background:var(--color-light-gray)}}home-news ul li a time{margin-top:.2rem;font-family:ingra,sans-serif;font-weight:500;font-style:normal;font-size:1.2rem;line-height:1.8;letter-spacing:.05em;color:var(--color-light-gray)}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-news ul li a time{margin-top:0;font-size:1.3rem}}home-news ul li a p{font-size:1.3rem;line-height:1.9;letter-spacing:.15em}@media screen and (max-width: 768px),(orientation: portrait) and (hover: none){home-news ul li a p{margin-top:.3rem;font-size:1.2rem;line-height:1.5;letter-spacing:.05em}}
