.sectionProductList{
    width: 100%;
    /* max-width: 120rem; */
    max-width: 152rem;
    margin: 3.8rem auto 18rem;
    /* font-family: 'Noto Sans JP', sans-serif; */
    font-weight: 400;
}

.sectionProductList img{
    width: 100%;
    display: block;
}

.categoryBanner{
    margin-top: 6.7rem;
    margin-bottom: 4.5rem;
}

.categoryBanner__img{
    width: 100%;
    max-width: 58rem;
}

.categoryBanner__ttl{
    text-align: center;
    color: #262626;
}

.categoryBanner__ttl .jp{
    display: block;
    font-size: 3.6rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.categoryBanner__ttl .en{
    font-size: 2.4rem;
    line-height: 1.2;
    letter-spacing: 0.1em;
}

.itemList-pager-count-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem 4rem;
    background: #F7F9FA;
}

.pagination.above .pagerWrap{
    display: none;
}

.pagination.above .result{
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    color: #301D0F;
    letter-spacing: 0.075em;
}

.pagination.above .result .result__item{
    font-size: 1.8rem;
    letter-spacing: 0.1em;
}

.pagination.below{
    width: 100%;
    max-width: 41.7rem;
    margin: 0 auto;
    padding: 0;
}

.pagination.below .result{
    display: none;
}

.pagination.below .list-pager{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.pagination.below .list-pager li{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin: 0 1.1rem;
    font-size: 2.2rem;
    font-family: 'Roboto', serif;
    font-weight: 500;
    color: #262626;
    text-align: center;
    line-height: 1;
}

.pagination.below .list-pager li.active{
    background-color: #464646;
    border-radius: 50px;
    color: #FFFFFF;
}

.pagination .block-pager{
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination a{
    display: block;
}

.pagination .prev a::before {
    content: "";
    display: block;
    width: 0.9rem;
    height: 1.7rem;
    margin-right: 4rem;
    background-image: url(../Contents/ImagesPkg/product/chev-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pagination .next a::before {
    content: "";
    display: block;
    width: 0.9rem;
    height: 1.7rem;
    margin-left: 4rem;
    background-image: url(../Contents/ImagesPkg/product/chev-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* .pagination.below .list-pager li.list_none{
    display: none;
} */

.sort{
    width: 100%;
    max-width: 58rem;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
}

.sort .box{
    display: flex;
    position: relative;
    width: 100%;
    max-width: 18rem;
    border: 1px solid #A99F98;
    border-radius: 5px;
}

.sort .box dt.title{
    width: 100%;
    padding: 1rem 2rem;
    cursor: pointer;
    font-size: 1.4rem;
    letter-spacing: 0.42px;
}

.sort .box dt.title::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 0.8rem;
    background-image: url(../Contents/ImagesPkg/product/chev-bottom.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 40%;
    right: 10%;
}

.sort .box.active dt.title::after {
    background-image: url(../Contents/ImagesPkg/product/chev-top.svg);
    top: 40%;
}

.sort .box > dd{
    display: none;
}

.sort .box > dd.open {
    display: block;
}

.sort .box dd > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    border: 1px solid #A99F98;
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px;
    width: 18rem;
    position: absolute;
    top: 3rem;
    left: -1px;
    z-index: 2;
}

.sort .box > dd.open > ul{
    display: block;
    border-top: 0;
}

.sort .box:nth-child(2) dd > ul{
    width: 18rem;
    left: -0.1rem;
}

.sort .box dd > ul > li{
    width: 100%;
    font-size: 1.4rem;
    letter-spacing: 1.2px;
    line-height: 1.4;
}

.sort .box dd > ul > li a{
    display: block;
    padding: 1rem 2rem;
    color: #301D0F;
}

.sort .box dd > ul > li span{
    padding-left: 0.4rem;
}

.sort .box dd > ul > li.active {
    padding: 1rem 2rem;
    background-color: #301D0F;
    color: #FFFFFF;
}

.sort .box dd > ul > li:last-child.active {
    border-radius: 0 0 5px 5px;
}

/* Product Search Tab */
.dvProductAdvancedSearch{
    width: 100%;
    max-width: 70rem;
    margin: 4rem auto;
}

.productSearch__tab-wrap{
    margin-bottom: 2rem;
    box-shadow: 0px 4px 6px #dedede;
    border-radius: 10px;
}

.productSearch__tab-area {
    display: flex;
}

.productSearch__panel-area > div {
    display: none;
    padding: 2rem 2.5rem;
}

.productSearch__tab-area label{
    display: block;
    width: 100%;
    max-width: 35rem;
    padding: 1.2rem 0;
    background-color: #EFEFEF;
    border-radius: 10px 10px 0 0;
    font-size: 1.4rem;
    letter-spacing: 1.4px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: ease 0.2s opacity;
    transition: ease 0.2s opacity;
    box-shadow: 0px -1px 2px #dedede;
}

#productSearch__tab1:checked ~ .productSearch__tab-area label:nth-child(1), 
#productSearch__tab2:checked ~ .productSearch__tab-area label:nth-child(2) {
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}

#productSearch__tab1:checked ~ .productSearch__panel-area .productSearch__panel1,
#productSearch__tab2:checked ~ .productSearch__panel-area .productSearch__panel2{
    display: block;
}

.productSearch__tab-panel ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

.productSearch__tab-panel ul li {
    margin: 0 0 0 1.7rem;
    max-width: 15rem;
    width: calc( ( 100% - 5.1rem ) / 4);
}

.productSearch__tab-panel ul li:nth-child(4n+1) {
    margin-left: 0;
}

.productSearch__tab-panel ul li a{
    border: 1px solid #D1A486;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4rem;
    letter-spacing: 1.6px;
    color: #D1A486;
    text-align: center;
}

.productSearch__tab-panel ul li.selected a{
    color: #FFFFFF;
    background: #D1A486;
}

.productSearch__tab-panel ul li.selected a{
    border: 1px solid #D1A486;
}

/* Item View */
.itemListBox{
    width: 100%;
    max-width: 152rem;
    margin: 0 auto;
    margin-bottom: 7.8rem;
}

.itemListBox .itemList{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

.itemListBox .itemList > li {
    /* width: calc( ( 100% - 8rem ) / 3); */
    width: calc( ( 100% - 8.1rem ) / 4);
    max-width: 36rem;
    margin: 4rem 2.7rem 0 0;
    padding-bottom: 1rem;
}

.itemListBox .itemList > li:nth-child(4n) {
    margin-right: 0;
}

.itemListBox .itemList > li > a {
    display: block;
}

.block__itemControl .btn_changeList .btn__multi {
    cursor: default;
}

.block__itemControl .btn_changeList .btn__multi span {
    background: #000000;
    opacity: 1;
}

.block__itemControl .btn_changeList .btn__multi span::after {
    background: #000000;
    opacity: 1;
}

.sectionProductList .itemListBox ul.itemList > li > a figure{
    margin-bottom: 1.8rem;
    position: relative;
}

.sectionProductList .itemListBox ul.itemList > li > a figure .soldout{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    font-size: 1.8rem;
    font-family: "Lexend Mega", "Noto Sans JP", serif;
    font-weight: 500;
    color: #FFFFFF;
    word-wrap: normal;
}

.sectionProductList .itemListBox ul.itemList > li .icons{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon{
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.8rem;
    background: #464646;
    position: relative;
    font-size: 1.1rem;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    border-radius: 3.5px;
}

/* .sectionProductList .itemListBox ul.itemList > li .icons > .icon::before {
    content: "";
    position: absolute;
    left: 45%;
    bottom: -0.4rem;
    width: 0.6rem;
    height: 0.6rem;
    background-image: url(../Contents/ImagesPkg/product/icon-3kaku.svg);
    background-repeat: no-repeat;
    background-size: 100%;
} */

/* .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-new{
    background: #FA680D;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-new::before {
    background-image: url(../Contents/ImagesPkg/product/icon-new-3kaku.svg);
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-recommend{
    background: #FA680D;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-recommend::before {
    background-image: url(../Contents/ImagesPkg/product/icon-new-3kaku.svg);
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-limited-quantity{
    background: #D8422F;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-limited-quantity::before {
    background-image: url(../Contents/ImagesPkg/product/icon-red-3kaku.svg);
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-popular-item{
    background: #D8422F;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-popular-item::before {
    background-image: url(../Contents/ImagesPkg/product/icon-red-3kaku.svg);
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-pickup{
    background: #D8422F;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-pickup::before {
    background-image: url(../Contents/ImagesPkg/product/icon-red-3kaku.svg);
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-limited-time{
    background: #D8422F;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-limited-time::before {
    background-image: url(../Contents/ImagesPkg/product/icon-red-3kaku.svg);
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-speciality{
    background: #99C731;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-speciality::before {
    background-image: url(../Contents/ImagesPkg/product/icon-lime-3kaku.svg);
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-premium{
    background: #D8B629;
    font-size: 1.3rem;
}

.sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-premium::before {
    background-image: url(../Contents/ImagesPkg/product/icon-yellow-3kaku.svg);
} */

.sectionProductList .itemListBox ul.itemList > li .icons > .icon:not(:last-child){
    margin-right: 1rem;
}

.sectionProductList .itemListBox ul.itemList > li .itemInfo .name{
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.075em;
    line-height: 1.8;
}

.sectionProductList .itemListBox ul.itemList > li .itemInfo .brand-category{
    margin-bottom: 1.2rem;
    padding-top: 0.6rem;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
}

/* Item View */
.sectionProductList__inner{
    display: flex;
}

.productList__left-nav{
    width: 100%;
    max-width: 20rem;
}

.productList__main{
    width: 100%;
}

.sectionProductList__inner ul.itemList > li > a .itemInfo .price > p{
    font-size: 1.4rem;
    font-family: "ヒラギノ角ゴ Pro W3", 'Noto Sans JP', "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, sans-serif;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.sectionProductList__inner ul.itemList > li > a .itemInfo .price .slash{
    margin-right: 0.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: line-through;
}

.sectionProductList__inner ul.itemList > li > a .itemInfo .price .tax{
    font-size: 1.2rem;
    font-weight: 500;
}

.sectionProductList__inner ul.itemList > li > a .itemInfo .price .slash .tax {
    font-size: 1.2rem;
}

.sectionProductList__inner ul.itemList > li > a .itemInfo .price .sale-wrap{
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

.sectionProductList__inner ul.itemList > li > a .itemInfo .price .sale{
    font-size: 1.4rem;
    font-weight: 600;
    color: #FA680D;
}

/* BodyAdvanceSearchBox */
.advanceColor{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
.advanceColor li{
    margin: 0.9rem 0 0 0.7rem;
    max-width: 9.5rem;
    width: calc( ( 100% - 1.4rem ) / 2);
}
.advanceColor li:nth-child(2n+1){
    margin-left: 0;
}
.advanceColor li img{
    width: 9.5rem;
    height: 3.5rem;
    position: relative;
    border-radius: 50px;
}
.advanceColor li img::after{
    content: '';            		/* 擬似要素に実体を持たせる */
    width: calc(100% + 1.2rem);    	/* 外側の線になる要素の幅を指定する */
    height: calc(100% + 1.2rem);		/* 外側の線になる要素の高さを指定する */
    border: solid 1px;        		/* 外側の線になる一本線の枠線をひく*/
    position: absolute;        		/* 外側の線の位置を自由に動かせるようにする */
    top: -0.7rem;            			/* 外側の線の位置を、内側の線から上に7pxずらす */
    left: -0.7rem;            			/* 外側の線の位置を、内側の線から左に7pxずらす */
    border-radius: 15px; 
}

.dvProductAdvancedSearch input{
    display: none;
}

.dvProductAdvancedSearch dl{
    margin-bottom: 2rem;
    border-bottom: 1px solid #adadad;
}

.dvProductAdvancedSearch dl dt.title{
    margin-bottom: 1.8rem;
    position: relative;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.7px;
    text-align: left;
    color: #000000;
}

.dvProductAdvancedSearch dl dt.acc{
    cursor: pointer;
}

.dvProductAdvancedSearch dl dt.acc.open{
    padding-bottom: 0;
    border: none;
}

.dvProductAdvancedSearch dl dt.acc ~ dd{
    padding-bottom: 1.9rem;
}

.dvProductAdvancedSearch dl dt.acc::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 0.9rem;
    background-image: url(../Contents/ImagesPkg/product/chevron_black_bottom.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 10%;
    right: 0;
}

.dvProductAdvancedSearch dl dt.acc.open::after {
    background-image: url(../Contents/ImagesPkg/product/chevron_black_top.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 15%;
}

/* Block Gender */
.block-gender{
    margin-bottom: 3rem;
}

.block-gender input:checked ~ label{
    background-color: #000000;
    color: #ffffff;
}

.block-gender table tbody{
    display: flex;
    flex-wrap: wrap;
}

.block-gender label {
    display: block;
    width: 10rem;
    height: 4.2rem;
    margin-bottom: -0.1rem;
    margin-right: -0.1rem;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    cursor: pointer;
    font-size: 1.4rem;
    font-family: 'futura-pt', serif;
    font-weight: 600;
    line-height: 4.2rem;
    letter-spacing: 1.4px;
    text-align: center;
    color: #000000;
}

/* Block Brand */
.block-brand label{
    padding-left: 2rem;
    position: relative;
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.block-brand input:checked ~ label::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../Contents/ImagesPkg/product/check.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* Block Size */
.block-size{
    padding-bottom: 1rem;
}

.block-size table tbody{
    display: flex;
    flex-wrap: wrap;
}

.block-size label{
    display: block;
    width: 9.5rem;
    height: 3.5rem;
    margin-right: 0.7rem;
    margin-bottom: 1rem;
    border-radius: 50px;
    border: solid 2px #000000;
    background-color: #ffffff;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 3.1rem;
    letter-spacing: 0.65px;
    text-align: center;
    color: #000000;
}

.block-size tr:nth-child(odd) label{
    margin-right: 0;
}

.block-size input:checked ~ label{
    background-color: #000000;
    color: #ffffff;
}

/* Block Icon */
.block-icon ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.block-icon ul li{
    width: 100%;
    max-width: 34rem;
    border: 1px solid #D09E88;
    border-radius: 5px;
}

.block-icon ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 1.4rem;
    line-height: 4rem;
    letter-spacing: 1.4px;
    color: #D09E88;
}

.block-icon ul li a::after{
    content: "";
    display: block;
    background-image: url(../Contents/ImagesPkg/product/chev_right_lightOrange.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 0.8rem;
    height: 1.4rem;
    position: absolute;
    top: 35%;
    right: 10%;
}

.block-icon ul li.selected {
    border: 1px solid #D09E88;
}

.block-icon ul li.selected a{
    color: #FFFFFF;
    background: #D09E88;
}

.block-icon ul li.selected a::after{
    background-image: url(../Contents/ImagesPkg/product/chev_right_white.svg);
}

.block-icon ul li img.nai{
    display: block;
}

.block-icon ul li img.aru{
    display: none;
}

.block-icon ul li.selected img.aru{
    display: block;
}

.block-icon ul li.selected img.nai{
    display: none;
}

.block-icon ul li img{
    width: 3rem;
    margin-right: 1rem;
}

.block-icon label{
    display: block;
    width: 9.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
    border-radius: 50px;
    border: solid 2px #000000;
    background-color: #ffffff;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 3.1rem;
    letter-spacing: 0.65px;
    text-align: center;
    color: #000000;
}

.block-icon input:checked ~ label{
    background-color: #000000;
    color: #ffffff;
}

/* Block Category*/
.block-category > dl {
    margin: 0;
    border: none;
}
.block-category label{
    padding-left: 2rem;
    position: relative;
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.block-category input:checked ~ label::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../Contents/ImagesPkg/product/check.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* Block Color */
.block-color{
    padding-bottom: 1.9rem;
}

/* Block Price */
.block-price{
    padding-bottom: 1rem;
}

.block-price .sort-price li {
    width: 100%;
    padding-bottom: 1rem;
    position: relative;
}

.block-price .sort-price select{
    width: 18rem;
    height: 3.5rem;
    padding-left: 2rem;
    border: solid 2px #000000;
    border-radius: 50px;
    background-color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: 0.65px;
    text-align: left;
    color: #000000;
}

.block-price .sort-price .arrow{
    width: 1.7rem;
    height: 1.3rem;
    background-image: url(../Contents/ImagesPkg/product/chevron-thin-black-bottom.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
}

.block-price .sort-price li:nth-child(1) .arrow{
    top: 30%;
    right: 15%;
}

.block-price .sort-price li:nth-child(2) .arrow{
    top: 30%;
    right: 6%;
}

/* Block CTA */
.block-cta{
    display: flex;
    justify-content: space-between;
}

.block-cta button,
.block-cta a{
    width: 9.5rem;
    height: 3.3rem;
    border: solid 2px #000000;
    border-radius: 50px;
    background-color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: 0.7px;
    text-align: center;
    color: #000000;
}

.block-cta .cta-search{
    background-color: #000000;
    color: #FFFFFF;
}

.dvCategorySearch{
    width: 100%;
    max-width: 26rem;
    position: relative;
}

.categorySearchList-wrap{
    position: relative;
}

.categorySearch__ttl{
    width: 100%;
    height: 3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color: #FFFFFF;
    position: relative;
    z-index: 11;
    font-size: 1.6rem;
    text-align: center;
    color: #262626;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.categorySearch__ttl::after{
    content: "";
    display: block;
    width: 1.4rem;
    height: 0.8rem;
    background-image: url(../Contents/ImagesPkg/product/chev-bottom.svg);
    background-repeat: no-repeat;
    background-size: 1.4rem;
    position: absolute;
    top: 1.3rem;
    right: 3rem;
}

.categorySearch__list{
    width: 100%;
    max-width: 26rem;
    padding: 2rem 3rem;
    position: absolute;
    top: 2rem;
    left: 0;
    z-index: 10;
    background-color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}

.categorySearchList-wrap.open .categorySearch__list{
    visibility: visible;
    opacity: 1;
}

.categorySearch__list li a{
    font-size: 1.4rem;
    line-height: 2;
    color: #262626;
}

.categorySearch__list li.level-1 .level-2-wrap {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1545px) {
    .sectionProductList{
        padding: 0 2rem;
    }
}



@media screen and (max-width: 767px){
    .sectionProductList{
        margin: calc(37*(100vw/750)) auto calc(180*(100vw/750));
    }

    .itemList-pager-count-wrap{
        padding: calc(20*(100vw/750)) calc(30*(100vw/750));
    }

    .pagination.above .result {
        font-size: calc(24*(100vw/750));
    }

    .pagination.above .result .result__item {
        font-size: calc(30*(100vw/750));
    }

    .dvCategorySearch {
        max-width: calc(406*(100vw/750));
    }

    .categorySearch__ttl {
        height: calc(60*(100vw/750));
        font-size: calc(30*(100vw/750));
    }

    .categorySearch__ttl::after {
        width: calc(30*(100vw/750));
        height: calc(16*(100vw/750));
        background-size: calc(30*(100vw/750));
        top: calc(24*(100vw/750));
        right: calc(15*(100vw/750));
    }

    .categorySearch__list {
        max-width: calc(406*(100vw/750));
        padding: calc(40*(100vw/750)) calc(60*(100vw/750));
        top: calc(30*(100vw/750));
    }

    .categorySearch__list li a {
        font-size: calc(24*(100vw/750));
    }

    .pagination.below {
        max-width: calc(550*(100vw/750));
    }

    .pagination .prev a::before {
        width: calc(14*(100vw/750));
        height: calc(27*(100vw/750));
        margin-right: calc(15*(100vw/750));
    }

    .pagination .next a::before {
        width: calc(14*(100vw/750));
        height: calc(27*(100vw/750));
        margin-left: calc(15*(100vw/750));
    }

    .pagination.below .list-pager li {
        width: calc(45*(100vw/750));
        height: calc(45*(100vw/750));
        margin: 0 calc(10*(100vw/750));
        font-size: calc(36*(100vw/750));
    }

    .categoryBanner {
        margin-top: calc(56*(100vw/750));
        margin-bottom: calc(60*(100vw/750));
    }

    .categoryBanner__ttl .en {
        font-size: calc(30*(100vw/750));
    }

    .categoryBanner__ttl .jp {
        font-size: calc(48*(100vw/750));
    }

    .paginationTitleSp .pagination.above .item_count {
        padding: 0;
        border: none;
        font-size: calc(30*(100vw/750));
        line-height: 1.6;
        letter-spacing: 1.5px;
        text-align: center;
    }

    .sectionProductList__inner{
        position: relative;
    }

    .dvProductAdvancedSearch{
        margin-top: calc(20*(100vw/750));
        margin-bottom: 0;
    }

    .sort {
        width: 100%;
        /* max-width: calc(520*(100vw/750)); */
        max-width: 100%;
        margin-top: calc(40*(100vw/750));
        border: none;
    }

    .sort .box{
        max-width: calc(220*(100vw/750));
    }

    .sort .search-box-popup{
        display: block;
        width: 23rem;
        height: 4.5rem;
        margin-right: 1.5rem;
        padding-left: 3rem;
        background-color: #1c1a19;
        font-size: 1.8rem;
        line-height: 4.5rem;
        text-align: left;
        color: #ffffff;
    }

    .sort .box.search-box-popup dt.title{
        padding-left: 0;
        text-align: center;
    }

    .sort .box:not(:last-child) {
        margin-right: 0;
    }

    .search-box__ttl{
        display: block;
    }

    .sort .box dt.title{
        width: 100%;
        padding: calc(15*(100vw/750)) calc(20*(100vw/750));
        font-size: calc(24*(100vw/750));
    }

    .sort .box dt.title::after{
        width: calc(22*(100vw/750));
        height: calc(12*(100vw/750));
        right: calc(20*(100vw/750));
    }

    .sortType__name{
        padding-right: calc(10*(100vw/750));
        font-size: calc(22*(100vw/750));
    }

    .pagination.above .item_count {
        padding-left: calc(20*(100vw/750));
        font-size: calc(20*(100vw/750));
        letter-spacing: 1px;
    }

    .sort .box dd > ul{
        width: calc(240*(100vw/750));
        padding-bottom: 0;
        top: calc(45*(100vw/750));
    }

    .sort .box:nth-child(2) dd > ul {
        width: calc(240*(100vw/750));
    }

    .sort .box dd > ul > li {
        padding: calc(15*(100vw/750)) calc(20*(100vw/750));
        font-size: calc(24*(100vw/750));
    }

    .sort .box dd > ul > li:nth-child(1){
        margin-top: 0;
    }

    .block__itemControl .btn_changeList {
        width: calc(120*(100vw/750));
        height: calc(42*(100vw/750));
    }

    .itemListBox {
        margin-bottom: calc(145*(100vw/750));
        padding: 0 calc(30*(100vw/750));
    }

    .itemListBox .itemList > li {
        width: calc( ( 100% - calc(10*(100vw/750))) / 2);
        max-width: calc(340*(100vw/750));
        margin: calc(40*(100vw/750)) calc(10*(100vw/750)) 0 0;
        padding-bottom: calc(5*(100vw/750));
    }

    .itemListBox .itemList > li:nth-child(2n) {
        margin-right: 0;
    }

    .itemListBox .itemList > li:nth-child(3n) {
        margin-right: auto;
    }

    .sectionProductList .itemListBox ul.itemList > li .itemSalePeriod{
        margin-bottom: calc(25*(100vw/750));
        padding-left: calc(25*(100vw/750));
        font-size: calc(22*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .itemSalePeriod > span{
        font-size: calc(20*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .itemSalePeriod::before {
        height: calc(30*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li > a figure {
        margin-bottom: calc(20*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li > a .itemInfo{
        padding: 0 calc(20*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .icons {
        margin-bottom: calc(3*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .icons > .icon {
        margin-bottom: calc(10*(100vw/750));
        padding: calc(5*(100vw/750)) calc(7*(100vw/750));
        font-size: calc(20*(100vw/750));
        line-height: 1.2;
    }
    
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-new,
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-recommend,
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-limited-quantity,
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-popular-item,
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-pickup,
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-limited-time,
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-speciality,
    .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-premium{
        font-size: calc(20*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .icons > .icon:not(:last-child) {
        margin-right: calc(10*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .icons > .icon::before{
        width: calc(6*(100vw/750));
        height: calc(6*(100vw/750));
        bottom: calc(-5*(100vw/750));
    }

    /* .sectionProductList .itemListBox ul.itemList > li .icons > .icon.icon-new::before{
        width: calc(6*(100vw/750));
        height: calc(6*(100vw/750));
        bottom: calc(-5*(100vw/750));
    } */

    .sectionProductList .itemListBox ul.itemList > li .itemInfo .brandName{
        margin-bottom: calc(10*(100vw/750));
        font-size: calc(20*(100vw/750));
        line-height: 1;
    }

    .sectionProductList .itemListBox ul.itemList > li .itemInfo .name {
        margin-bottom: 0;
        font-size: calc(30*(100vw/750));
        line-height: 1.5;
    }

    .sectionProductList .itemListBox ul.itemList > li .itemInfo .brand-category{
        margin-bottom: calc(15*(100vw/750));
        padding-top: 0;
        font-size: calc(24*(100vw/750));
    }

    .sectionProductList__inner ul.itemList > li > a .itemInfo .price > p {
        font-size:calc(20*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .itemInfo .price .tax {
        font-size:calc(20*(100vw/750));
    }
    
    .sectionProductList__inner ul.itemList > li > a .itemInfo .price .slash {
        font-size: calc(20*(100vw/750));
    }

    .sectionProductList__inner ul.itemList > li > a .itemInfo .price .slash .tax {
        font-size:calc(20*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .itemInfo .price .sale {
        font-size: calc(22*(100vw/750));
    }

    .sectionProductList .itemListBox ul.itemList > li .itemInfo .price .currency {
        font-size: calc(20*(100vw/750));
    }

    /* BodyAdvanceSearchBox */
    .dvProductAdvancedSearch__inner{
        padding-bottom: calc(100*(100vw/750));
    }

    .dvProductAdvancedSearch dl{
        margin: 0 calc(20*(100vw/750));
        margin-bottom: calc(55*(100vw/750));
    }

    .dvProductAdvancedSearch dl dt.title {
        margin-bottom: calc(55*(100vw/750));
        font-size: calc(36*(100vw/750));
    }

    .dvProductAdvancedSearch dl dt.acc::after{
        width: calc(42*(100vw/750));
        height: calc(24*(100vw/750));
        top: 20%;
    }

    .dvProductAdvancedSearch dl dt.acc ~ dd {
        padding-bottom: calc(30*(100vw/750));
    }

    /* Block Gender */
    .block-gender label {
        width: calc(153*(100vw/750));
        height: calc(80*(100vw/750));
        margin-left: -1px;
        margin-bottom: 0;
        font-size: calc(30*(100vw/750));
        line-height: calc(80*(100vw/750));
    }

    /* Block Brand */
    .block-brand label {
        padding-left: calc(36*(100vw/750));
        font-size: calc(30*(100vw/750));
    }

    .block-brand input:checked ~ label::before{
        width: calc(30*(100vw/750));
        height: calc(30*(100vw/750));
        top: 15%;
    }

    /* Block Size */
    .block-size label {
        width: calc(220*(100vw/750));
        height: calc(80*(100vw/750));
        margin-right: calc(23*(100vw/750));
        margin-bottom: calc(30*(100vw/750));
        font-size: calc(28*(100vw/750));
        line-height: calc(70*(100vw/750));
    }
    
    .block-size tr:nth-child(odd) label{
        margin-right: calc(23*(100vw/750));
    }

    .block-size tr:nth-child(3n+4) label{
        margin-right: 0;
    }

    /* Block Icon */
    .block-icon ul{
        padding-bottom: calc(30*(100vw/750));
    }

    .block-icon ul li {
        max-width: calc(345*(100vw/750));
    }

    .block-icon ul li a {
        font-size: calc(22*(100vw/750));
        line-height: calc(70*(100vw/750));
    }

    .block-icon ul li img {
        width: calc(36.5*(100vw/750));
        margin-right: calc(20*(100vw/750));
    }

    .block-icon ul li a::after {
        width: calc(13*(100vw/750));
        height: calc(24*(100vw/750));
        top: 30%;
        right: 10%;
    }

    .block-icon label {
        width: calc(340*(100vw/750));
        height: calc(80*(100vw/750));
        margin-bottom: calc(30*(100vw/750));
        font-size: calc(28*(100vw/750));
        line-height: calc(70*(100vw/750));
    }

    /* Block Category */
    .block-category > dl{
        margin: 0;
    }

    .block-category label {
        padding-left: calc(36*(100vw/750));
        font-size: calc(30*(100vw/750));
    }

    .block-category input:checked ~ label::before {
        width: calc(30*(100vw/750));
        height: calc(30*(100vw/750));
        top: 15%;
    }

    /* Block Color */
    .block-color{
        margin-top: calc(-55*(100vw/750));
        padding-bottom: calc(60*(100vw/750));
    }
    .advanceColor li {
        margin: calc(28*(100vw/750)) 0 0 calc(24*(100vw/750));
        max-width: calc(220*(100vw/750));
        width: calc( ( 100% - calc(48*(100vw/750)) ) / 3);
    }
    .advanceColor li:nth-child(2n+1) {
        margin-left: auto;
    }
    .advanceColor li:nth-child(3n+1) {
        margin-left: 0;
    }
    .advanceColor li img {
        width: calc(220*(100vw/750));
        height: calc(80*(100vw/750));
    }

    /* Block Price */
    .block-price{
        padding-bottom: calc(58*(100vw/750));
    }
    .block-price .sort-price{
        display: flex;
    }
    .block-price .sort-price li {
        width: calc(330*(100vw/750));
        padding-bottom: 0;
    }
    .block-price .sort-price li:nth-child(2){
        width: calc(380*(100vw/750));
        display: flex;
        align-items: center;
    }
    .block-price .sort-price li:nth-child(2) span{
        padding: 0 calc(12*(100vw/750));
    }
    .block-price .sort-price select {
        width: 100%;
        height: calc(80*(100vw/750));
        padding-left: calc(38*(100vw/750));
        font-size: calc(26*(100vw/750));
        line-height: calc(70*(100vw/750));
    }
    .block-price .sort-price .arrow {
        width: calc(30*(100vw/750));
        height: calc(23*(100vw/750));
    }
    .block-price .sort-price li:nth-child(1) .arrow {
        top: 43%;
        right: 10%;
    }
    .block-price .sort-price li:nth-child(2) .arrow {
        top: 43%;
        right: 10%;
    }

    /* Block CTA */
    .block-cta{
        padding: 0 calc(20*(100vw/750));
        padding-top: calc(22*(100vw/750));
        padding-bottom: calc(30*(100vw/750));
        position: fixed;
        bottom: 0;
        /* height: calc(100*(100vw/750)); */
        width: 100%;
        margin: 0 auto;
        background: #FFFFFF;
    }
    .block-cta button, .block-cta a {
        width: calc(335*(100vw/750));
        height: calc(80*(100vw/750));
        font-size: calc(28*(100vw/750));
        line-height: calc(70*(100vw/750));
    }
}
/* body { background-color: #262626; opacity: 0.4; } */
/* ============================================================================================ add style 2025 10 21 */
.categoryBanner__ttl .en {
    font-family: "futura-pt", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif !important;
    font-weight: 300;
}
.itemListBox .itemList > li {
    display: flex;
    flex-direction: column;
}
.itemInfo {
    margin-bottom: 2.0rem;
}
/* ================================================================== c-product-modal setting */
.c-product-modal__wrapper {
    position: absolute;
    width: 97rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #fff;
}
.c-product-modal__header {
    background-color: #F7F9FA;
    display: flex;
    justify-content: space-between;
}
.c-product-modal__close-btn {
    width: 6rem;
    height: 6rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
.c-product-modal__title {
    align-self: center;
    font-size: 2.0rem;
    padding-left: 2rem;
    letter-spacing: 0.1em;
    font-weight: 500;
}
.close-btn__inner {
    position: relative;
}
.close-btn__inner span {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 2.5rem;
    height: .2rem;
    background-color: #262626;
    border-radius: 9999px;
}
.close-btn__inner span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center center;
    transition: transform .2s ease;
}
.close-btn__inner span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(135deg);
    transform-origin: center center;
    transition: transform .2s ease;
}
.c-product-modal__body {
    padding: 5.0rem 6.0rem;
}
.c-product-modal__brand-category {
    font-size: 1.6rem;
    margin-bottom: 1.0rem;
}
.c-product-modal__product-name {
    margin-bottom: 3.0rem;
    font-size: 1.8rem;
}
.c-product-modal__price-label {
    display: block;
    min-width: 12rem;
    width: fit-content;
    padding: .4rem 1.0rem .5rem 1.0rem;
    color: white;
    font-size: 1.6rem;
    letter-spacing: .1em;
    border-radius: .4rem;
    text-align: center;
}
.c-product-modal__option-list {
    display: flex;
    flex-direction: column;
    gap: 2.0rem;
}
/* ================================================ c-product-modal__option-row */
.c-product-modal__option-row {
    display: flex;
    align-items: center;
    letter-spacing: 0.075em;
}

.c-product-modal__price-label-area {
    margin-left: 1.5rem;
    display: flex;
    align-items: baseline;
    font-size: 1.6rem;
    letter-spacing: .075em;
    gap: 1rem;
    border-radius: .4rem;
    padding: .4rem 2rem .5rem 2rem;
}
.c-product-modal__value-area {
    margin-left: 1.5rem;
    display: flex;
    gap: 0.1rem;
    align-items: baseline;
    font-weight: 500;
    font-size: 1.6rem;
}
.c-product-modal__price-value {
    font-size: 2.4rem;
}
.c-product-modal__button-area {
    margin-left: auto;
}


.c-product-modal__purchase-btn {
    display: block;
    font-size: 1.6rem;
    color: white;
    padding: 1.3rem;
    border-radius: 9999px;
    text-align: center;
    min-width: 24rem;
    border: 1px solid transparent;
     transition: all .3s ease;
}
.c-product-modal__price-label--num {
    font-size: 2.2rem;
}
.c-product-modal__price-label--num-lg {
    font-size: 2.4rem;
    font-weight: 500;
}
.c-product-modal__discount-percent {
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .itemInfo {
        margin-bottom: calc(40*(100vw/750));
    }
    .c-product-modal__wrapper {
        width: calc(690*(100vw/750));
        max-height: 90vh; 
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; /* iOSでスムーズスクロール */
    }
    .c-product-modal__body {
        padding: calc(50*(100vw/750)) calc(60*(100vw/750));
    }
    .c-product-modal__title {
        padding-left: calc(30*(100vw/750));
        font-size: calc(32*(100vw/750));
    }
    .c-product-modal__close-btn {
        width: calc(98*(100vw/750));
        height: calc(98*(100vw/750));
    }
    .close-btn__inner span {
        width: calc(50*(100vw/750));
        height: calc(4*(100vw/750));
    }
    .c-product-modal__brand-category {
        font-size: calc(24*(100vw/750));
        margin-bottom: calc(15*(100vw/750));
    }
    .c-product-modal__product-name {
        font-size: calc(30*(100vw/750));
        margin-bottom: calc(40*(100vw/750));
    }
    .c-product-modal__option-list {
        gap: calc(30*(100vw/750));
        flex-direction: column;
    }
    .c-product-modal__price-label {
        font-size: calc(26*(100vw/750));
        min-width:calc(190*(100vw/750));
        padding:calc(6*(100vw/750)) calc(10*(100vw/750)) calc(7*(100vw/750)) calc(10*(100vw/750));
    }
    .c-product-modal__option-row {
        flex-wrap: wrap;
    }
    .c-product-modal__value-area {
        margin-left:calc(20*(100vw/750));
        font-size:calc(26*(100vw/750));
    }
    .c-product-modal__price-value {
        font-size:calc(48*(100vw/750));
    }
    .c-product-modal__button-area {
        width: 100%;
        margin-top:calc(20*(100vw/750));
        margin-left: 0;
    }
    .c-product-modal__purchase-btn {
        padding:calc(23*(100vw/750));
        font-size:calc(30*(100vw/750));
        width: 100%;
        min-width: auto;
    }
    .c-product-modal__price-label-area {
        width: 100%;
        margin-top:calc(15*(100vw/750));
        margin-left: 0;
        padding: calc(6*(100vw/750)) calc(20*(100vw/750)) calc(8*(100vw/750)) calc(20*(100vw/750));
        font-size:calc(26*(100vw/750));
        gap:calc(18*(100vw/750));
        justify-content: center;
    }
    .c-product-modal__price-label--num {
        font-size:calc(38*(100vw/750));
    }
    .c-product-modal__price-label--num-lg {
        font-size:calc(38*(100vw/750));
    }
    .sectionProductList .itemListBox ul.itemList > li .itemInfo .name {
        margin-bottom: calc(30*(100vw/750));
    }
}

/* ============================================================================================ 通常価格 / 毎月便価格 / 3ヶ月便価格 色の出しわけ */
/* ------------------------------------------ c-product-modal__price-label color chart */
.c-product-modal__option-row--normal .c-product-modal__price-label { background-color: #999999; }
.c-product-modal__option-row--monthly .c-product-modal__price-label { background-color: #81D5CD; }
.c-product-modal__option-row--quarterly .c-product-modal__price-label { background-color: #F48E83; }

/* ------------------------------------------ c-product-modal__purchase-btn color chart */
.c-product-modal__option-row--normal .c-product-modal__purchase-btn { background-color:#999999; }
.c-product-modal__option-row--monthly .c-product-modal__purchase-btn { background-color:#81D5CD; }
.c-product-modal__option-row--quarterly .c-product-modal__purchase-btn { background-color:#F98E83; }

/* ------------------------------------------ c-product-modal__value-area color chart */
.c-product-modal__option-row--monthly .c-product-modal__value-area { color: #42BCB0; }
.c-product-modal__option-row--quarterly .c-product-modal__value-area { color: #F98E83; }
.c-product-modal__price-yen {
    font-size: 1.6rem;
}
/* ------------------------------------------ c-product-modal__price-label-area color chart */
.c-product-modal__option-row--monthly .c-product-modal__price-label-area { background-color: rgb(129, 213, 205, 0.15); }
.c-product-modal__option-row--quarterly .c-product-modal__price-label-area { background-color: rgb(249, 142, 131, 0.15); }


/* ------------------------------------------ c-product-modal__discount-percent / c-product-modal__price-label--num-lg color chart */
.c-product-modal__option-row--monthly .c-product-modal__discount-percent,
.c-product-modal__option-row--monthly .c-product-modal__price-label--num-lg {
    color: #42BCB0;
}
.c-product-modal__option-row--quarterly .c-product-modal__discount-percent,
.c-product-modal__option-row--quarterly .c-product-modal__price-label--num-lg {
    color: #F98E83;
}


/* ============================================================================================ hover */
@media (hover: hover) and (pointer: fine) {
    .c-product-modal__close-btn:hover {
        opacity: .6;
    }
    .c-product-list__modal-trigger:hover {
        opacity: .6;
    }
    .c-product-modal__purchase-btn:hover {  opacity: .6; }
}


/* ============================================================================================ magnific modal popup */
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
  }
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.4;
  }
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s ease-out;
  }
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    transform: translateY(0);
  }
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: translateY(30px);
  }
  .c-product-list__modal-trigger {
    display: block;
    margin: auto auto 0 auto;
    color: white;
    background-color: #81D5CD;
    border-radius: 9999px;
    width: 24rem;
    text-align: center;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.6rem;
    align-self: center;
    border: 1px solid #81D5CD;
    transition: all .5s ease;
    letter-spacing: 0.16em;
  }

  @media screen and (max-width: 767px){
    .c-product-list__modal-trigger {
        margin-top: auto;
        width: calc(305*(100vw/750));
        height: calc(100*(100vw/750));
        font-size: calc(30*(100vw/750));
        line-height:calc(100*(100vw/750));
    }
    .mfp-no-scroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
  }