@charset "UTF-8";
/* -----------------------------------------------
page__heading
----------------------------------------------- */
.page__heading {
text-align: center;
}
.page__heading h1 {
font-weight: normal;
}

@media (max-width: 767px) {
.page__heading {
margin-top: 30px;
}
.page__heading h1 {
font-size: 36px;
line-height: 1.5;
letter-spacing: 0.1em;
}
}

@media (min-width: 768px) {
.page__heading {
margin-top: 50px;
}
.page__heading h1 {
font-size: 48px;
line-height: 1.5;
letter-spacing: 0.1em;
}
}

/* -----------------------------------------------
category__wrap group
----------------------------------------------- */
.category__wrap.group {
position: relative;
}
.category__wrap.group::before {
content: '';
width: 100vw;
height: 100%;
background-color: #F5F5F5;
position: absolute;
top: 0;
left: 50%;
translate: -50% 0;
z-index: -1;
}
.category__wrap.group .inner__wrap {
width: 100%;
max-width: none;
padding: 0;
}
.category__wrap.group .category__content {
height: auto!important;
aspect-ratio: auto!important;
}
.category__wrap.group .category__content li:first-child {
display: none;
}

@media (max-width: 767px) {
.category__wrap.group {
margin-top: 30px;
padding: 9px 0 20px;
}
.category__wrap.group .sec__heading h2.font__oswald {
font-size: 20px;
letter-spacing: 0.1em;
}
.category__wrap.group .category__content__wrap {
margin-top: 10px;
}
.category__wrap.group .category__content ul {
gap: 5px 1.49%;
}
.category__wrap.group .category__content li {
width: 23.88%;
}
.category__wrap.group .category__content li strong {
font-size: 3.2vw;
}
}

@media (min-width: 768px) {
.category__wrap.group {
margin-top: 50px;
padding: 30px 0 30px;
}
.category__wrap.group .sec__heading h2.font__oswald {
font-size: 24px;
letter-spacing: 0.03em;
}
.category__wrap.group .category__content__wrap {
margin-top: 20px;
}
.category__wrap.group .category__content ul {
gap: 8px 0.71%;
}
.category__wrap.group .category__content li {
width: 11.87%;
}
.category__wrap.group .category__content li strong {
font-size: min(1.38vw, 16px);
}
}

/* -----------------------------------------------
商品一覧
----------------------------------------------- */
.fs-c-productList__list {
display: grid;
}
.fs-c-productName__name {
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.fs-c-productListItem__viewMoreImageButton {
display: none;
}
.fs-c-productPrice__main__label {
display: none;
}
.fs-c-productPrice.fs-c-productPrice--listed {
background-image: linear-gradient(transparent 0.5em, #000000 0, #000000 calc(0.5em + 1px), transparent 0, transparent
calc(0.5em + 3px), #000000 0, #000000 calc(0.5em + 4px), transparent 0);
text-decoration: none;
display: inline;
}
.fs-c-productPrice__main__price.fs-c-price {
display: inline-block;
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice__main__label {
display: none;
}
.fs-c-productPrice.fs-c-productPrice--selling {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
}
/* .fs-c-productPrice.fs-c-productPrice--listed span.fs-c-productPrice__main__price {
font-size: 1em;
} */
.fs-c-productPrice.fs-c-productPrice--listed + .fs-c-productPrice.fs-c-productPrice--selling {
line-height: 1;
}
.fs-c-productPrice.fs-c-productPrice--listed + .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main {
color: #c93037;
}

.fs-c-productList__list__item:has(.tag__sale) .fs-c-productPrice__main__price,
.fs-c-productList__list__item:has(.tag__sale) .fs-c-productPrice__addon {
color: #E90000;
}
.mark-rec__fx__wrap {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.fs-c-productMarks {
flex: 1;
}
.fs-c-productPrice__addon__label {
display: none;
}
.fs-c-productListItem__outOfStock {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #F5F5F5;
}
.fs-c-productName__copy,
.fs-c-productName__variation {
display: none;
}

@media (max-width: 767px) {
.fs-c-productList__list {
margin-top: 30px;
grid-template-columns: repeat(2, 1fr);
gap: 30px 4.47%;
}
.fs-c-productListItem__productName {
padding-top: 10px;
}
.fs-c-productName__name {
font-size: 14px;
line-height: 1.28;
letter-spacing: 0;
}
.fs-c-productListItem__prices {
margin-top: 8px;
}
.fs-c-productPrice.fs-c-productPrice--listed * {
font-size: 12px;
line-height: 1;
}
.fs-c-price__currencyMark,
.fs-c-price__value,
.fs-c-productPrice__addon,
.fs-c-productPrice__addon__label {
font-size: 14px;
line-height: 1;
letter-spacing: 0;
}
.mark-rec__fx__wrap {
gap: 0 10px;
margin-top: 8px;
}
.fs-c-productMark {
gap: 5px 5px;
}
.fs-c-productListItem__control {
width: 16px;
height: 26px;
}
.fs-c-productListItem__control .fs-c-button--addToWishList--icon,
.fs-c-productListItem__control .fs-c-button--removeFromWishList--icon {
width: 16px;
height: 26px;
}
.fs-c-productListItem__outOfStock {
margin-top: 8px;
height: 26px;
font-size: 12px;
line-height: 1;
letter-spacing: 0;
}
}

@media (min-width: 768px) {
.fs-c-productList__list {
margin-top: 60px;
grid-template-columns: repeat(4, 1fr);
gap: 70px 3.57%;
}
.fs-c-productListItem__productName {
padding-top: 20px;
}
.fs-c-productName__name {
font-size: 16px;
line-height: 1.75;
letter-spacing: 0;
display: block;
}
.fs-c-productListItem__prices {
margin-top: 15px;
}
.fs-c-productPrice.fs-c-productPrice--listed * {
font-size: 14px;
line-height: 1;
}
.fs-c-price__currencyMark,
.fs-c-price__value,
.fs-c-productPrice__addon,
.fs-c-productPrice__addon__label {
font-size: 16px;
line-height: 1;
letter-spacing: 0;
}
.mark-rec__fx__wrap {
gap: 0 10px;
margin-top: 15px;
}
.fs-c-productMark {
gap: 5px 5px;
}
.fs-c-productListItem__control {
width: 22px;
height: 26px;
}
.fs-c-productListItem__control .fs-c-button--addToWishList--icon,
.fs-c-productListItem__control .fs-c-button--removeFromWishList--icon {
width: 22px;
height: 26px;
}
.fs-c-productListItem__outOfStock {
margin-top: 10px;
height: 30px;
font-size: 14px;
line-height: 1;
letter-spacing: 0;
}
}

/* -----------------------------------------------
並び替え・ページャーパーツ
----------------------------------------------- */
.fs-c-productList__controller {
position: relative;
}

/* 並び替え */
.fs-c-sortItems .fs-c-sortItems__label {
display: none;
}
.fs-c-sortItems .fs-c-sortItems__list {
display: flex;
justify-content: center;
align-items: center;
}
.fs-c-sortItems .fs-c-sortItems__list__item + .fs-c-sortItems__list__item {
position: relative;
}
.fs-c-sortItems .fs-c-sortItems__list__item + .fs-c-sortItems__list__item::before {
content: '';
width: 1px;
background-color: #AAAAAA;
position: absolute;
top: 50%;
left: 0;
translate: 0 -50%;
height: 24px;
}
.fs-c-sortItems .fs-c-sortItems__list__item.is-active {
font-weight: bold;
}
.fs-c-sortItems .fs-c-sortItems__list__item > * {
display: block;
}

/* 件数 */
.fs-c-listControl__status {
position: absolute;
top: 0;
left: 0;
}

/* ページャー */
.fs-c-pagination {
margin: 60px auto 0;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.fs-c-pagination__item {
font-size: 14px;
line-height: 1;
width: 30px;
aspect-ratio: 1 / 1;
display: flex;
justify-content: center;
align-items: center;
flex: initial;
text-align: center;
padding: 0;
}
.fs-c-pagination__item + .fs-c-pagination__item {
margin-left: 19px;
}
:is(.fs-c-pagination__item--prev, .fs-c-pagination__item--next) {
position: relative;
}
.fs-c-pagination__item--prev::before {
content: '';
height: auto;
aspect-ratio: 1/1;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
rotate: -45deg;
width: 10px;
}
.fs-c-pagination__item--next::before {
content: '';
height: auto;
aspect-ratio: 1/1;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
rotate: 45deg;
width: 10px;
}

@media (max-width: 767px) {
.fs-c-productList__controller {
margin-top: 42px;
padding-top: 46px;
}
.fs-c-productList__list + .fs-c-productList__controller {
margin-top: 60px;
}

/* 並び替え */
.fs-c-sortItems .fs-c-sortItems__list__item {
font-size: 14px;
}
.fs-c-sortItems .fs-c-sortItems__list__item > * {
padding-inline: 1em;
}

/* 件数 */
.fs-c-listControl__status {
font-size: 12px;
line-height: 1;
}
}

@media (min-width: 768px) {
.fs-c-productList__controller {
margin-top: 83px;
}
.fs-c-productList__list + .fs-c-productList__controller {
margin-top: 133px;
}

/* 並び替え */
.fs-c-sortItems {
padding-inline: 140px;
}
.fs-c-sortItems .fs-c-sortItems__list__item {
font-size: 16px;
}
.fs-c-sortItems .fs-c-sortItems__list__item > * {
padding-inline: 1em;
}

/* 件数 */
.fs-c-listControl__status {
font-size: 16px;
line-height: 1;
}
}

/* -----------------------------------------------
history
----------------------------------------------- */
@media (max-width: 767px) {
.history__wrap {
margin-top: 80px;
}
}

@media (min-width: 768px) {
.history__wrap {
margin-top: 180px;
}
}