.category-tt {
    text-align: center;
    font-weight: 400;
    line-height:150%;
    padding-bottom:1em;
}
.subcategory-box {
    display:flex;
    align-items: flex-start;
    flex-wrap: wrap;
    border-bottom:1px solid var(--color-border);
}
.subcategory-box a {
    position: relative;
    display:block;
    font-weight: 400;
}
.subcategory-box a:hover {
    color:var(--color-red);
}
.subcategory-box a:before {
    content:"";
    background-image:url(https://file001.shop-pro.jp/PA01517/647/images/icon-right-white.svg);
    background-color: var(--color-yellow);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius:50%;
    position: absolute;
    display: block;
    left:0px;
}
.subcategory-box a:hover:before {
      background-color: var(--color-red);  
}
.sort-box,
.pager-box {
    display:flex;
    justify-content: space-between;
}
.sort-switch {
    display: flex;
    justify-content: flex-end;
    gap:2em;
}
.sort-switch a,
.sort-switch span {
    position: relative;
    display:inline-block;
}
.sort-switch a:hover {
    color:var(--color-red);
}
.sort-switch span:after {
    content:"";
    position: absolute;
    bottom:-8px;
    right:0px;
    width:100%;
    height:2px;
    background-color:var(--color-yellow);
}
@media (width < 767px) {
    .category-tt {
        font-size:var(--font-sp-xx-large);
    }
    .category-exp {
        line-height: 175%;
        padding-bottom:8vw;
    }
    .subcategory-box {
        padding:5vw 0;
    }
    .subcategory-box a {
        padding:3vw 6vw;
    }
    .subcategory-box a:before {
        background-size:auto 2.4vw;
        width:4vw;
        height:4vw;
        top:50%;
        transform: translateY(-50%);
    }
    .sort-box {
        padding:5vw 0;
    }
    .sort-box * {
        font-size:var(--font-sp-small);
    }
    .pager-box {
        padding:8vw 0;
    }
}
@media (768px <= width) {
    .category-tt {
        font-size:40px;
    }
    .category-exp {
        text-align: center;
        line-height: 200%;
        padding-bottom:50px;
    }
    .subcategory-box {
        padding:30px 0;
    }
    .subcategory-box a {
        padding-left:24px;
        padding-right:36px;
    }
    .subcategory-box a:before {
        background-size:auto 14px;
        width:20px;
        height:20px;
        top:-2px;
    }
    .sort-box {
        padding:16px 0;
    }
    .pager-box {
        padding:40px 0;
    }
}