#titlesort_box {display: flex; justify-content: space-between; align-items: center; height: 100px;}
#titlesort_box h2{font-size:1.85em;margin:0; font-weight:300; display: inline-block;font-family:'Roboto',sans-serif; }
#titlesort_box h2 span{font-size:.9em;margin-left: 1em;}
#titlesort_box h2 span:before{content: '全 '; font-size: .7em;}
#titlesort_box h2 span:after{content: ' 商品';font-size: .7em;}


/*並べ替え*/
#page-item .sort{display:flex; font-size: .9em;}
#page-item .sort .current{background:#ccc; padding: 0 3px}

@media (max-width:980px){
#titlesort_box{height: 70px; padding: 0 5px;}
#page-item h2{font-size: 1.2em;}
#page-item .sort{border: .5px solid #ccc;border-radius: 5px;font-size:10px;margin: 0;}
#page-item .item{display: inline-block;}
#page-item .split{display: none;}
#page-item .sort .item a,
#page-item .sort .current{display:block; padding: 5px 5px 5px 5px; line-height: 20px; background:none;}
#page-item .sort .current{color:#444;}
#page-item .sort .item:not(.last),#page-item .sort .current:not(.last){border-right: .5px solid #ccc;}
}/*end 980px*/

/*カテゴリリスト*/
.category-list{margin:20px 0; padding: 20px 0;display: flex; flex-wrap: wrap; justify-content: center;}
.category-list li{ background: #444 ; list-style: none; margin:0 8px 8px 0; transition: .4s; border: 1px solid #444;}
.category-list li:hover{background: #f7f5ee;}
.category-list li a{color: #fff; font-size: .9em; display:block;padding: 10px 15px;}
.category-list li a:hover{text-decoration: none; color: #444;}

/*商品リスト*/
.productlist-box{display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 5px;}
.productlist-unit{display: flex; flex-direction: column; background: #f7f5ee;border: 1px solid #ccc;margin:15px 1% 40px 1%;width:calc(100% / 3 - 2%); box-sizing: border-box; position: relative;}

*::-ms-backdrop, .productlist-unit {
	width: 31%; /* IE11 */
}

.productlist-unit a{display:block; position: relative; overflow: hidden;}
.productlist-unit a img{transition: .5s;}
.productlist-unit:hover img{transform: scale(1.05);}

.productlist-unit a:first-child:hover{text-decoration: none;}
.productlist-unit a:first-child:before{font-family: "Font Awesome 5 Free";	content: "\f002"; font-size: 40px; font-weight: 900; position: absolute; top:50%; left:50%;transform: translateY(-50%) translateX(-50%); z-index:2; transition: .5s; opacity: 0; color: #fff;}
.productlist-unit:hover a:first-child:before{opacity:0.5; }


.productlist-name{/*font-family: 'M PLUS 1p', sans-serif; */font-size: 1.1em; margin: 10px 0 0 0;display:block; text-align: center; }
.productlist-price{font-family:'roboto' , sans-serif ; margin:auto auto 10px auto;text-align:center; font-size: 1.2em; color: #444; font-weight: 400;}

.productlist-price:before{content: '￥'; font-size: .8em; font-weight: normal;}
.productlist-price:after{content: ' (税込)'; font-size: .8em; font-weight: normal;}
.productlist-price.member:before{content: '会員価格 ￥'; font-size: .8em; font-weight: normal;}
.soldout{color: #f00; text-align: center; margin:auto auto 10px auto;}

.productlist-s_expl{font-size: .9em; width: 95%; margin: 1vw auto; text-align: center;}

/*お気に入りリスト*/
.favorite__section h2 {color: #444;font-size: 1.4em;display: flex;align-items: center;font-weight: normal;}
.favorite__section h2:before, .favorite__section h2:after {content: "";flex-grow: 1;height: 1px;background: #444;display: block;}
.favorite__section h2:before {margin-right: .4em;}
.favorite__section h2:after {	margin-left: .4em;}
	
.favorite__section ul li{list-style: none;}
.favorite__section .favlist-unit{width:calc(100% / 5 - 2%); margin: 0 1% 1% 1%;}
.favorite__section .favlist-unit img{border: 5px solid #e6e2d5; box-sizing: border-box;}

/*お気に入りボタン*/
.product__fav-item{position: absolute; bottom: 0; right: 0;}
.favorite-button{border: none;margin: 0; font-size: 1.5em;}

@media (max-width:768px){
	.favorite__section .favlist-unit{width:calc(100% / 4 - 2%); margin: 0 1% 1% 1%;}
	.productlist-price,.soldout{font-size:1em; font-weight: normal;}
	.productlist-price.member:before{content:'￥';}
	.favorite-button{font-size: 1em; padding:10px;}
}

@media (max-width:980px){
	.productlist-unit{width:calc(100% / 2 - 1%); margin: 0 .5% 30px .5%;}
	.category-list{margin: 10px 0;padding: 10px 0; }
	.category-list li a{font-size: .9em; display:block;padding: 6px 10px;}
    #footer .spnav{display: flex !important;justify-content: space-around; background: #df8f76; padding: 5px 0; font-size: 3vw;
}