@charset "utf-8";
/* CSS Document */
.fs-c-productMark{
    margin: 15px 0 0;
}
.fs-c-productMark__label{
    font-size: 10px;
    font-weight: bold;
}
.fs-c-productMark__mark--19{
    background: #D54A2D!important;
}
.fs-c-productMark__mark--32{
    background: #DE8E32!important;
}
.fs-c-productMark__mark--39{
    background: #4C84D8!important;
}
.fs-c-productMark__mark--35{
    background: #77B75C!important;
}
.fs-c-productMark__mark--34{
    background: #E9BA3A!important;
}
.fs-c-productMark__mark--42{
    background: #E84E91!important;
}
.swiper {
    width: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}
.swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper2 {
    width: 100%;
}
.mySwiper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 0;
    width: 100%;
}
.mySwiper .swiper-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.mySwiper .swiper-slide{
    width: calc(25% - 9px)!important;
    margin: 0 0 12px;
    padding: 0;
    height: 100%;
    opacity: 0.4;
}
.mySwiper .swiper-slide:nth-of-type(4n + 1){
    margin-right: 12px!important;
}
.mySwiper .swiper-slide:nth-of-type(4n + 2){
    margin-right: 12px!important;
}
.mySwiper .swiper-slide:nth-of-type(4n + 3){
    margin-right: 12px!important;
}
.mySwiper .swiper-slide:nth-of-type(4n + 4){
    margin-right: 0!important;
    margin-left: auto;
}
.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}
.swiper-slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}
.detail_inner{
    width: 100%;
    padding: 0 20px;
    max-width: 1240px;
    margin: 0 auto;
}
.fs-c-sortItems__list__item__label,
.fs-c-sortItems__list__item a,
.fs-c-sortItems__label{
    font-size: 10px;
}
span.fs-c-sortItems__list__item__label,
.fs-c-sortItems__list__item.is-active a,
.fs-c-sortItems__list__item.is-active a{
    font-weight: bold;
}
.fs-c-productName__name{
    font-size: 14px;
}
/*  category   */

div.fs-c-productList > div:nth-child(1) > div.fs-c-listControl{
    width: auto;
}
.fs-c-productMark li.fs-c-productMark__item{
    margin: 0 3px 3px 0;
}
.products_top_wrap{
    position: relative;
    overflow: hidden;
    margin: 60px auto 0;
    padding: 30px 0 0;
    background: #fff;
}
.products_top_wrap img{
    min-height: 140px
}
.products_top_wrap h1{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 38px;
    color: #fff;
    transform: translate(-50% , -50%);
    letter-spacing: .2em;
    font-weight: 500;
    width: 100%;
    padding: 0 30px;
    max-width: 1260px;
    transform: translate(-50%, -50%);
}
.products_top_wrap h1 span{
    display: block;
    padding: 5px 30px;
    background: #fff;
    color: #EABA76;
    width: 165px;
    text-align: center;
    margin: 15px 0 0;
    letter-spacing: .2em;
}

.fs-l-page {
background: #FCF9EF;

}
.fs-c-breadcrumb__list{
    padding: 0 20px;
}
.fs-c-breadcrumb__list li,.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
color:#AAAAAA;
}

.fs-c-breadcrumb{
max-width: 1240px;
width: 100%;
margin: 0px auto;
padding: 50px 0px 30px;
}
.fs-l-main {
padding: 50px 0px;
color: #333333;
max-width: 1240px;
width: 100%;
margin: 0px auto;
padding: 20px 0px; 
}
.fs-c-productList__controller {
display: flex;
padding: 10px 0px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}
.fs-c-sortItems {
display: flex;
margin-right: auto;
}
.fs-c-sortItems__label::after {
content:":";
margin: 0px 5px;
}
.fs-c-sortItems ul li {
display: inline-block;
margin: 0px 5px;
}
/* ?
.fs-c-productList{
    padding: 0 4px 0 20px;
}
 */
.fs-c-productList{
    padding: 0 20px;
}
.fs-c-productList__list {
display:grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: 1fr;
align-items: start;
gap: 19px;
}
.fs-c-productList__list > article {
display: block;
}
.fs-c-productList__list > article > form > p{
    font-size: 10px;
    font-weight: bold;
    margin: 10px 0 3px;
}
.fs-c-productImage__image {
}
.fs-c-productListItem__viewMoreImageButton,.fs-c-productPrice__main__label {
display: none!important ;
}
.fs-c-productPrice {
text-align: right;
}
.fs-c-productPrice span span {
display: inline-block;
}
.fs-c-price__currencyMark{
    display: none!important;
}
.fs-c-price__value{
    font-size: 14px;
}
.fs-c-productPrice span span.fs-c-productPrice__addon__label{
    font-size: 10px;
}
.fs-c-productPrice__main__addon__label::before,
span.fs-c-productPrice__addon__label::before{
    content:"円";
}
.fs-c-productListItem__control {
display: none;
}
h2.fs-c-productListItem__productName  span {
font-weight: bold;
}
h2.fs-c-productListItem__productName {
margin: 5px 0px 15px;
}

.fs-c-productList__controller:first-of-type .fs-c-pagination {
display:none;
}
.fs-c-productList__controller:last-of-type .fs-c-sortItems,.fs-c-productList__controller:last-of-type .fs-c-listControl__status {
display:none;
}
.fs-c-productList__controller:last-of-type {
border: none;
    width: 100%;
}
.fs-c-listControl:last-of-type {
display: block;
    width: 100%;
}
.fs-c-pagination {
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 30px;
    margin: 120px auto;
}
.fs-c-pagination__item{
    flex: none;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    width: 44px !important;
    margin: 0 12px;
    height: 44px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 1px solid #DE8E32;
    font-size: 16px;
    color: #DE8E32 !important;
}
.fs-c-pagination__item.is-active{
    background: #DE8E32!important;
    color: #fff!important;
}
.fs-c-productListItem__salesPeriodNotice.fs-c-productListItem__notice,
.fs-c-productListItem__salesPeriod.fs-c-salesPeriod,
.fs-c-salesPeriod__date,
.fs-c-salesPeriod__date dt,
.fs-c-salesPeriod__date dd{
    line-height: 1.2;
}
/* 768px for table*/
@media (min-width: 768px) {
    .products_top_wrap h1{
        font-size: 72px;
    }
    .fs-c-productList{
        padding: 0 20px;
    }
    .fs-c-productList__list {
        grid-template-columns: repeat(3,1fr);
    }
    .fs-c-productMark__label{
        font-size: 12px;
    }
    .fs-c-sortItems__list__item__label,
    .fs-c-sortItems__list__item,
    .fs-c-sortItems__list__item a,
    .fs-c-sortItems__label{
        font-size: 12px;
    }
    .fs-c-productName__name{
        font-size: 18px !important;
        line-height: 150%;
    }
    .fs-c-price__value{
        font-size: 16px;
    }
    .fs-c-productPrice span span.fs-c-productPrice__addon__label{
        font-size: 12px;
    }
    .fs-c-productList__list > article > form > p{
        font-size: 12px;
        margin: 15px 0 5px;
    }
    h2.fs-c-productListItem__productName  span {
        font-size: 1.5em;
    }
}

/* 768px for sp*/
@media(max-width: 767px){

.fs-c-listControl:last-of-type {
  display: block;
  text-align: right;
}


.fs-c-sortItems {
  display: flex;
  margin-right: auto;
  width: 100%;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  padding-bottom: 10px;
}


.fs-c-productList__controller {
  display: block;
  padding: 10px 0px;
  border-bottom: none;
  margin-bottom: 20px;
}
}

/* 992px for pc*/
@media (min-width: 992px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(4,1fr);
        gap: 40px;
    }
}

/* 1200px for wide pc */
@media (min-width: 1200px) {
}