.cm-category-nav-section{padding-top:72px;padding-bottom:80px;background-color:var(--cm-bg-color, transparent);color:var(--cm-text-color, inherit)}.cm-category-nav__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.cm-category-nav__item{border-radius:0;background-color:var(--bg-first, #fff);overflow:visible;border-bottom:1px solid var(--border-color, #D2D2D2)}@media(max-width:749px){.cm-category-nav__item:last-of-type{border-bottom:none}}@media(min-width:750px){.cm-category-nav__item{border:1px solid var(--border-color, #D2D2D2)}}.cm-category-nav__item .cm-category-nav__sublist-row{display:none}.cm-category-nav__link{display:flex;align-items:center;gap:12px;padding:16px;text-decoration:none;color:var(--text-color, #222);transition:background-color .2s ease;border-radius:4px}.cm-category-nav__link:hover{background-color:var(--bg-third, #EDECEB)}.cm-category-nav__summary{display:flex;align-items:center;gap:12px;padding:0;width:100%;border:none;background:none;cursor:pointer;position:relative;transition:background-color .2s ease,color .2s ease;color:var(--text-color, #222);font-family:inherit;font-size:inherit;text-align:left;list-style:none}.cm-category-nav__summary::-webkit-details-marker{display:none}.cm-category-nav__summary:hover .cm-category-nav__toggle:before,.cm-category-nav__summary:hover .cm-category-nav__toggle:after,.cm-category-nav__summary:focus-visible .cm-category-nav__toggle:before,.cm-category-nav__summary:focus-visible .cm-category-nav__toggle:after,.cm-category-nav__item.is--active .cm-category-nav__toggle:before,.cm-category-nav__item.is--active .cm-category-nav__toggle:after{text-decoration:underline}.cm-category-nav__item.is--active{border:3px solid var(--border-color, #D2D2D2)}.cm-category-nav__item.is--active .cm-category-nav__name{text-decoration:underline;font-weight:700}.cm-category-nav__icon-container{display:block;width:48px;height:48px;flex-shrink:0}@media(min-width:750px){.cm-category-nav__icon-container{width:96px;height:96px}}.cm-category-nav__icon{display:block;width:100%;height:100%;object-fit:contain}.cm-category-nav__name{flex:1;font-size:15px;font-weight:400;line-height:1.5}@media(min-width:750px){.cm-category-nav__name{font-size:16px}}.cm-category-nav__toggle{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:12px;height:12px;flex-shrink:0}.cm-category-nav__toggle:before,.cm-category-nav__toggle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:1.5px;background-color:var(--text-color, #222);transition:transform .3s ease,opacity .3s ease}.cm-category-nav__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.cm-category-nav__item.is--active .cm-category-nav__toggle:after{opacity:0;transform:translate(-50%,-50%) rotate(180deg)}.cm-category-nav__sublist-row{grid-column:1 / -1;background-color:var(--bg-first, #fff);padding:16px 12px}.cm-category-nav__grid>.cm-category-nav__sublist-row:not([hidden]){display:block}.cm-category-nav__sublist{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.cm-category-nav__sublist-item{flex-shrink:0;min-width:calc((100% - 60px) / 6)}.cm-category-nav__sublink{display:block;padding:12px;border:1px solid var(--border-color, #D2D2D2);background-color:var(--bg-first, #fff);color:var(--text-color, #222);text-decoration:none;font-family:Noto Sans JP;font-size:14px;font-style:normal;font-weight:400;line-height:150%;text-align:center}.cm-category-nav__sublink:hover,.cm-category-nav__sublink:focus-visible{color:var(--text-color-red)}.cm-category-nav__view-all{display:flex;justify-content:center;margin-top:24px}@media(min-width:750px){.cm-category-nav__view-all{margin-top:72px}}@media(max-width:749px){.cm-category-nav__grid{grid-template-columns:1fr;gap:0;margin-top:24px;background:#fff;padding:12px}.cm-category-nav__item.is--active{background-color:transparent}.cm-category-nav__item.is--active .cm-category-nav__summary{color:var(--text-color, #222)}.cm-category-nav__item.is--active .cm-category-nav__toggle:before,.cm-category-nav__item.is--active .cm-category-nav__toggle:after{background-color:var(--text-color, #222)}.cm-category-nav__summary,.cm-category-nav__link{padding:14px 0;border-radius:0}.cm-category-nav__sublist-row{background-color:transparent;border-radius:0}.cm-category-nav__sublist{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.cm-category-nav__sublist-item{flex-shrink:unset}.cm-category-nav__sublink{display:flex;align-items:center;gap:12px;padding:11px 12px;border:none;border-radius:0;background-color:transparent;font-size:14px;text-align:left}.cm-category-nav__sublink:hover{background-color:transparent;border-color:transparent;text-decoration:underline}}@media(min-width:750px){.cm-category-nav__sublink-icon{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cm-category-nav.css.map */