/*=============================
    ページ共通
==============================*/
#Wrap{
    width: 100%;
}
#Contents{
    margin: 0;
}
#Header{
    /*display: none;*/
}

#productlist img{
    width: 100%;
}
#js-junkoshimada-pagetop-area{display: none;}
#Foot .footer__inner {padding-top: 0;}
/*
    #productlist
*/
#productlist{
    font-family: var(--hirakaku);
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto 80px;
}
#Foot .summaryText__logo, #Foot .footer__description-text {display: none;}
@media screen and (max-width: 767px){
    #productlist{
        padding: 0;
        margin: 0 auto calc(48 * (100vw / 375));
    }
}

#breadcrumb .breadcrumb__list-item:first-child .breadcrumb__separator{
    display: none;
}
/*=============================
    タイトルエリア
==============================*/
#productlist .productlist__ttlBox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 2.8rem;
}
#productlist .productlist__ttlBox-ttl{
    padding-left: 30px;
    font-size: 18px;
    letter-spacing: 0;
    word-break: break-all;
}

@media screen and (max-width: 767px){
    #productlist .productlist__ttlBox{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 0 calc(10 * (100vw / 375));
        margin-top: calc(15 * (100vw / 375));
    }
    #productlist .productlist__ttlBox-ttl{
        padding-left: 0;
        margin-bottom: calc(6 * (100vw / 375));
        font-size: calc(18 * (100vw / 375));
        line-height: 1.5;
    }
}

/*
    .productlist__itemWrap
*/
#productlist .productlist__itemWrap{
    margin-bottom: 80px;
}
#productlist .productlist__itemCnt{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 13px auto 60px;
}

@media screen and (max-width: 767px){
    #productlist .productlist__itemWrap{
        margin-bottom: calc(50 * (100vw / 375));
    }
    #productlist .productlist__itemCnt{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: calc(16 * (100vw / 375)) auto calc(48 * (100vw / 375));
    }
}

/*=============================
    ソートボックスエリア
==============================*/
#productlist .productlist__itemBox-sortBox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 21.5px;
    padding-bottom: 19.5px;
    gap: 10px;
    border-bottom: 1px solid var(--aria);
}
/*
    #sortBoxArea
*/
#productlist #sortBoxArea{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    width: calc(100% - 52px);
}
#productlist #sortBoxArea .sortBox{
    position: relative;
    width: 100%;
    max-width: 130px;
    margin-right: 10px;
}
#productlist #sortBoxArea .sortTtl{
    position: relative;
    padding: 11px 9px;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 300;
    border: 1px solid var(--dhusar-grey);
    border-radius: 4px;
    cursor: pointer;
}
#productlist #sortBoxArea .sortTtl::after{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 6px;
    margin: auto;
    width: 13px;
    height: 7px;
    background: url(../../../Contents/ImagesPkg/product/sortarrow.png) center center / cover no-repeat;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
#productlist #sortBoxArea .sortTtl.open::after{
    -webkit-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
            transform: rotateX(180deg);
}
#productlist #sortBoxArea .sortCnt{
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 1;
    display: none;
    width: 100%;
    border-right: 1px solid var(--dhusar-grey);
    border-bottom: 1px solid var(--dhusar-grey);
    border-left: 1px solid var(--dhusar-grey);
    background-color: var(--white);
    border-radius: 0 0 4px 4px;
}
#productlist #sortBoxArea .sortlist li a{
    display: block;
    padding: 11px 9px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.2;
}
#productlist #sortBoxArea .sortlist li.active{
    padding: 11px 9px;
    font-size: 13px;
    line-height: 1.2;
    background-color: var(--white-solid);
}
#productlist #sortBoxArea .productlist__fku-select{
    margin-left: auto;
}
#productlist #sortBoxArea .productlist__fku-select .c-form__input--check{
    font-size: 14px;
}
#productlist #sortBoxArea .productlist__fku-select .c-form__input--check label{
    padding-left: 22px;
}
.btn_changeList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 52px;
    height: 21px;
    margin: 0 auto;
}
#productlist .btn__multi,
#productlist .btn__single {
    width: 21px;
    height: 21px;
    cursor: pointer;
}
#productlist .btn__multi span,
#productlist .btn__single span {
    display: block;
    background: var(--aria);
    opacity: .4;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#productlist .btn__multi:hover span,
#productlist .btn__multi:hover span::after,
#productlist .btn__single:hover span,
#productlist .btn__single:hover span::before,
#productlist .btn__single:hover span::after {
    background: var(--black);
}
#productlist .btn__multi,
#productlist .btn__single {
    position: relative;
}
#productlist .btn__multi span {
    display: block;
    width: 10px;
    height: 10px;
}
#productlist .btn__multi span:first-child {
    margin-bottom: 1px;
}
#productlist .btn__multi span::after {
    content: "";
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    background:var(--aria);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#productlist .btn__single span {
    display: block;
    width: 6.3px;
    height: 6.3px;
    margin: 0 auto;
}
#productlist .btn__single span:first-child,
#productlist .btn__single span:nth-child(2) {
    margin-bottom: 1.1px;
}
#productlist .btn__single span::before,
#productlist .btn__single span::after {
    content: "";
    position: absolute;
    right: 0;
    width: 6.3px;
    height: 6.3px;
    background:var(--aria);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#productlist .btn__single span::before{
    left: 0;
}
#multi:checked ~ .productlist__itemBox-sortBox .btn_changeList .btn__multi {
    cursor: default;
}
#multi:checked ~ .productlist__itemBox-sortBox .btn_changeList .btn__multi span {
    background: var(--black);
    opacity: 1;
}
#multi:checked ~ .productlist__itemBox-sortBox .btn_changeList .btn__multi span::after {
    background: var(--black);
    opacity: 1;
}
#single:checked ~ .productlist__itemBox-sortBox .btn_changeList .btn__single {
    cursor: default;
}
#single:checked ~ .productlist__itemBox-sortBox .btn_changeList .btn__single span,
#single:checked ~ .productlist__itemBox-sortBox .btn_changeList .btn__single span::before,
#single:checked ~ .productlist__itemBox-sortBox .btn_changeList .btn__single span::after {
    background: var(--black);
    opacity: 1;
}
#productlist .c-radio{
    display: none;
}

@media screen and (max-width: 767px){
    #productlist .productlist__itemBox-sortBox{
        margin-bottom: calc(20 * (100vw / 375));
        padding: 0 calc(10 * (100vw / 375));
        padding-bottom: 0;
        border-bottom: none;
    }
    /*
        #sortBoxArea
    */
    #productlist #sortBoxArea .sortBox{
        max-width: calc(124 * (100vw / 375));
        margin: 0 0 0 calc(6 * (100vw / 375));
    }
    #productlist #sortBoxArea .sortTxt{
        font-size: calc(13 * (100vw / 375));
        letter-spacing: 0;
    }
    #productlist #sortBoxArea .sortBox.stock,
    #productlist #sortBoxArea .sortBox.displayNum{
        display: none
    }

    #productlist #sortBoxArea .sortTtl{
        padding: calc(13 * (100vw / 375)) calc(6 * (100vw / 375));
        font-size: calc(13 * (100vw / 375));
    }
    #productlist #sortBoxArea .sortTtl::after{
        width: calc(12 * (100vw / 375));
        height: calc(7 * (100vw / 375));
    }
    #productlist #sortBoxArea .sortCnt{
        top: calc(38 * (100vw / 375));
    }
    #productlist #sortBoxArea .sortlist li a{
        padding: calc(11 * (100vw / 375)) calc(9 * (100vw / 375));
        font-size: calc(13 * (100vw / 375));
    }
    #productlist #sortBoxArea .sortlist li.active{
        padding: calc(11 * (100vw / 375)) calc(9 * (100vw / 375));
        font-size: calc(13 * (100vw / 375));
    }
    #productlist #sortBoxArea .productlist__fku-select{
        margin-left: calc(6 * (100vw / 375));
    }
    #productlist #sortBoxArea .productlist__fku-select .c-form__input--check{
        font-size: calc(12 * (100vw / 375));
    }
    #productlist #sortBoxArea .productlist__fku-select .c-form__input--check label{
        padding-left: calc(22 * (100vw / 375));
    }
    .btn_changeList {
        width: calc(52 * (100vw / 375));
        height: calc(21 * (100vw / 375));
    }
    #productlist .btn__multi,
    #productlist .btn__single {
        width: calc(21 * (100vw / 375));
        height: calc(21 * (100vw / 375));
    }
    #productlist .btn__multi span {
        width: calc(10 * (100vw / 375));
        height: calc(10 * (100vw / 375));
    }
    #productlist .btn__multi span::after {
        width: calc(10 * (100vw / 375));
        height: calc(10 * (100vw / 375));
    }
    #productlist .btn__single span {
        width: calc(6.3 * (100vw / 375));
        height: calc(6.3 * (100vw / 375));
    }
    #productlist .btn__single span::before,
    #productlist .btn__single span::after {
        width: calc(6.3 * (100vw / 375));
        height: calc(6.3 * (100vw / 375));
    }
}

/*=============================
    アドバンスサーチボックス
==============================*/
/*
    .productlist__searchWrap
*/
#productlist .productlist__searchWrap{
    width: 100%;
    max-width: 190px;
}
#productlist .dvProductAdvancedSearch{
    margin: 0 auto;
}
#productlist .sort-freeword{
    margin-bottom: 35px;
}
#productlist .freewordBox{
    width: 100%;
    padding: 10px;
    font-size: 10px;
    letter-spacing: 0;
    border: 1px solid var(--dhusar-grey);
    border-radius: 4px;
}
#productlist .sortBlk{
    margin-bottom: 38px;
}
#productlist .sortBlk.sort-freeword{
    margin-bottom: 18px;
}
#productlist .sortBlk.sort-bland{
    margin-bottom: 16px;
}
#productlist .sortBlk .sort-ttl{
    font-size: 14px;
    letter-spacing: 0;
    padding-bottom: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--dhusar-grey);
}
#productlist .sortBlk.sort-category .sort-ttl,
#productlist .sortBlk.sort-off .sort-ttl{
    margin-bottom: 0;
}
#productlist .sortBlk.sort-bland .sort-ttl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 22px;
}
#productlist .sortBlk .blabd-ttl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 22px;
    margin-top: 22px;
    font-size: 13px;
    letter-spacing: 0;
    color: #2998c3;
    cursor: pointer;
}
#productlist .sortBlk .blabd-ttl::after{
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    margin-left: 37px;
    background: url(../../../Contents/ImagesPkg/product/seach_category_arrow.png) center center / cover no-repeat;
}
#productlist .sortBlk .sort-subttl{
    font-size: 12px;
}
#productlist .sortBlk .sortlist > li,
#productlist .sortBlk.sort-bland .sortlist > li .sortinput,
#productlist .sortBlk .__off table tr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#productlist .sortBlk .sortlist li:not(:last-of-type),
#productlist .sortBlk .__off table tr:not(:last-of-type){
    margin-bottom: 16px;
}
#productlist .sortBlk .sortlist.__cate-main li.cate_2ttl:not(:last-of-type){
    margin-bottom: 0;
}
#productlist .sortBlk.sort-Btn .sortlist li:not(:last-of-type){
    margin-bottom: 11px;
}
#productlist .sortBlkCnt{
    position: relative;
}
#productlist .sortBlk .sortlist .colorImg{
    display: inline-block;
    width: 16px;
    height: 16px;
}
#productlist .sortBlk .sortinput,
#productlist .sortBlk.sort-bland .sortinput input,
#productlist .sortBlk .__off input{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 15px;
    border: 1px solid var(--aria);
    border-radius: 50%;
    background-color: var(--white);
}
#productlist .sortBlk.sort-bland .sortinput{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border: none;
}
#productlist .sortBlk .sortinput[type="radio"]::after,
#productlist .sortBlk .__off input[type="radio"]::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
#productlist .sortBlk .sortinput[type="radio"]:checked::after,
#productlist .sortBlk .__off input[type="radio"]:checked::after {
    background-color: var(--major-blue);
}
#productlist .sortBlk .sortlabel,
#productlist .sortBlk.sort-bland .sortinput label,
#productlist .sortBlk .__off label{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 31px);
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.2;
}
#productlist .sortBlk.sort-bland .sortinput label{
    width: 100%;
}
#productlist .sortBlk.sort-color .sortlabel{
    width: calc(100% - 31px);
    padding-right: 18px;
}
#productlist .sort-price .sort-price_Box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    letter-spacing: 0;
}
#productlist .sort-price .sort-price_Box .price-lower{
    width: 66px;
    padding: 10px;
    margin-right: 5px;
    font-size: 13px;
    letter-spacing: 0;
    border: 1px solid var(--dhusar-grey);
    border-radius: 4px;
}
#productlist .sort-price .sort-price_Box .price-lower.priceMax{
    margin-left: 5px;
}
#productlist .sort_search_btn{
    width: 100%;
    padding: 13px 0;
    font-size: 13px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 4px;
}
#productlist .sort_search_btn.start_act{
    color: var(--white);
    background-color: var(--black);
}
#productlist .sort_search_btn.reset_act{
    border: 1px solid var(--dhusar-grey);
}
#productlist .catelist .cate_2ttl .accordion_ttl{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 18px 15px 0;
    border-bottom: 1px solid #eaeaea;
    font-size: 13px;
    letter-spacing: 0;
}
#productlist .catelist .cate_2ttl .accordion_icon{
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
}
#productlist .catelist .cate_2ttl .accordion_icon::before,
#productlist .catelist .cate_2ttl .accordion_icon::after{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--black);
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
#productlist .catelist .cate_2ttl .accordion_icon::after{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
#productlist .catelist .cate_2ttl .accordion_icon.active::after{
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
/* for postback */
#productlist .sort-category .catelist .cate_2ttl .accordion_icon.pb::before,
#productlist .sort-category .catelist .cate_2ttl .accordion_icon.pb::after {
    transform: unset!important;
    transition: unset!important;
}
#productlist .catelist .__cate-sub{
    display: none;
    padding: 16px 6px 19px 15px;
    border-bottom: 1px solid #eaeaea;
    background-color: var(--white-solid);
}
#productlist .sortlist.__bland{
    display: none;
    position: absolute;
    top: 29px;
    left: 220px;
    z-index: 1;
    width: 100%;
    max-width: 220px;
    background-color: #fff;
    border: 1px solid var(--dhusar-grey);
}
#productlist .sortBlk .sortlist.__bland li{
    margin-bottom: 0;
}
#productlist .sortlist.__bland .sortinput input{
    display: none;
}
#productlist .sortlist.__bland label{
    width: 100%;
    padding: 16px 15px;
}
#productlist .sortlist.__bland .sortinput input[type="checkbox"]:checked ~ label{
    background-color: var(--white-solid);
}
#productlist .sortBlk.sort-bland .sortmodal_2nd .sort-select{
    position: relative;
    display: block;
    width: 100%;
    padding: 14px 40px 14px 10px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.5;
    border-radius: 4px;
    background-color: var(--white-solid);
}
#productlist .sortBlk.sort-bland .sortmodal_2nd .sort-select:not(:last-of-type){
    margin-bottom: 2px;
}
#productlist .sortBlk.sort-bland .sortmodal_2nd .sort-select::after{
    content: '';
    position: absolute;
    top: 14px;
    right: 13px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../../Contents/ImagesPkg/product/brand_cancel.png) center center / contain no-repeat;
    cursor: pointer;
}
.sort-bland .sort-select-list .sort-select .propfalse {
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 25px;
    height: 25px;
    z-index: 1;
}

@media screen and (max-width: 767px){
    html.open{
        overflow: hidden;
    }
    #productlist .productlist__searchWrap{
        max-width: 100%;
        margin-bottom: calc(16.7 * (100vw / 375));
        padding: 0 calc(10 * (100vw / 375));
    }
    #productlist .productlist__searchWrap .sort_modalBtn{
        padding: calc(15 * (100vw / 375)) 0;
        font-size: calc(13 * (100vw / 375));
        letter-spacing: 0;
        color: var(--white);
        text-align: center;
        background-color: var(--dhusar-grey);
        border-radius: 4px;
    }
    #productlist .dvProductAdvancedSearch{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        background: var(--white);
        opacity: 0;
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s;
    }
    #productlist .dvProductAdvancedSearch.open{
        opacity: 1;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    #productlist .dvProductAdvancedSearch__inner {
        width: 100%;
        height: 100vh;
        /* padding-bottom: calc(100 * (100vw / 375)); */
        background-color: var(--white);
        overflow-y: scroll;
    }
    /* for postback */
    #productlist .dvProductAdvancedSearch.pb {
        transform: unset;
        transition: unset;
        left: -100%;
    }
    #productlist .dvProductAdvancedSearch.pb.open {
        transform: unset;
        transition: unset;
        opacity: 1;
        left: 0;
    }
    #productlist .dvProductAdvancedSearch.stop{
        overflow: hidden;
    }
    #productlist .sortmodal_ttl{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: calc(16 * (100vw / 375)) calc(17 * (100vw / 375)) calc(16 * (100vw / 375)) calc(10 * (100vw / 375));
        font-size: calc(12 * (100vw / 375));
        letter-spacing: 0;
        background-color: var(--aria);
    }
    #productlist .sortmodal_close{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    #productlist .sortmodal_close .batu{
        position: relative;
        display: inline-block;
        margin-right: calc(6 * (100vw / 375));
        width: calc(13 * (100vw / 375));
        height: calc(13 * (100vw / 375));
    }
    #productlist .sortmodal_close .batu::before,
    #productlist .sortmodal_close .batu::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: block;
        width: 100%;
        height: 1px;
        background-color: var(--black);
    }
    #productlist .sortmodal_close .batu::before{
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg)
    }
    #productlist .sortmodal_close .batu::after{
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
    }
    #productlist .sort-freeword{
        margin-bottom: 0;
    }
    #productlist .freewordBox{
        width: calc(240 * (100vw / 375));
        padding: calc(13 * (100vw / 375));
        font-size: calc(13 * (100vw / 375));
    }
    #productlist .sortBlk{
        margin-bottom: 0;
        border-bottom: 1px solid #EAEAEA;
    }
    #productlist .sortBlk.sort-Btn{
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 101;
        padding: calc(15 * (100vw / 375)) 0;
        width: 100%;
        margin: auto;
        background-color: var(--white);
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
        opacity: 0;
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s;
    }
    #productlist .sortBlk.sort-Btn.open{
        display: block;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
    /* for postback */
    #productlist .sortBlk.sort-Btn.pb {
        transform: unset;
        transition: unset;
        left: -100%;
    }
    #productlist .sortBlk.sort-Btn.pb.open {
        transform: unset;
        transition: unset;
        opacity: 1;
        left: 0;
    }
    #productlist .sortBlkCnt{
        width: 100%;
        padding: 0 calc(10 * (100vw / 375));
    }
    #productlist .sort-freeword .sortBlkCnt,
    #productlist .sort-price .sortBlkCnt{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: calc(21 * (100vw / 375)) calc(10 * (100vw / 375));
    }
    #productlist .sort-color .sortBlkCnt,
    #productlist .sort-stock .sortBlkCnt{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: calc(21 * (100vw / 375)) calc(10 * (100vw / 375));
    }
    #productlist .sortBlk.sort-freeword{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #productlist .sortBlk .sort-ttl{
        position: relative;
        font-size: calc(14 * (100vw / 375));
        padding: calc(21 * (100vw / 375)) 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    #productlist .sortBlk.sort-freeword .sort-ttl{
        padding: 0;
    }
    #productlist .sort-color .sortBlkCnt .sort-ttl{
        width: calc(100% - calc(232 * (100vw / 375)));
        padding: calc(4 * (100vw / 375)) 0 0 0;
    }
    #productlist .sort-price .sortBlkCnt .sort-ttl,
    #productlist .sort-stock .sortBlkCnt .sort-ttl{
        width: calc(100% - calc(258 * (100vw / 375)));
        padding: 0;
    }
    #productlist .sort-stock .sortBlkCnt .sort-ttl{
        padding-top: calc(13 * (100vw / 375));
    }
    #productlist .sort-price .sortBlkCnt .sort-ttl .sp_only{
        display: none
    }
    #productlist .sortBlk .sort-ttl .sort-ttl_arrow{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
        width: calc(13 * (100vw / 375));
        height: calc(7 * (100vw / 375));
        background: url(../../../Contents/ImagesPkg/product/sortarrow.png) center center / cover no-repeat;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    #productlist .sortBlk.sort-category .sort-ttl,
	#productlist .sortBlk.sort-off .sort-ttl,
    #productlist .sortBlk.sort-bland,
    #productlist .sortBlk.sort-freeword{
        margin-bottom: 0;
    }
    #productlist .sortBlk.sort-bland .sort-ttl,
    #productlist .sortBlk.sort-category .sort-ttl,
    #productlist .sortBlk.sort-type .sort-ttl,
    #productlist .sortBlk.sort-off .sort-ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 0;
    }
    #productlist .sortBlk.sort-bland .sort-ttl .sort-select,
    #productlist .sortBlk.sort-category .sort-ttl .sort-select,
    #productlist .sortBlk.sort-type .sort-ttl .sort-select,
    #productlist .sortBlk.sort-off .sort-ttl .sort-select {
        width: calc(270 * (100vw / 375));
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        padding-right: calc(20 * (100vw / 375));
    }
    #productlist .sortBlk .sort-subttl{
        font-size: calc(12 * (100vw / 375));
    }
    #productlist .sortBlk .sortlist .cate_3ttl:not(:last-of-type){
        border-bottom: 1px solid #eaeaea;
    }
    #productlist .sortBlk .sortlist.__color{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: calc(232 * (100vw / 375));
    }
    #productlist .sortBlk .sortlist.__type li,
    #productlist .sortBlk .sortlist.__bland li,
	#productlist .sortBlk .__off table tr{
        border-bottom: 1px solid #eaeaea;
    }
	#productlist .sortBlk .__off table tr td {
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
    #productlist .sortBlk .sortlist li:not(:last-of-type),
	#productlist .sortBlk .__off table tr:not(:last-of-type){
        margin-bottom: 0;
    }
    #productlist .sortBlk .sortlist.__color li:not(:nth-of-type(6n)){
        margin-right: calc(15 * (100vw / 375));
    }
    #productlist .sortBlk .sortlist.__color li:nth-of-type(n+7){
        margin-top: calc(9 * (100vw / 375));
    }
    #productlist .sortBlk .sortlist.__stock li:not(:nth-of-type(2n)){
        margin-right: calc(8 * (100vw / 375));
    }
    #productlist .sortBlk .sortlist.__stock li:nth-of-type(n+3){
        margin-top: calc(8 * (100vw / 375));
    }
    #productlist .sortBlk.sort-Btn .sortlist li:not(:last-of-type){
        margin-bottom: 0;
    }
    #productlist .sortBlk .sortlist .colorImg{
        width: calc(26 * (100vw / 375));
        height: calc(26 * (100vw / 375));
    }
    #productlist .sortBlk.sort-color .sortinput[type="radio"]:checked ~ .sortlabel::after{
        content: '';
        position: absolute;
        top: calc(-3 * (100vw / 375));
        left: calc(-3 * (100vw / 375));
        display: block;
        width: calc(32 * (100vw / 375));
        height: calc(32 * (100vw / 375));
        border: 2px solid #5a5a5a;
    }
    #productlist .sortBlk .sortinput,
    #productlist .sortBlk.sort-bland .sortinput input,
	#productlist .sortBlk .__off input{
        width: calc(20 * (100vw / 375));
        height: calc(20 * (100vw / 375));
        margin: 0 calc(15 * (100vw / 375)) 0 calc(14 * (100vw / 375));
    }
    #productlist .sortBlk .__off input {
        flex-shrink: 0;
    }
    #productlist .sortBlk.sort-color .sortinput,
    #productlist .sortBlk.sort-stock .sortinput,
    #productlist .sortBlk .blabd-ttl,
    #productlist .sortBlk.sort-color .sortlabel .color_txt{
        display: none
    }
    #productlist .sortBlk .sortinput[type="radio"]::after,
	#productlist .sortBlk .__off input[type="radio"]::after{
        width: calc(8 * (100vw / 375)) !important;
        height: calc(8 * (100vw / 375)) !important;
    }
    [data-dcrval] {
        display: none;
    }
    #productlist .sortBlk .sortlabel,
    #productlist .sortBlk.sort-bland .sortinput label,
	#productlist .sortBlk .__off label{
        width: calc(100% - calc(49 * (100vw / 375)));
        padding: calc(20 * (100vw / 375)) 0;
        font-size: calc(13 * (100vw / 375));
    }
    #productlist .sortBlk .__off label {
        flex-grow: 1;
    }
    #productlist .sortBlk.sort-stock .sortlabel,
    #productlist .sortBlk.sort-color .sortlabel{
        position: relative;
        width: auto;
        padding: 0;
    }
    #productlist .sortBlk.sort-stock .sortlabel{
        display: block;
        width: calc(125 * (100vw / 375));
        padding: calc(12 * (100vw / 375)) 0;
        text-align: center;
        background-color: var(--white);
        border: 1px solid var(--dhusar-grey);
        border-radius: 4px;
    }
    #productlist .sortBlk.sort-stock .sortinput:checked ~ .sortlabel{
        background-color: var(--aria);
    }
    #productlist .sort-price .sort-price_Box,
    #productlist .sortBlk .sortlist.__stock{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: calc(258 * (100vw / 375));
        font-size: calc(13 * (100vw / 375));
    }
    #productlist .sort-price .sort-price_Box .price-lower{
        width: calc(100 * (100vw / 375));
        padding: calc(14 * (100vw / 375)) calc(20 * (100vw / 375));
        margin-right: calc(5 * (100vw / 375));
        font-size: calc(13 * (100vw / 375));
        text-align: right;
    }
    #productlist .sort-price .sort-price_Box .price-lower.priceMax{
        margin-left: calc(10 * (100vw / 375));
    }
    #productlist .sortlist.__Btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
    #productlist .sort_search_btn{
        width: calc(172.5 * (100vw / 375));
        padding: calc(16 * (100vw / 375)) 0;
        font-size: calc(13 * (100vw / 375));
    }
    #productlist .catelist .cate_2ttl .accordion_ttl{
        padding: calc(20 * (100vw / 375)) calc(10 * (100vw / 375)) calc(20 * (100vw / 375)) calc(17 * (100vw / 375));
        font-size: calc(14 * (100vw / 375));
    }
    #productlist .catelist .cate_2ttl .accordion_icon{
        width: calc(12 * (100vw / 375));
        height: calc(12 * (100vw / 375));
    }
    #productlist .catelist .__cate-sub{
        padding: 0;
    }
    #productlist .sortmodal_2nd{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s;
    }
    #productlist .sortmodal_2nd.open{
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    #productlist .dvProductAdvancedSearch.pb .sortmodal_2nd {
        transform: unset;
        transition: unset;
        left: -100%;
    }
    #productlist .dvProductAdvancedSearch.pb .sortmodal_2nd.open {
        transform: unset;
        transition: unset;
        left: 0;
    }
    #productlist .sortmodal_2nd .sortmodal_2nd_ttl{
        position: relative;
        padding: calc(22 * (100vw / 375)) 0;
        font-size: calc(15 * (100vw / 375));
        letter-spacing: 0;
        text-align: center;
        border-bottom: 1px solid var(--dhusar-grey);
    }
    #productlist .sortmodal_2nd .sortmodal_2nd_ttl .sort-back{
        position: absolute;
        top: 50%;
        left: calc(30 * (100vw / 375));
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: calc(12 * (100vw / 375));
    }
    #productlist .sortmodal_2nd .sortmodal_2nd_ttl .sort-back_arrow{
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: calc(-19 * (100vw / 375));
        margin: auto;
        width: calc(13 * (100vw / 375));
        height: calc(7 * (100vw / 375));
        background: url(../../../Contents/ImagesPkg/product/sortarrow.png) center center / cover no-repeat;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    #productlist .sortlist.__bland,
    #productlist .catelist.__cate-main,
    #productlist .sortlist.__type{
        display: block;
        position: static;
        max-width: 100%;
        height: 100vh;
        /* padding-bottom: calc(150 * (100vw / 375)); */
        border: none;
        overflow-y: scroll;
    }
	#productlist .sortBlk .__off table{
		position: static;
		max-width: 100%;
		width: 100%;
		height: 100vh;
		padding-bottom: calc(150 * (100vw / 375));
		border: none;
		overflow-y: scroll;
	}
    #productlist .sortBlk .sortlist.__bland li{
        padding: 0 calc(14 * (100vw / 375));
    }
    #productlist .sortlist.__bland input{
        display: block;
    }
    #productlist .sortlist.__bland label{
        padding: calc(18 * (100vw / 375)) 0;
        width: calc(100% - calc(77 * (100vw / 375)))
    }
    #productlist .sortlist.__bland .sortinput input{
        display: block
    }
    #productlist .sortlist.__bland .sortinput input[type="checkbox"]:checked{
        background: url(../../../Contents/ImagesPkg/common/input_check.png) center center / 60% no-repeat var(--major-blue);
    }
    #productlist .sortlist.__bland .sortinput input[type="checkbox"]:checked ~ label{
        background-color: #fff;
    }
    #productlist .sortBlk.sort-bland .sortmodal_2nd .sort-select{
        display: none;
    }
}

/*=============================
    アイテムエリア
==============================*/
/*
    .productlist__itemBox
*/
#productlist .productlist__itemBox{
    width: 100%;
    max-width: calc(100% - 190px);
    padding-left: 30px;
}
#productlist .productlist__itemArea{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#productlist #single:checked ~ .productlist__itemArea .productList_itemImgBox{
    width: calc((100% - 60px) / 4);
    margin: 0 20px 22px 0;
}
#productlist #single:checked ~ .productlist__itemArea .productList_itemImgBox:nth-of-type(4n){
    margin-right: 0;
}
#productlist #multi:checked ~ .productlist__itemArea .productList_itemImgBox{
    width: calc((100% - 44px) / 3);
    margin: 0 20px 22px 0;
}
#productlist #multi:checked ~ .productlist__itemArea .productList_itemImgBox:nth-of-type(3n){
    margin-right: 0;
}
#productlist .productlist__itemArea .productList_itemImg{
    position: relative;
    margin-bottom: 7px;
}
#productlist .productlist__itemArea .productList_itemImg img{
    aspect-ratio: 5 / 6;
    object-fit: cover;
}

@media screen and (max-width: 767px){
    #productlist .productlist__itemBox{
        max-width: 100%;
        padding-left: 0;
    }
    #productlist .productlist__itemArea{
        padding: 0 calc(5 * (100vw / 375));
    }
    #productlist #single:checked ~ .productlist__itemArea .productList_itemImgBox{
        width: calc((100% - calc(10.4 * (100vw / 375))) / 3);
        margin: 0 calc(5.2 * (100vw / 375)) calc(18 * (100vw / 375)) 0;
    }
    #productlist #single:checked ~ .productlist__itemArea .productList_itemImgBox:nth-of-type(4n){
        margin-right: calc(5.2 * (100vw / 375));
    }
    #productlist #single:checked ~ .productlist__itemArea .productList_itemImgBox:nth-of-type(3n){
        margin-right: 0;
    }
    #productlist #multi:checked ~ .productlist__itemArea .productList_itemImgBox{
        width: calc((100% - calc( 5* (100vw / 375))) / 2);
        margin: 0 calc(5 * (100vw / 375)) calc(21 * (100vw / 375)) 0;
    }
    #productlist #multi:checked ~ .productlist__itemArea .productList_itemImgBox:nth-of-type(3n){
        margin-right: calc(5 * (100vw / 375));
    }
    #productlist #multi:checked ~ .productlist__itemArea .productList_itemImgBox:nth-of-type(2n){
        margin-right: 0;
    }
    #productlist .productlist__itemArea .productList_itemImg{
        margin-bottom: calc(2 * (100vw / 375));
    }
    .noProduct {
        margin-top: calc(40 * (100vw / 375));
        margin-bottom: calc(30 * (100vw / 375));
        padding: 0 calc(10 * (100vw / 375));
        text-align: center;
    }
}

/*
    .productlist__itemInfo
*/
#productlist .productlist__itemInfo .brandName{
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 1.5;
    font-weight: bold;
    font-family: var(--quattrocento-sans);
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#productlist .productlist__itemInfo .itemName{
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.5;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#productlist .productlist__itemInfo .productPrice{
    font-size: 12px;
    letter-spacing: 0.02em;
}
#productlist .productlist__itemInfo .sale_price{
    color: var(--incubation-red);
}
#productlist .productlist__itemInfo .regular_price{
    position: relative;
}
#productlist .productlist__itemInfo .regular_price::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--black);
}
#productlist .productlist__itemInfo .itemTax{
    display: inline-block;
    margin-left: 5px;
}

#productlist .productlist__itemBox .noProduct{
    font-size: 15px;
    letter-spacing: 0;
}

@media screen and (max-width: 1060px){
    #productlist .productlist__itemInfo .sale_price{
        display: block;
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 767px){
    #productlist .productlist__itemInfo .brandName{
        font-size: calc(12 * (100vw / 375));
        letter-spacing: 0;
        margin-bottom: calc(1 * (100vw / 375));
    }
    #productlist .productlist__itemInfo .itemName{
        font-size: calc(11 * (100vw / 375));
        margin-bottom: calc(3 * (100vw / 375));
    }
    #productlist .productlist__itemInfo .productPrice{
        font-size: calc(11 * (100vw / 375));
    }
    #productlist .productlist__itemInfo .sale_price{
        display: block;
        margin-bottom: calc(3 * (100vw / 375));
    }
    #productlist .productlist__itemInfo .itemTax{
        margin-left: calc(5 * (100vw / 375));
    }

    #productlist .productlist__itemBox .noProduct{
        font-size: calc(15 * (100vw / 375));
    }
}

/*=============================
    アイコン
==============================*/
#productlist .icon_list{
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    pointer-events: none;
}
#productlist .icon_list .icon{
    padding: 5px;
    margin: 2px 2px 0 0;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 1;
    color: var(--white);
}
#productlist .icon_list .icon.dis_no{
    display: none;
}
#productlist .icon_list .new-icon{
    background-color: var(--turquoiseMint);
}
#productlist .icon_list .restock-icon{
    background-color: var(--dustyBlue);
}
#productlist .icon_list .reservation-icon{
    background-color: var(--softAqua);
}
#productlist .icon_list .pointup-icon{
    background-color: var(--paleLemon);
    color: var(--black) !important;
}
#productlist .icon_list .freeshipping-icon{
    background-color: var(--lavenderDust);
}
#productlist .icon_list .collect-icon{
    background-color: var(--warmBeige);
    color: var(--black) !important;
}
#productlist .icon_list .mail-icon{
    background-color: var(--mauveBlush);
}
#productlist .icon_list .media-icon{
    background-color: var(--peachGlow);
}
#productlist .icon_list .coupon-icon{
    background-color: var(--roseBlush);
}
#productlist .icon_list .salepercent-icon{
    background-color: var(--vividCherry);
    opacity: 0;
}
#productlist .icon_list .salepercent-icon.dis_show{
    opacity: 1;
}
#productlist .icon_list .soldout-icon{
    background-color: var(--dhusar-grey);
}

@media screen and (max-width: 767px) {
    #productlist .icon_list .icon{
        padding: calc(4 * (100vw / 375)) calc(5 * (100vw / 375));
        margin: calc(2 * (100vw / 375)) calc(2 * (100vw / 375)) 0 0;
        font-size: calc(10 * (100vw / 375));

    }
}

/*=============================
    カラーチップ
==============================*/
#productlist .color-chip {
  --colorchip-size: 13px;
  display: grid;
  grid-template-columns: repeat(var(--colorchip-column), var(--colorchip-size));
  margin: 10px 0;
}
#productlist .color-chip li:hover {
  cursor: pointer;
}
#productlist .color-chip img {
  width: 100%;
  height: auto;
}
#productlist #multi:checked ~ .productlist__itemArea .color-chip {
  --colorchip-column: 16;
  gap: 5px 6px;
}
#productlist #single:checked ~ .productlist__itemArea .color-chip {
  --colorchip-column: 12;
  gap: 7px 6px;
}
@media screen and (max-width: 767px) {
  #productlist .color-chip {
    --colorchip-size: 16px;
  }
  #productlist #multi:checked ~ .productlist__itemArea .color-chip {
    --colorchip-column: 8;
    margin: 6px 0;
  }
  #productlist #single:checked ~ .productlist__itemArea .color-chip {
    --colorchip-column: 6;
    gap: 4px;
    margin: 8px 0;
  }
}

/*=============================
    最近チェックした商品
==============================*/
#productlist #productHistory{
    padding-top: 80px;
    border-top: 1px solid var(--aria);
}

@media screen and (max-width: 767px){
    #productlist #productHistory{
        padding-top: 0;
        border-top: none;
    }
}


/*=============================
    フッターエリア
==============================*/
.productlist_footerWrap{
    width: 100%;
    background-color: var(--black);
    color: var(--dhusar-grey);
    font-family: var(--open-sans);
    font-weight: 400;
    font-feature-settings: normal;
    -webkit-font-feature-settings: normal;
}
.productlist_footerBox{
    width: 100%;
    max-width: 124rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: 6.0rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.productlist_footerBox .productlist_footerBox-txt{
    width: 100%;
    max-width: 70rem;
    margin: 0 auto;
    padding-top: 4rem;
    font-size: 1.2rem;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: var(--dhusar-grey);
}
@media screen and (max-width: 767px){
    .productlist_footerBox{
        /* padding: calc(29.5 * (100vw / 375)) calc(19 * (100vw / 375)) calc(70 * (100vw / 375)); */
        padding: calc(33 * (100vw / 375)) 0 0;
    }
    .productlist_footerBox .productlist_footerBox-txt{
        width: 100%;
        max-width: 100%;
        max-width: inherit;
        padding-top: calc(30 * (100vw / 375));
        font-size: calc(11 * (100vw / 375));
        letter-spacing: 0.03em;
        font-weight: normal;
        line-height: 1.81;
        padding-right: calc(18 * (100vw / 375));
        padding-left: calc(18 * (100vw / 375));
        font-size: calc(11 * (100vw / 375));
    }
}
@media screen and (max-width: 768px){
    /* .productlist_footerBox .productlist_footerBox-txt {
        padding-top: calc(20 * (100vw / 768));
        padding-right: calc(18 * (100vw / 768));
        padding-left: calc(18 * (100vw / 768));
        font-size: calc(11 * (100vw / 768));
        text-align: center;
        width: 100%;
        max-width: inherit;
        letter-spacing: .03em;
        line-height: 1.8;
    } */
    .productlist_footerBox{
        width: 100%;
        max-width: inherit;
        margin-right: auto;
        margin-left: auto;
        padding-top: calc(60 * (100vw / 768));
        padding-left: 0;
        padding-right: 0;


    }
}






/*=============================
    特集グループエリア
==============================*/
/*
    .ProductGroup_Wrap
*/
.ProductGroup_Wrap img{
    width: 100%;
}
.ProductGroup_Wrap{
    margin-top: 4.1rem;
    border-bottom: 1px solid var(--aria);
}
.ProductGroup_Wrap .ProductGroup_Cont{
    width: 100%;
    max-width: 124rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.ProductGroup_Wrap .ProductGroup_Img{
    width: 100%;
}
.ProductGroup_Wrap .ProductGroup_TxtBlk{
    margin: 3.3rem auto 5.9rem;
    letter-spacing: 0;
    text-align: center;
    word-break: break-all;
}
.ProductGroup_Wrap .ProductGroup_ttl{
    margin-bottom: 1.6rem;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
}
.ProductGroup_Wrap .ProductGroup_lead{
    font-size: 16px;
    line-height: 2;
}
.ProductGroup_Wrap .ProductGroup_ItemBlk-bg{
    padding: 5rem 0 6.6rem;
    background-color: var(--white-solid);
    margin-bottom: 9.8rem;
}
.ProductGroup_Wrap .ProductGroup_ItemBlk{
    width: 100%;
    max-width: 124rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.ProductGroup_Wrap .ProductGroup_ItemBlk > .ProductGroup_ItemBlk{
    margin-bottom: 9.8rem;
}
.ProductGroup_Wrap .ProductGroup_ItemBlk .itemttl{
    font-size: 22px;
    letter-spacing: 0;
    font-weight: bold;
    font-family: var(--quattrocento-sans);
}
.ProductGroup_Wrap .ProductGroup_ItemList{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 1.7rem;
}
.ProductGroup_Wrap .ProductGroup_ItemList.sixcolumn > li{
    width: calc((100% - 11.85rem) / 6);
    margin-right: 2.37rem;
}
.ProductGroup_Wrap .ProductGroup_ItemList.fourcolumn > li{
    width: calc((100% - 6.9rem) / 4);
    margin-right: 2.3rem;
}
.ProductGroup_Wrap .ProductGroup_ItemList > li:last-of-type{
    margin-right: 0;
}
.ProductGroup_Wrap .ProductGroup_ItemList .item_desc{
    margin-top: 0.9rem;
    letter-spacing: 0;
    line-height: 1.33;
}
.ProductGroup_Wrap .ProductGroup_ItemList .brandName{
    margin-bottom: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    font-family: var(--quattrocento-sans);
}
.ProductGroup_Wrap .ProductGroup_ItemList .itemName{
    font-size: 12px;
}

@media screen and (max-width: 767px){
    .ProductGroup_Wrap{
        margin-top: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .ProductGroup_Wrap .ProductGroup_Cont{
        padding: 0;
    }
    .ProductGroup_Wrap .ProductGroup_TxtBlk{
        margin: calc(20 * (100vw / 375)) auto calc(57 * (100vw / 375));
        padding: 0 calc(10 * (100vw / 375));
        text-align: left;
    }
    .ProductGroup_Wrap .ProductGroup_ttl{
        margin-bottom: calc(11 * (100vw / 375));
        font-size: calc(18 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_lead{
        font-size: calc(13 * (100vw / 375));
        line-height: 1.75;
    }
    .ProductGroup_Wrap .ProductGroup_ItemBlk-bg{
        padding: calc(30 * (100vw / 375)) 0 calc(25 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemBlk-bg > .ProductGroup_ItemBlk{
        border-bottom: none;
        padding: 0;
    }
    .ProductGroup_Wrap .ProductGroup_ItemBlk{
        width: calc(355 * (100vw / 375));
        margin: 0 auto;
        padding: 0 0 calc(37 * (100vw / 375));
        border-bottom: 1px solid var(--aria);
    }
    .ProductGroup_Wrap .ProductGroup_ItemBlk > .ProductGroup_ItemBlk{
        margin-bottom: 0;
    }
    .ProductGroup_Wrap .ProductGroup_ItemBlk .itemttl{
        font-size: calc(18 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemList{
        margin-top: calc(16 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemList.sixcolumn > li{
        width: calc((100% - calc(10 * (100vw / 375))) / 3);
        margin-right: calc(5 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemList.fourcolumn > li{
        width: calc((100% - calc(5 * (100vw / 375))) / 2);
        margin-right: calc(5 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemList.sixcolumn > li:nth-of-type(3n){
        margin-right: 0;
    }
    .ProductGroup_Wrap .ProductGroup_ItemList.fourcolumn > li:nth-of-type(2n){
        margin-right: 0;
    }
    .ProductGroup_Wrap .ProductGroup_ItemList.sixcolumn > li:nth-of-type(n+4){
        margin-top: calc(31 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemList.fourcolumn > li:nth-of-type(n+3){
        margin-top: calc(19 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemList .item_desc{
        margin-top: calc(7 * (100vw / 375));
        line-height: 1.6
    }
    .ProductGroup_Wrap .ProductGroup_ItemList .brandName{
        margin-bottom: calc(6 * (100vw / 375));
        font-size: calc(10 * (100vw / 375));
    }
    .ProductGroup_Wrap .ProductGroup_ItemList .itemName{
        font-size: calc(10 * (100vw / 375));
    }
}


/*=============================
    コンテンツ上部 ブランドリスト
==============================*/
/* .contents-top__brand-list {} */
/* .contents-top__brand-list li:not(.contents-top__brand-list-item--current) {
    display: none;
} */
/* .contents-top__brand-list-item--center {
    border: none;
} */




/* ===============================================
  * CROSSPLUS-11553 *
=============================================== */

[class*="c-shipping-icon"] {
    --color-border: #000;
    --color-text: #000;

    display: inline-flex;

    padding: .3rem .5rem;
    border: solid 1px var(--color-border);

    color: var(--color-text);
    font-size: 1rem;
    line-height: 1;
}

.c-shipping-icon--subscription-first {
    --color-border: var(--incubation-red);
    --color-text: var(--incubation-red);
}

.c-shipping-icon--subscription-first ~ * {
    color: var(--incubation-red);
}

.productlist__itemInfo {
    --price-row-gap: .5rem;
    --price-column-gap: .5rem;
}

.productlist__itemInfo .itemPrice {
    display: flex;
    flex-wrap: wrap;
    gap: var(--price-row-gap) var(--price-column-gap);
}

.productlist__itemInfo .p-price__wrapper-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--price-row-gap) var(--price-column-gap);
}

.productlist__itemInfo .p-price__wrapper-row__inner {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    flex-wrap: wrap;
    column-gap: .8rem;

    word-break: keep-all;
}

.productlist__itemInfo .p-price__wrapper-row__inner.p-price__wrapper-row--sale {
    align-items: baseline;
}

.productlist__itemInfo .p-price__wrapper-row__inner .p-price__sale-regular-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--price-column-gap);
}

.productlist__itemInfo .p-price__wrapper-row .regular_price,
.productlist__itemInfo .p-price__wrapper-row .sale_price {
    display: flex;
    align-items: baseline;

    margin: 0;
}

#productlist .productlist__itemInfo .p-price__wrapper-row__inner .itemTax {
    margin: 0;
    font-size: .8em;
    display: none;
}


@media (max-width: 767px) {
    [class*="c-shipping-icon"] {
        padding: calc(3 * (100vw / 375)) calc(5 * (100vw / 375));

        font-size: calc(10 * (100vw / 375));
    }

    .productlist__itemInfo {
        --price-row-gap: calc(2.5 * (100vw / 375));
        --price-column-gap: calc(5 * (100vw / 375));
    }

    .productlist__itemInfo .p-price__wrapper-row__inner {
        column-gap: calc(8 * (100vw / 375));
    }
}