.cg_freespace_01 {
  margin-bottom: 10px;
}

.cg_freespace_02 {
  margin-bottom: 10px;
}

/* productlist */
.productlist_heading {
  margin: 1em 0 1em;
}
.productlist_lists {
  display:flex;
  flex-wrap:wrap;
  margin-top: 20px;
  font-size: 12px;
}
.subcategorylist_lists {
  width:100%;
  font-size: 12px;
  margin-top: 20px;
}
ul.subcategorylist_lists > li {
  margin-bottom:.5em;
}


li.subcategorylist_list .box {
  position:relative;
  width:280px;
  height:40px ;
  font-size: 14px;
  margin: .5em .5em ;
  background:#f9f9f9;
  border:1px solid #777;

  border-radius:4px;  
  text-align:center;
  box-sizing:border-box;  
}
li.subcategorylist_list .box a {
  display:block;
  position: absolute;
  padding:.75em 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
li.subcategorylist_list .box:hover {
  background:#fff;

}

.productlist_number {
  float: left;
  line-height: 1.4;
}
.productlist_number span {
  font-size: 18px;
  padding: 0 5px;
}
.productlist_sort {
  float: right;
}
.productlist_sort a {
  padding: 0 5px;
}

/* pagerlist */
.pagerlist {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.pagerlist ul {

  text-align: right;
  padding-top: 15px;
}
.pagerlist li {
  text-align: center;
  line-height: 26px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pagerlist li a,
.pagerlist li span {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
}
.pagerlist li a {
  border: 1px solid #333;
  background-color: #fff;
  color: #333;
  text-decoration: none;
}
.pagerlist li a:hover {
  border: 1px solid #333;
  background-color: #333;
  color: #fff;
}
.pagerlist li span {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #ccc;
}

.pagerlist_sp {
  text-align: center;
}
.pagerlist_sp_top {
  margin: 20px 0 10px 0;
}
.pagerlist_sp_btm {
  margin: -20px 0 60px;
}
.pagerlist_sp ul {
  margin: 0;
}
.pagerlist_sp li {
  display: inline;
  margin: 0 5px;
}
.pagerlist_pos {
  font-size: 12px;
  margin: 10px 0;
}
.pagerlist_pos span {
  font-size: 14px;
  padding: 0 5px;
}

@media (max-width: 768px) {
  .cg_freespace_02 {
    font-size: 12px;
    margin-bottom: 60px;
  }

  .productlist_noitem {
    padding: 0 10px 20px;
  }

  .productlist_sort {
    font-size: 12px;
    float: none;
    text-align: center;
  }
}