.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;visibility:hidden;pointer-events:none}.drawer.is-open{visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1f1f73;opacity:0;transition:opacity .4s var(--ease)}.drawer.is-open .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(400px,86vw);padding:0 0 calc(24px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:8px 0 40px #1f1f1f1f;overflow-y:auto;transform:translate(-102%);transition:transform .45s var(--ease)}.drawer.is-open .drawer__panel{transform:none}.drawer__panel:focus{outline:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:10px 18px;border-bottom:1px solid var(--line)}.drawer__close{display:grid;place-items:center;width:44px;height:44px;margin-left:-10px;padding:0;border:0;background:none;color:var(--sumi);cursor:pointer}.drawer__close svg{width:22px;height:22px}.drawer__seal{font-family:"Noto Serif JP",serif;font-size:20px;color:var(--kaki)}.drawer__nav{display:flex;flex-direction:column;padding:14px 0}.drawer__nav a{display:flex;align-items:center;min-height:52px;padding:0 28px;font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:.02em;color:var(--sumi);transition:background .3s var(--ease),color .3s var(--ease)}.drawer__nav a:hover,.drawer__nav a[aria-current=page]{background:var(--washi-2);color:var(--kaki-deep)}.drawer__products{padding:18px 28px 6px;border-top:1px solid var(--line)}.drawer__label{margin:0 0 12px;font-family:var(--serif);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--sage-deep)}.drawer__product{display:flex;align-items:center;gap:14px;padding:8px 0}.drawer__thumb{flex:0 0 64px;width:64px;height:64px;background:var(--washi-2);overflow:hidden}.drawer__thumb img{width:100%;height:100%;object-fit:cover}.drawer__pinfo{display:flex;flex-direction:column;min-width:0}.drawer__ptitle{font-family:var(--serif);font-size:14px;font-weight:500;line-height:1.3}.drawer__pprice{font-size:13px;color:var(--muted)}.drawer__product:hover .drawer__ptitle{color:var(--kaki-deep)}.drawer__note{margin:auto 28px 0;padding-top:22px;font-family:var(--serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--kaki-deep)}@media(max-width:900px){.nav__links{display:none!important}}.pgrid{background:var(--washi)}.pgrid__aside{display:grid;gap:18px;justify-items:start}.pgrid__grid{display:grid;gap:clamp(14px,2vw,28px)}.pgrid__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.pgrid__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid__grid>div{display:flex}.pcard{display:flex;flex-direction:column;width:100%;background:var(--paper);border:1px solid var(--line)}.pcard__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--washi-2)}.pcard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform .9s var(--ease)}.pcard__img--alt{opacity:0}@media(hover:hover){.pcard:hover .pcard__img--alt{opacity:1}.pcard:hover .pcard__img{transform:scale(1.03)}}.pcard__badge{position:absolute;top:12px;left:12px;padding:6px 10px;background:var(--sumi);color:var(--washi);font-family:var(--serif);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.pcard__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 18px 20px}.pcard__title{margin:0;font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.3}.pcard__title a:hover{color:var(--kaki-deep)}.pcard__desc{margin:0;font-size:13.5px;line-height:1.55;color:var(--sumi-soft)}.pcard__price{margin:4px 0 0;font-family:var(--serif);font-size:15px}.pcard__btn{margin-top:auto;width:100%;padding:14px 18px}.compare{background:var(--paper);border-top:1px solid var(--line)}.compare__head{max-width:640px;margin-bottom:clamp(40px,5vw,64px)}.compare__grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:clamp(10px,1.6vw,20px)}.compare__card{padding:clamp(24px,3vw,36px);background:var(--washi);border:1px solid var(--line)}.compare__card--highlight{background:var(--kaki-soft);border-color:var(--kaki)}.compare__kicker{margin:0 0 14px;font-family:var(--serif);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--sage-deep)}.compare__card--highlight .compare__kicker{color:var(--kaki-deep)}.compare__card h3{margin:0 0 10px;font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.25}.compare__card p:last-child{margin:0;color:var(--sumi-soft);font-size:15px}.compare__arrow{align-self:center;color:var(--kaki);font-size:22px}.collection-page{padding-top:calc(150px + var(--announce-h, 0px));background:var(--washi)}.collection-page__head{max-width:680px;margin-bottom:clamp(32px,4vw,48px)}.collection-page__desc{margin-top:18px}.collection-page__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-page__count{margin:0;font-size:14px;color:var(--muted)}.collection-page__sort{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sumi-soft)}.collection-page__sort select{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:var(--paper);font:inherit;color:var(--sumi)}.collection-page__pages{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:40px;font-size:14px}@media(max-width:1024px){.pgrid__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.compare__grid{grid-template-columns:1fr}.compare__arrow{justify-self:center;transform:rotate(90deg)}}@media(max-width:749px){.pgrid__grid--3,.pgrid__grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pcard__body{padding:14px 12px 16px}.pcard__title{font-size:14px}.pcard__desc{display:none}.pcard__btn{padding:12px 10px;font-size:10px;letter-spacing:.14em}.collection-page{padding-top:calc(110px + var(--announce-h, 0px))}.collection-page__bar{flex-wrap:wrap}}@media(min-width:901px){.nav__inner{gap:18px}.nav__toggle{display:block;position:relative;width:44px;height:44px;margin-left:-10px;flex:0 0 auto}.nav__toggle span{left:10px;right:10px}.nav__toggle span:first-child{top:18px}.nav__toggle span:last-child{top:25px}.nav__inner>.brand{margin-right:auto}}.pdp__tabs .rte{font-size:14.5px}.pdp__tabs .rte h3{margin:22px 0 8px;font-size:15px;font-weight:500}.pdp__tabs .rte h3:first-child{margin-top:0}.pdp__tabs .rte ul{margin:0 0 12px;padding-left:18px}.pdp__tabs .rte li{margin-bottom:4px}:root{--radius: 18px;--radius-sm: 10px}.hero__img,.origin__media,.ritual__media,.product__media,.pcard,.pdp__slide,.cart-item__media,.compare__card,.audience__card,.pack__body,.cart__summary{border-radius:var(--radius)}.origin__media,.ritual__media,.product__media,.pcard,.pdp__slide,.cart-item__media{overflow:hidden}.cart-item__media{border-radius:var(--radius-sm)}.pack__body{border-radius:14px}.drawer__thumb{border-radius:var(--radius-sm)}.guarantee__seal{border-radius:50%}.pcard__badge{border-radius:999px}@media(max-width:749px){.hero__visual,.pdp__gallery{margin:0}.pdp__slides{border-radius:var(--radius)}.pdp__slide{border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/trykaokis-store.css.map */