.topicpath_nav{
  margin-top:2em;
  margin-bottom:5em;
  display:flex;
  flex-wrap:wrap;
  color:#808081;
}
.topicpath_nav a{
  color:#808081;
}
.topicpath_nav a:hover{
  font-weight:bold;
  color:#f00000;
}

.prd_cat_title{
  font-size:2.2em;
}
.cat_lst{
  display:flex;
  flex-wrap:wrap;
}
.cat_lst li{
  width:24%;
  margin-left:0.5%;
  margin-right:0.5%;
}
.cat_lst li img{
  width:100%;
  height:auto;
}


.sort_btn{
  text-align:right;
}

.prd_list_middle, .prd_list_large{
  display:flex;
  flex-wrap:wrap;
}
.prd_list_middle li, .prd_list_large li{
  display:flex;
  flex-direction:column;
}

.prd_list_middle .card,  .prd_list_large .card{
  display:block;
  background-color:#F7EFE7;
  padding:0;
  position:relative;
}
.prd_list_middle .card:before, .prd_list_large .card:before{
  content:"";
  display:block;
  padding-top:100%;
}
.prd_list_middle .card .prd_img,  .prd_list_large .card .prd_img{
  position:absolute;
  object-fit: cover;
  object-position:center;
}

.prd_list_middle{
  width:94%;
  margin:0 3%;
  padding:0 0.5%;
}
.prd_list_middle li{
  width:24%;
  margin:1.5% 4.5% 5em;
}
.prd_list_middle .card .prd_img{
  width:calc(100%);
  height:calc(100%);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.prd_list_large{
  width:90%;
  margin: 0 5%;
}
.prd_list_large li{
  width:30%;
  margin:1.5% 1.5% 3em;
}
.prd_list_large .card{
  padding:7px 7px;
}
.prd_list_large .card .prd_img{
  width:calc(100% - 14px);
  height:calc(100% - 14px);
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
}

.prd_list_middle .prd_name, .prd_list_large .prd_name{
  display:block;
  padding:0.8em;
  margin-bottom:1.5em;
  font-size:1.3em;
}
.prd_list_middle .prd_name a, .prd_list_large .prd_name a{
  text-decoration:none;
  color:#000;
}
.prd_list_middle .prd_price, .prd_list_large .prd_price{
  display:block;
  text-align:center;
  font-weight:bold;
  margin-top:auto;
  font-size:1.3em;
  position:relative;
  bottom:0;
}


.prd_list_pager{
  font-size:1.2em;
  margin-top:3em;
}
.prd_list_page_nation{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.prd_list_pos b{
  font-size:1.6em;
}
.prd_list_pager .prd_list_pager_prev, .prd_list_pager .prd_list_pager_next{
  margin-left:1.8em;
  margin-right:1.8em;
  position:relative;
}
.prd_list_pager .prd_list_pager_prev:before{
  content:"< ";
}
.prd_list_pager .prd_list_pager_next:after{
  content:" >";
}