h1.fs-c-heading.fs-c-heading--page {
    display: none
}

.fs-l-main {
    margin-top: 100px
}

@media screen and (max-width: 1460px) {
    .fs-l-main {
        margin-top: 98px
    }
}

@media screen and (max-width: 1000px) {
    .fs-l-main {
        margin-top: 93px
    }
}

@media screen and (max-width: 736px) {
    .fs-l-main {
        margin-top: 90px
    }
}

@media screen and (max-width: 480px) {
    .fs-l-main {
        margin-top: 90px
    }
}

.fs-c-breadcrumb {
    margin-top: 15px
}

.category-layout {
    display: flex;
    column-gap: 40px;
    margin-bottom: 80px
}

@media screen and (max-width: 1460px) {
    .category-layout {
        column-gap: 1.3698630137vw;
        padding: 0 10px
    }
}

@media screen and (max-width: 736px) {
    .category-layout {
        display: block
    }
}

@media screen and (max-width: 1460px) {
    .category-lead {
        margin: 0 10px
    }
}

.category-lead__inner {
    display: grid;
    grid-template-columns: 45% 55%;
    border-radius: 15px 110px 15px 15px;
    margin: 0px 0 35px;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    .category-lead__inner {
        grid-template-columns: 50% 50%;
        border-radius: 12px 90px 12px 12px
    }
}

@media screen and (max-width: 736px) {
    .category-lead__inner {
        display: flex;
        flex-direction: column;
        flex-flow: column-reverse
    }
}

.category-lead__text-box {
    display: flex;
    flex-direction: column;
    background-color: #131e41;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 736px) {
    .category-lead__text-box {
        padding: 7.2010869565vw 0
    }
}

.category-lead__text-lead {
    font-size: 37px;
    color: #fff;
    font-family: serif, "Noto Serif JP";
    margin-bottom: 30px;
    width: 55%;
    letter-spacing: .1em;
    font-weight: 300
}

@media screen and (max-width: 1460px) {
    .category-lead__text-lead {
        font-size: 2.5342465753vw
    }
}

@media screen and (max-width: 1000px) {
    .category-lead__text-lead {
        width: 75%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 736px) {
    .category-lead__text-lead {
        text-align: left;
        font-size: max(20px, 3.2608695652vw)
    }
}

.category-lead__text-text {
    color: #fff;
    width: 55%;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: .1em
}

@media screen and (max-width: 1460px) {
    .category-lead__text-text {
        font-size: max(10px, 1.0273972603vw);
        line-height: 2.7397260274vw
    }
}

@media screen and (max-width: 1000px) {
    .category-lead__text-text {
        width: 78%
    }
}

@media screen and (max-width: 736px) {
    .category-lead__text-text {
        margin-bottom: 10px;
        line-height: 2.3em
    }
}

.fs-c-productList {
    width: 100%
}

@media screen and (max-width: 1460px) {
    .fs-c-productList {
        padding: 5px 10px
    }
}

@media screen and (max-width: 736px) {
    .fs-c-productList {
        padding: 0
    }
}

.fs-c-productList__list {
    display: grid;
    grid-template-columns: repeat(4, 23%);
    justify-content: space-between;
    justify-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 50px;
    row-gap: 50px;
    column-gap: 25px
}

@media screen and (max-width: 1460px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(3, 1fr);
        column-gap: max(10px, 1.3698630137vw)
    }
}

@media screen and (max-width: 1000px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 480px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.fs-c-productList__list__item {
    width: 100%
}

@media screen and (max-width: 480px) {
    .fs-c-productList__list__item form {
        align-items: center;
        column-gap: 20px;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 25px;
        max-width: 90%;
        margin: 0 auto
    }
}

.fs-c-productList__controller {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width: 736px) {
    .fs-c-productList__controller {
        flex-direction: column;
        align-items: start;
        gap: 15px
    }
}

.fs-c-productList .fs-c-breadcrumb {
    margin-bottom: 10px
}

.fs-c-productListItem__notice {
    color: red;
    text-align: right
}

.fs-c-productPrice {
    display: flex;
    align-items: center;
    justify-content: right;
    column-gap: 10px;
    margin: 0 0 4px 0
}

.fs-c-productName__name {
    font-size: 12px;
    color: #272727;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    text-wrap: auto
}

.fs-c-productName__copy {
    display: block;
    color: #fff;
    background: #1b2461;
    width: fit-content;
    padding: 1px 8px 2px;
    border-radius: 5px;
    font-size: 10px;
    margin-bottom: 5px
}

.fs-c-productListItem__prices {
    margin-top: 2px
}

.fs-c-productListItem__productName {
    margin-top: 12px
}

.fs-c-productListItem__control {
    position: absolute;
    top: 3px;
    right: 3px;
    width: auto !important
}

.fs-c-productListItem__outOfStock {
    font-size: 14px;
    color: #d53e3e;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background-color: #9d9d9d;
    padding: 4px 10px 5px;
    font-family: "Noto Sans JP", sans-serif
}

@media screen and (max-width: 480px) {
    .fs-c-productListItem__outOfStock {
        margin-top: 5px;
        text-align: center
    }
}

.fs-c-productListItem__viewMoreImageButton {
    opacity: .8
}

@media screen and (max-width: 480px) {
    .fs-c-productListItem__viewMoreImageButton {
        position: absolute;
        top: 5px;
        left: 5px
    }
}

.fs-c-button--viewProductDetail {
    display: none
}

.fs-c-productMark__label {
    font-family: sans-serif
}

.fs-c-productPrice__addon__label {
    font-size: 12px
}

.fs-c-productImage__image {
    width: 100%
}

.fs-c-productListItem__control {
    top: 6px;
    right: 4px
}

.fs-c-button--addToWishList--icon,
.fs-c-button--removeFromWishList--icon {
    width: 23px
}

.fs-c-button--addToWishList--icon:hover {
    filter: inherit;
    opacity: 1
}

.fs-c-productPrice__main__label {
    display: none
}

.fs-c-sortItems {
    display: flex;
    align-items: center
}

ul.fs-c-sortItems__list {
    display: flex;
    gap: 18px
}

@media screen and (max-width: 480px) {
    ul.fs-c-sortItems__list {
        gap: 6px
    }
}

.fs-c-listControl__status,
.fs-c-listControl__status span,
.fs-c-sortItems__label,
li.fs-c-sortItems__list__item a,
li.fs-c-sortItems__list__item,
li.fs-c-sortItems__list__item span {
    font-size: 11px;
    font-family: "Noto Sans JP", sans-serif;
    color: #525252
}

li.fs-c-sortItems__list__item.is-active {
    background-color: #979797
}

li.fs-c-sortItems__list__item.is-active span {
    color: #fff
}

.fs-c-sortItems__label {
    color: #666;
    margin-right: 10px
}

@media screen and (max-width: 480px) {
    .fs-c-sortItems__label {
        display: none
    }
}

.fs-c-sortItems__label:after {
    content: ":"
}

li.fs-c-sortItems__list__item {
    border: solid 1px #979797;
    padding: 3px 8px 4px;
    border-radius: 6px
}

@media screen and (max-width: 480px) {
    li.fs-c-sortItems__list__item {
        padding: 3px 7px 4px
    }
}

.fs-c-price {
    align-items: center
}

.fs-c-price__currencyMark {
    display: none
}

.fs-c-price__value {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
    color: #525252
}

.fs-c-price__value::after {
    content: "円";
    margin-left: 3px;
    color: #525252
}

.fs-c-productPrice__addon {
    display: flex;
    align-items: end;
    height: fit-content;
    font-size: 12px
}

.fs-c-productPrice__addon__label {
    font-size: 12px;
    color: #525252
}

.fs-c-slick .slick-dots li button:before {
    font-size: 14px
}

.fs-c-slick .slick-dots {
    margin-top: 20px;
    justify-content: center
}

.fs-c-slick .slick-dots li {
    margin: 7px 10px
}

.scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border: none;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    padding: 10px
}

.right-btn {
    right: 10px;
    position: fixed
}

.left-btn {
    left: 10px;
    position: fixed
}

.fs-c-productMarks {
    z-index: 96;
    width: 100%
}

.fs-c-productMark {
    flex-wrap: nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    padding: 0px 0 1px !important
}

.fs-c-productMark__item-wrap {
    display: flex;
    margin-left: 1px
}

.fs-c-productMark__item {
    width: 8% !important;
    min-width: 21px;
    transition: .3s
}

@media screen and (max-width: 480px) {
    .fs-c-productMark__item {
        width: 7% !important
    }
}

.fs-c-productMark__item:hover {
    opacity: .4
}

.fs-c-productMark__mark {
    display: block;
    font-size: 0;
    line-height: 1
}

.p-mark {
    display: none !important
}

.c-mark {
    border: solid #424242 1px
}

.category-mark-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22px;
    align-items: center;
    column-gap: 4px;
    padding: 5px 0 8px;
    width: 100%;
    overflow: visible !important;
}

@media screen and (max-width: 736px) {
    .category-mark-wrap {
        padding: 10px 0
    }
}

@media screen and (max-width: 480px) {
    .category-mark-wrap {
         grid-column-start: 1;
        grid-column-end: 3
    }
}

.category-mark-button {
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 20px;
    pointer-events: auto;
    z-index: 97;
    background-color: none;
    cursor: pointer;
    user-select: none;
    padding: 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    font-size: 0;
    color: transparent;
}

.category-mark-button span {
 display: none !important;
}



.category-mark-button span:hover {
    opacity: .7
}
.category-mark-button::before {
    content: ">>";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 10px;
    line-height: 1;
    color: #6b6b6b;
    font-weight: 700;
    letter-spacing: -1px;
    transform: translate(0, 0);
}
.variation-name {
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, .7098039216);
    color: #fff;
    padding: 4px 6px 5px;
    font-size: 10px
}

.fs-c-subgroup {
    margin-bottom: 15px
}

@media screen and (max-width: 736px) {
    .fs-c-subgroup {
        margin-bottom: 45px
    }
}

.fs-c-subgroupList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px
}

.fs-c-subgroupList::before {
    display: block;
    flex-wrap: wrap;
    content: "サブカテゴリ";
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: 100%;
    padding: 0px 0 5px;
    margin-bottom: 10px;
    margin-top: 22px
}

.fs-c-subgroupList__item {
    font-size: 10px;
    margin: 5px
}

.fs-c-subgroupList__item a:hover {
    opacity: 1;
    transition-duration: 0s !important
}

.fs-c-subgroupList__item div {
    font-size: 11px;
    padding: 10px 15px;
    border: 1px solid #888;
    transition-duration: .2s;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width: 736px) {
    .fs-c-subgroupList__item div {
        font-size: 10px
    }
}

.fs-c-subgroupList__item div:hover {
    color: #fff;
    background-color: #131e41;
    border: 1px solid #131e41
}

.fs-c-listControl__status {
    display: none
}

.fs-c-pagination {
    max-width: 250px;
    column-gap: 20px
}

@media screen and (max-width: 736px) {
    .fs-c-pagination {
        column-gap: 10px
    }
}

.fs-c-pagination__item {
    font-size: 14px;
    text-align: center
}

.fs-c-pagination__item.is-active {
    background: #ddd;
    border-radius: 5px
}

@media screen and (max-width: 736px) {
    .fs-c-breadcrumb {
        margin-bottom: 10px
    }
}

.fs-c-breadcrumb__listItem {
    font-size: 12px
}