.mCategorylist{--pattern-mt: 48rem;--pattern-mb: 48rem;--pattern-r: 18rem;--pattern-gap: var(--space32);--pattern-margin: calc(var(--pattern-mt) + var(--pattern-mb));padding-top:var(--space48)}@media(max-width: 767px){.mCategorylist{--pattern-mt: 32rem;--pattern-mb: 32rem;--pattern-r: 14rem;--pattern-gap: 29rem;--pattern-margin: calc(var(--pattern-mt) + var(--pattern-mb));margin-right:-28rem}}.mCategorylist::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:calc(100vw - var(--scrollbar)*1px);height:calc(100% + 300rem);background-color:var(--bgColor);z-index:-1}.mCategorylist__title{display:flex;justify-content:space-between;align-items:center}.mCategorylist__inner{display:grid;grid-template-columns:repeat(var(--column), 1fr);gap:var(--space48);padding:var(--space48) var(--space64);margin-top:var(--space48);margin-bottom:var(--space80);background:radial-gradient(var(--pattern-r), rgba(0, 0, 0, 0) 98%, #fff) calc(-1.5*var(--pattern-r)) 50%/calc(3 * var(--pattern-r)) calc(var(--pattern-gap) + var(--pattern-r)*2) repeat-y,linear-gradient(#fff 0, #fff calc(50% - (100% - var(--pattern-margin)) / 2), transparent calc(50% - (100% - var(--pattern-margin)) / 2), transparent calc(50% + (100% - var(--pattern-margin)) / 2), #fff calc(50% + (100% - var(--pattern-margin)) / 2), #fff 100%) no-repeat,linear-gradient(#fff 0 0) no-repeat calc(50% + var(--pattern-r))/calc(100% - var(--pattern-r)) 100%;position:relative}@media(max-width: 767px){.mCategorylist__inner{grid-template-columns:repeat(3, 118rem);gap:var(--space32) 0;padding:var(--space32) var(--space16)}}.mCategorylist__inner::before{content:"";width:1050rem;height:915rem;background-color:var(--brand_red);position:absolute;transform:rotate(-5.64deg);bottom:calc(var(--space32)*-1);right:calc(var(--space24)*-1);z-index:-1}@media(max-width: 767px){.mCategorylist__inner::before{width:368rem;height:67rem;transform:rotate(0);bottom:calc(var(--space64)*-1);left:12rem;right:auto;background-image:url(/themes/custom/kokuyo_theme/assets/images/common/category-bg-sp.svg);background-size:contain;background-color:rgba(0,0,0,0);background-repeat:no-repeat}}.mCategorylist__inner--furniture{background:none;background-color:var(--white100);background-image:url(/themes/custom/kokuyo_theme/assets/images/common/category-pattern-pc.svg);background-repeat:repeat-y;background-position:top left 24rem;background-size:16rem 100%}@media(max-width: 767px){.mCategorylist__inner--furniture{background-image:url(/themes/custom/kokuyo_theme/assets/images/common/category-pattern-sp.svg);background-position:top left 8rem;background-size:12rem 100%;margin-bottom:var(--space32)}}.mCategorylist__inner--furniture::before{content:none}.mCategorylist__link{position:absolute;top:48rem;right:0}@media(max-width: 767px){.mCategorylist__link{position:static;margin-bottom:var(--space32)}}@keyframes rotateIndicator{0%{--durationrate: 0;transform:rotate(-10deg)}100%{--durationrate: 1;transform:rotate(10deg)}}.mCategory{--duration: 1s;width:100%}@media(max-width: 767px){.mCategory:has(.mCategory__product){grid-column-start:1;grid-column-end:4}}.mCategory__unit{padding:0 var(--space8);display:flex;flex-flow:column;align-items:center;gap:var(--space16);text-align:center;position:relative}@media(max-width: 767px){.mCategory__unit{gap:var(--space8)}}.mCategory__unit::before{content:"";width:100%;height:100%;position:absolute}.mCategory__unit:where(._hover) .mCategory__img>.cPicture{opacity:0}@media(max-width: 767px){.mCategory__unit:where(._hover) .mCategory__img>.cPicture{opacity:1}}.mCategory__unit:where(._hover) .mCategory__hover{opacity:1;display:block;animation:rotateIndicator var(--duration) steps(2) infinite}@media(max-width: 767px){.mCategory__unit:where(._hover) .mCategory__hover{opacity:unset;display:none;animation:none}}.mCategory__unit:where(._hover)>span:not(.mCategory__img){opacity:.5}.mCategory__unit:where(._show) .mCategory__img>.cPicture{opacity:0}.mCategory__unit:where(._show) .mCategory__hover{opacity:1;display:block;animation:rotateIndicator var(--duration) steps(2) forwards}.mCategory__unit:where(._show)>span:not(.mCategory__img){opacity:.5}.mCategory__unit:where(._motionreduced *) .mCategory__img>.cPicture{opacity:1}.mCategory__unit:where(._motionreduced *) .mCategory__hover{opacity:0;animation-play-state:paused;animation:unset}.mCategory__hover{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.mCategory__img{width:120rem;height:120rem;position:relative;opacity:1}@media(max-width: 767px){.mCategory__img{width:84rem;height:84rem}}.mCategory__product{width:172rem;height:172rem;margin:0 auto;position:relative;text-align:center}@media(max-width: 767px){.mCategory__product{width:202rem;height:225rem;grid-column:1/4}}.mCategory__chair,.mCategory__sofa{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:auto;background-image:url(/themes/custom/kokuyo_theme/assets/images/pages/stationery/category/furniture_chair.svg);background-repeat:no-repeat;background-size:204rem 204rem;background-position:center}@media(max-width: 767px){.mCategory__chair,.mCategory__sofa{background-size:84rem 84rem}}.mCategory__sofa{background-image:url(/themes/custom/kokuyo_theme/assets/images/pages/stationery/category/furniture_sofa.svg)}:where(.mCategorylist__inner--furniture) .mCategory{position:relative}@media(min-width: 768px){:where(.mCategorylist__inner--furniture) .mCategory:nth-child(4n+1):not(:first-child):before{content:"";top:calc(var(--space24)*-1);position:absolute;left:0;display:block;width:calc(var(--space48) + 100%);width:calc((var(--space48) + 100%)*4 - var(--space48));border-top:1px solid var(--gray_line)}}@media(max-width: 767px){:where(.mCategorylist__inner--furniture) .mCategory:nth-child(3n+1):not(:first-child):before{content:"";top:calc(var(--space24)*-1);position:absolute;left:16rem;display:block;width:calc(var(--space48) + 100%);width:calc(300% - 8rem);border-top:1px solid var(--gray_line)}}@media(min-width: 768px){:where(.mCategorylist__inner--furniture) .mCategory__unit{width:204rem;height:204rem}}@media(min-width: 768px){:where(.mCategorylist__inner--furniture) .mCategory__img{width:152rem;height:152rem}}.uCommonspread{position:relative}