.pagination{text-align:center;margin:24px auto 18px;max-width:1400px;padding:0 50px}@media screen and (max-width:980px){.pagination{padding:0}}.pagination-wrapper{margin-bottom:0;padding-top:40px}@media screen and (min-width:981px){.pagination-wrapper{margin-bottom:120px;padding-top:60px}}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin:0;list-style-type:none}.pagination__list>li{flex:1 0 40px;max-width:40px;width:100%}.pagination__list>li::marker{display:none}.pagination__list .pagination-arrow{list-style-type:none;position:absolute;top:0;z-index:1}.pagination__list .pagination--prev{left:0}.pagination__list .pagination--next{right:0}@media screen and (min-width:981px){.pagination__list .pagination-arrow{max-width:80px}}.pagination__item{color:rgb(var(--color-foreground));display:inline-flex;justify-content:center;align-items:center;position:relative;height:40px;width:100%;padding:2px 0 0;font-family:Josefin Sans,Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;text-underline-offset:1px;font-weight:500}.pagination__item{background-color:var(--gradient-base-background-1)}span.pagination__item{opacity:.3}.pagination__item--current{background-color:#f6f6f6;text-decoration:none;font-weight:700}@media screen and (min-width:981px){.pagination__item{font-size:18px}a.pagination__item{transition:background-color .3s ease,font-weight .3s ease}a.pagination__item:hover{background-color:#f6f6f6;font-weight:700;text-decoration:none;opacity:1}}.pagination__item--next .icon{margin-left:-2px;transform:rotate(90deg)}.pagination__item--prev .icon{margin-right:-2px;transform:rotate(-90deg)}.pagination-arrow .pagination__item{position:relative;background-color:var(--gradient-base-accent-2)}.pagination-arrow .pagination__item:before,.pagination-arrow .pagination__item:after{content:"";display:block;height:100%;position:absolute;top:0;bottom:auto}.pagination-arrow .pagination__item:before{width:100%;background-color:var(--gradient-base-accent-2);z-index:1;right:auto}.pagination-arrow .pagination__item:after{width:0;z-index:2;background-color:var(--gradient-base-accent-1)}.pagination__list .pagination--prev .pagination__item:after{right:0;left:auto}.pagination__list .pagination--next .pagination__item:after{left:0;right:auto}.pagination-arrow .pagination__item .icon-caret,.pagination-arrow .pagination__item .txt{position:relative;z-index:3}.pagination-arrow .pagination__item .txt{text-transform:uppercase}.pagination-arrow .pagination__item .icon-caret *{fill:var(--gradient-base-background-1)}@media screen and (min-width:981px){.pagination-arrow .pagination__item .icon-caret{width:auto;height:9px}.pagination-arrow .pagination__item:after{transition:width .3s ease}.pagination-arrow .pagination__item:hover:after{width:100%;height:100%;bottom:auto}.pagination__list .pagination--prev .pagination__item:hover:after{right:0;left:auto;transform:translate(0)}.pagination__list .pagination--next .pagination__item:hover:after{right:auto;left:0;transform:translate(0)}}@media screen and (max-width:980px){.pagination-arrow .pagination__item .icon-caret{width:auto;height:9px}}.pagination-arrow .pagination__item .txt{color:var(--gradient-base-background-1);padding:0 5px}article .pagination__list .pagination--list{text-align:center}article .pagination__list .pagination--list .pagination__item{text-decoration:none;display:flex}@media screen and (min-width:981px){article .pagination__list .pagination--list{max-width:250px}article .pagination__list .pagination--list .pagination__item{font-size:14px}article .pagination__list .pagination--list .pagination__item:hover{font-weight:500}}article .pagination__list{height:40px}@media screen and (max-width:980px){article .pagination__list{height:40px}article .pagination__list .pagination--list{max-width:calc(100% - 100px);width:calc(100% - 100px)}article .pagination__list .pagination--list .pagination__item{font-size:10px}}@media screen and (max-width:355px){article .pagination__list .pagination--list .pagination__item{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-pagination.css.map */