:root{--lsn-font: clamp(11px, .78vw, 14.5px);--lsn-item-h: clamp(60px, 4.6vw, 84px);--lsn-item-px: clamp(20px, 1.85vw, 36px);--lsn-brand-h: clamp(60px, 6.4vw, 92px);--lsn-brand-img-max: clamp(180px, 14vw, 260px);--lsn-circle-btn: clamp(36px, 10.5vw, 44px);--lsn-sp-logo-h: clamp(40px, 12.5vw, 56px);--lsn-sp-header-h: clamp(60px, 19vw, 80px)}.left-side-nav-toggle{position:fixed;top:12px;left:12px;width:var(--lsn-circle-btn);height:var(--lsn-circle-btn);padding:0;margin:0;background:#fff;border:1px solid #333333;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:95;cursor:pointer;transition:transform .2s ease,background-color .15s ease}.left-side-nav-toggle:hover{background:#f5f5f5;transform:translateY(-1px)}.left-side-nav-toggle__bar{display:block;width:clamp(14px,4vw,18px);height:1.5px;background:#333;border-radius:1px;transition:transform .25s ease,opacity .25s ease}body.left-side-nav-open .left-side-nav-toggle__bar:nth-child(1){transform:translateY(5.5px) rotate(45deg)}body.left-side-nav-open .left-side-nav-toggle__bar:nth-child(2){opacity:0}body.left-side-nav-open .left-side-nav-toggle__bar:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.left-side-nav-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:80;opacity:0;transition:opacity .25s ease}.left-side-nav-backdrop[hidden]{display:none}.left-side-nav-backdrop.is-active{opacity:1}.left-side-nav{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);z-index:90;display:block;transform:translate(-100%);transition:transform .28s ease;overflow:hidden;border-right:1px solid #DBDBDB;box-shadow:4px 0 16px #0000001f;background-color:#fff;background-image:url(sidebar-bg.webp);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;font-family:Arial,Helvetica Neue,Helvetica,hiragino-kaku-gothic-pron,sans-serif}body.left-side-nav-open .left-side-nav{transform:translate(0)}.left-side-nav__view--primary{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.left-side-nav ul{list-style:none;margin:0;padding:0}.left-side-nav__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 clamp(12px,1.2vw,22px);background:#ffffff8c}.left-side-nav__brand-link{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;max-width:var(--lsn-brand-img-max);overflow:hidden;text-decoration:none}.left-side-nav__brand-inner{display:flex;align-items:center;justify-content:center;width:100%;height:var(--lsn-brand-h);padding:clamp(14px,1.4vw,28px) 5px;overflow:hidden}.left-side-nav__brand-img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(var(--lsn-brand-h) - clamp(28px,2.8vw,56px));object-fit:contain}.left-side-nav__menu{width:100%;background:transparent;position:relative;flex:1 1 auto;padding-bottom:clamp(40px,4vw,80px)}.left-side-nav__item{position:relative;display:flex;flex-direction:column;width:100%}.left-side-nav__link{position:relative;display:flex;align-items:center;width:100%;height:var(--lsn-item-h);padding:0 var(--lsn-item-px);color:#3e3a39;text-decoration:none;border:0;border-bottom:1px solid rgba(219,219,219,.45);background:transparent;cursor:pointer;font:inherit;text-align:left;transition:background-color .15s ease}.left-side-nav__link:hover,.left-side-nav__link:focus{background:#ffffff8c;color:#3e3a39}.left-side-nav__link:focus-visible{outline:2px solid #0098A6;outline-offset:-2px}.left-side-nav__label{flex:1 1 auto;padding:0 6px 0 0;font-size:var(--lsn-font);font-weight:700;line-height:1.4;color:#3e3a39;white-space:nowrap;letter-spacing:.02em;text-shadow:0 1px 2px rgba(255,255,255,.85)}.left-side-nav__caret{flex:0 0 auto;width:12px;height:12px;position:relative;margin-left:8px;transition:transform .22s ease}.left-side-nav__caret:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-right:2px solid #0098A6;border-bottom:2px solid #0098A6;transform:translate(-50%,-65%) rotate(45deg)}.left-side-nav__item.is-open .left-side-nav__caret{transform:rotate(180deg)}.left-side-nav__item.is-open>.left-side-nav__link--toggle{background:#f5fcfdcc}.left-side-nav__item.is-open>.left-side-nav__link--toggle:after{content:"";position:absolute;left:var(--lsn-item-px);bottom:12px;width:calc(100% - var(--lsn-item-px) * 2);height:3px;background:#fcf34c}.left-side-nav__submenu{width:100%;background:#ffffffd9;border-bottom:1px solid rgba(219,219,219,.45);overflow:hidden}.left-side-nav__submenu[hidden]{display:none}.left-side-nav__submenu ul{margin:0;padding:0}.left-side-nav__submenu li{list-style:none}.left-side-nav__submenu li.is-divider{padding:12px 24px 6px;font-size:10px;font-weight:700;color:#999;letter-spacing:.08em;border-top:1px dashed #EBEBEB;margin-top:8px}.left-side-nav__submenu a{display:block;padding:14px 40px;font-size:13px;text-decoration:none;border-bottom:1px solid #EFEFEF;transition:background-color .15s ease,color .15s ease;color:#3e3a39}.left-side-nav__submenu a:hover{background:#f5fcfd;color:#0098a6}.left-side-nav__submenu li:last-child a{border-bottom:0}@media screen and (min-width:990px){.left-side-nav-toggle{width:clamp(44px,3.4vw,56px);height:clamp(44px,3.4vw,56px);top:16px;left:16px}.left-side-nav-toggle__bar{width:clamp(18px,1.4vw,22px);height:1.8px}.left-side-nav{width:clamp(320px,26vw,420px);overflow:visible}.left-side-nav__view--primary,.left-side-nav__menu{overflow:visible}.left-side-nav__caret:before{transform:translate(-65%,-50%) rotate(-45deg)}.left-side-nav__item.is-open .left-side-nav__caret{transform:none}.left-side-nav__item.is-open>.left-side-nav__link--toggle:after{content:none}.left-side-nav__item.is-open>.left-side-nav__link--toggle{background:transparent}.left-side-nav__submenu{position:absolute;top:0;left:100%;width:clamp(220px,18vw,300px);max-height:calc(100vh - 16px);overflow-y:auto;background:#fff;border:1px solid #DBDBDB;border-left:0;box-shadow:4px 0 12px #0000000f;padding:8px 0;opacity:0;visibility:hidden;transform:translate(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:95;pointer-events:none}.left-side-nav__item--has-submenu>.left-side-nav__submenu[hidden]{display:block}.left-side-nav__submenu a{padding:14px 22px;font-size:14px}.left-side-nav__item--has-submenu:hover>.left-side-nav__submenu,.left-side-nav__item--has-submenu:focus-within>.left-side-nav__submenu{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.left-side-nav__item--has-submenu:hover>.left-side-nav__link,.left-side-nav__item--has-submenu:focus-within>.left-side-nav__link{background:#f5fcfdcc}.left-side-nav__item--has-submenu:hover>.left-side-nav__link:after,.left-side-nav__item--has-submenu:focus-within>.left-side-nav__link:after{content:"";position:absolute;left:var(--lsn-item-px);bottom:12px;width:calc(100% - var(--lsn-item-px) * 2);height:3px;background:#fcf34c}body.has-left-side-nav{padding-left:0}body.has-left-side-nav .header{left:0;width:100%}body.has-left-side-nav header-drawer,body.has-left-side-nav header-drawer-sp,body.has-left-side-nav .header__icon--menu,body.has-left-side-nav .menu-drawer-container,body.has-left-side-nav .header__icon--hamburger-desk,body.has-left-side-nav .hamburger-desk__nav,body.has-left-side-nav .hamburger__overlay,body.has-left-side-nav .header__icon--contact-sp{display:none!important}}@media screen and (max-width:989px){body header-drawer,body header-drawer-sp,body .header__icon--menu,body .menu-drawer-container,body .header__icon--hamburger-desk,body .hamburger-desk__nav,body .hamburger__overlay{display:none!important}body .header__inline-menu>li.only-tab:first-child{display:none!important}.header__icon--search,.header .header__icon--search{display:none!important}.header .header__inline-menu{display:contents}.header .header__inline-menu>ul.list-menu--inline{display:none!important}.header__icon--contact-sp{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#3e3a39}.header__icon--contact-sp svg{width:22px;height:22px}.header.header--top-center{grid-template-areas:"left-icons heading icons"!important;grid-template-rows:auto!important;grid-template-columns:clamp(56px,16vw,72px) 1fr auto!important;align-items:center!important;padding:12px clamp(10px,3vw,16px) 12px 0!important;min-height:var(--lsn-sp-header-h);height:var(--lsn-sp-header-h)}.header.header--top-center .header__title-text{display:none}.header.header--top-center .header__heading{position:absolute!important;top:50%;left:50%;transform:translate(calc(-50% - .75vw),-50%);height:var(--lsn-sp-logo-h);display:flex;align-items:center;margin:0!important}.header__heading{margin:0!important}.header__heading-link{margin:0!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.header__heading-logo-wrapper{width:auto!important;max-width:clamp(130px,40vw,170px)!important;height:var(--lsn-sp-logo-h)!important;display:flex!important;align-items:center;justify-content:center}.header__heading-logo-wrapper img,.header__heading-link img{width:auto!important;max-width:clamp(130px,40vw,170px)!important;height:auto!important;object-fit:contain;display:block!important}.header__icons{position:absolute!important;top:50%;right:clamp(10px,3vw,18px);transform:translateY(-50%);display:flex!important;align-items:center;gap:clamp(6px,2vw,12px);margin:0!important}.header__icons .header__icon--contact-sp,.header__icons .header__icon--cart{display:inline-flex!important;align-items:center;justify-content:center;width:var(--lsn-circle-btn);height:var(--lsn-circle-btn);padding:0;border:1px solid #333333;border-radius:50%;background:#fff;color:#333;text-decoration:none;transition:background-color .15s ease,transform .15s ease;position:relative}.header__icons .header__icon--contact-sp:hover,.header__icons .header__icon--cart:hover{background:#f5f5f5;transform:translateY(-1px)}.header__icons .header__icon--contact-sp svg,.header__icons .header__icon--cart svg{width:clamp(16px,4.5vw,22px)!important;height:clamp(16px,4.5vw,22px)!important;color:#333;fill:currentColor}.header__icons .header__icon--cart .cart-count-bubble{position:absolute;top:-4px;right:-4px}body.has-left-side-nav{padding-left:0}body.has-left-side-nav .header{left:0;width:100%}}@media screen and (max-width:989px){.header.header--top-center>.header__heading-link{position:absolute!important;top:50%;left:50%;transform:translate(calc(-50% - .75vw),-50%);height:var(--lsn-sp-logo-h)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-left-side-nav.css.map */