@charset "utf-8";

/* Product Content Setting
***********************/
.productListingArea
{ position:relative; padding:0px 0px 30px 0px;}

/* Listing Col Setting
***********************/
.productListingArea .productLstingCol
{ float:right; width:calc(100% - 260px);}

.productListingArea .productLstingCol .sortViewRow
{ margin-bottom:15px;}
.productListingArea .productLstingCol .sortViewRow .lCol
{ float:left; width:70%;}
.productListingArea .productLstingCol .sortViewRow .lCol p
{ display:inline-block; font-size:15px; line-height:1.3; vertical-align:middle;}
.productListingArea .productLstingCol .sortViewRow .lCol .select-style
{ display:inline-block; vertical-align:middle; width: 220px;}
.productListingArea .productLstingCol .sortViewRow .lCol .select-style select,
.productListingArea .productLstingCol .sortViewRow .lCol .select-style select option
{ font-size:15px; line-height:1.3;}


.productListingArea .productLstingCol .sortViewRow .rCol
{ float:right; width:30%; text-align:right;}
.productListingArea .productLstingCol .sortViewRow .rCol .viewList
{ display:inline-block; margin-left:15px; width:24px; height:24px;}
.productListingArea .productLstingCol .sortViewRow .rCol .viewGrid
{ display:inline-block; margin-left:0px; width:24px; height:24px;}
.productListingArea .productLstingCol .sortViewRow .rCol .viewGrid img,
.productListingArea .productLstingCol .sortViewRow .rCol .viewList img,
.productListingArea .productLstingCol .sortViewRow .rCol .viewGrid svg,
.productListingArea .productLstingCol .sortViewRow .rCol .viewList svg
{ width:24px; height:auto;}

.productListingArea .productLstingCol .sortViewRow .rCol .viewGrid:hover .svg path,
.productListingArea .productLstingCol .sortViewRow .rCol .viewList:hover .svg path,
.productListingArea .productLstingCol .sortViewRow .rCol .viewGrid.highlight .svg path,
.productListingArea .productLstingCol .sortViewRow .rCol .viewList.highlight .svg path
{ fill:#b5bd00;}

/* Listing View Setting
***********************/
.productListingArea .productLstingCol .productLstingArea
{ margin-bottom:35px; text-align:left;}


/* Meat Map Setting
***********************/
.meatMapArea
{ position:relative; width:100%; margin-bottom:30px;}
.meatMapArea .inner
{ position:relative; bottom:0px; margin:0px auto; text-align:center;}
.meatMapArea .inner img
{ width:100%; height:auto; max-width:1000px;}


@media screen and (max-width:1024px){
/* Sorting Col Setting
***********************/
.productListingArea .sortingCol
{ float:none; width:100%; margin-bottom:20px;}
.productListingArea .sortingGroup
{ display:none;}

.productListingArea .productLstingCol
{ float:none; width:100%; }
}

@media screen and (max-width:425px){
/* Listing Col Setting
***********************/
.productListingArea .productLstingCol .sortViewRow .lCol
{ float:left; width:80%;}
.productListingArea .productLstingCol .sortViewRow .lCol p
{ display:inline-block; font-size:13px; font-size:3.25vw; line-height:1.3; vertical-align:middle;}
.productListingArea .productLstingCol .sortViewRow .lCol .select-style
{ display:inline-block; vertical-align:middle; width: 190px;}
.productListingArea .productLstingCol .sortViewRow .lCol .select-style select,
.productListingArea .productLstingCol .sortViewRow .lCol .select-style select option
{ font-size:13px; font-size:3.25vw; line-height:1.3;}


.productListingArea .productLstingCol .sortViewRow .rCol
{ width:20%; }
.productListingArea .productLstingCol .sortViewRow .rCol .viewList
{ margin-left:5px; width:24px; height:24px;}
.productListingArea .productLstingCol .sortViewRow .rCol .viewGrid
{ margin-left:0px; width:24px; height:24px;}
}