@charset "utf-8";
.item-list{display: flex; justify-content: space-between; flex-wrap:wrap;}
.item-list .item{width:26.6rem; margin-bottom: 5rem;}
.item-list::before{content: ""; display: inline-block; height: 0; width:26.6rem; order:2;}
.item-list::after{content: ""; display: inline-block; height: 0; width:26.6rem; order:2;}
.item-list .item .img-box{border-radius:1rem; margin-bottom: 1rem;overflow: hidden;}
.item-list .item p{font-family: "Noto Sans JP";}
.item-list .item .item-name{font-size: 1.8rem; font-weight: 400; line-height: 1.4; margin-bottom: 1rem;}
.item-list .item .item-desc{font-size: 1.5rem; line-height: 1.6; font-weight: 400; color:#666; margin-bottom: .5rem;}
.item-list .item .price{font-size:1.6rem; font-weight: 700; letter-spacing: 0; line-height: 1.4; text-align: right; color: #EB6238;}


@media screen and (max-width: 896px), (max-width: 896px) and (orientation:landscape) {
    .item-list{padding: 0;}
	.item-list::before{width: 100%;}
	.item-list::after{width: 100%;}
    .item-list .item{width: calc(50% - 5px); margin-bottom: 1rem;}

    .item-list .item{width:100%;}
    .item-list .item a{display: flex;}
    .item-list .item .img-box{width: 38%; margin-right: 2%;}
    .item-list .item .text-box{width: 60%;}
    .item-list .item .img-box::before{width: 4rem; height: 4rem; font-size: 2rem;}
}


.sort-panel{display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem;}
.sort-panel .location{font-size: 1.6rem; line-height: 1.875; font-family: "Noto Sans JP";}
.sort-panel .sort-links{display: flex; align-items: center; font-size: 1.6rem;}
.sort-panel .sort-links a{margin-left: 2rem; display: inline-block; text-decoration: underline;}

@media screen and (max-width: 896px), (max-width: 896px) and (orientation:landscape) {
    .pankuzu{width: 100%; justify-content: center;}
    .sort-panel{display: block;}
    .sort-panel .location{text-align: center;}
    .sort-panel .sort-links{justify-content: center;}
    .sort-panel .sort-links a{margin: 0 1rem;}
}

.pager{display: flex; align-items: center; justify-content: center;}
.pager .prev a,.pager .next a{display: block; width: 10rem; height: 5rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; border-radius: 1rem; border: 1px solid rgba(34, 34, 34, .2);font-family: "Noto Sans JP";}
.pager .prev a::before{content: ""; display: inline-block; width: .4rem; height: .8rem; background: url(../images/common/pager-prev-arr.svg) no-repeat center/contain; margin-right: 1rem;}
.pager .next a::after{content: ""; display: inline-block; width: .4rem; height: .8rem; background: url(../images/common/pager-next-arr.svg) no-repeat center/contain; margin-left: 1rem;}
.pager-num ol{display: flex; align-items: center; justify-content: center;}
.pager-num ol li{background:transparent; border: 1px solid rgba(34, 34, 34, .2); border-radius: 1rem; font-size: 1.6rem; font-weight: 400; letter-spacing: 0; line-height: 2.375; margin: auto .5rem; overflow: hidden;}
.pager-num ol li:hover {border: none;}
.pager .prev{margin-right: 4.5rem;}
.pager .next{margin-left: 4.5rem;}
.pager a:hover{opacity: 1; background: #222; color: #FFF;}
.pager .prev a:hover::before{background: url(../images/common/w-pager-prev-arr.svg) no-repeat center/contain;}
.pager .next a:hover::after{background: url(../images/common/w-pager-next-arr.svg) no-repeat center/contain;}


@media screen and (max-width: 896px), (max-width: 896px) and (orientation:landscape) {
    .pager-num{display: none;}
    .pager .prev a, .pager .next a{width: 16rem;}
    .pager .prev{margin-right: 1rem;}
    .pager .next{margin-left: 1rem;}
    .column2 .col2-left{margin-top: 6rem;}
}



/*通年商品商品一覧*/

.tunen-flex{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 4rem 0 6rem;
    font-size: 1.6rem;
}

.tunen-flex-l, .tunen-flex-r{
    width: 48%;
}
.tunen-flex-l, .tunen-flex-r p{
    line-height: 1.6;
}

.tunen-title{
    margin: 2rem 0 1.3rem 0;
    font-size: 2rem;
    border-left: 6px solid #EB6238;
    padding-left: 1.2rem;
}

@media screen and (max-width: 896px), (max-width: 896px) and (orientation:landscape) {
    .tunen-flex{
        flex-direction: column;
        margin: 2.5rem 0 6rem;
    }
    .tunen-flex-l, .tunen-flex-r{
        width: 100%;
    }
    .tunen-flex-l{
        margin-bottom: 2rem;
    }
    .tunen-title{
        
    }
}

/*/通年商品商品一覧*/