/* sub category & sub group */
.grp_lst {
  position: relative;
  clear: both;
  margin-left: -2.127%;
  padding-top: 2em;
}
.grp_lst_unit {
  float: left;
  margin-bottom: 15px;
  margin-left: 2.083%;
  width: 14.5%;
  word-break: break-all;
}
  .grp_lst_unit a {
    display: block;
    padding: .5em;
    background-color: #f1f1f1;
    color: #000;
    text-decoration: none;
    text-align: center;
  }
  .grp_lst_unit a:hover {
    text-decoration: underline;
  }
  .grp_lst_img {
    display: block;
    margin: 0 auto .5em;
    max-width: 100%;
    height: inherit;
  }
.category_desc_2 {
  padding-top: 2em;
}

/* topicpath */
.topicpath_nav {
  margin: 2em 0;
  font-size: 84.615%;
}
  .topicpath_nav li {
    display: inline;
    margin-right: .2em;
  }
  .topicpath_nav li a {
    margin-left: .2em;
    color: #444;
    text-decoration: none;
  }
  .topicpath_nav li a:hover {
    text-decoration: underline;
  }

/* prduct list */
.prd_lst {
  position: relative;
  clear: both;
  margin-left: -2.218%;
}
.prd_lst_unit {
  float: left;
  margin-bottom: 15px;
  margin-left: 2.083%;
  word-break: break-all;
}
  .prd_lst_unit_s {
    width: 22.916%;
  }
  .prd_lst_unit_m {
    width: 31.25%;
  }
  .prd_lst_unit a {
    color: #000;
    text-decoration: none;
  }
  .prd_lst_unit a:hover {
    text-decoration: underline;
  }
  .prd_lst_img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: inherit;
  }
  .prd_lst_span {
    display: block;
    margin: .3em 0;
  }
  .prd_lst_name {
    margin-top: .5em;
  }
  .prd_lst_exp {
    color: #666;
    font-size: 84.615%;
  }
  .prd_lst_price,
  .prd_lst_soldout {
    font-weight: bold;
    font-size: 92.307%;
  }
  .prd_lst_regular {
    color: #666;
    text-decoration: line-through;
  }
  .prd_lst_none {
    clear: both;
    text-align: center;
    font-size: 123.076%;
    line-height: 16;
  }
.prd_lst_block .ttl_h2 {
  float: left;
  margin: 20px 0 0;
}
.prd_lst_sort {
  float: right;
  margin: 20px 0;
}
  .prd_lst_sort a {
    color: #444;
  }
  .prd_lst_pager {
    position: relative;
    overflow: hidden;
    margin-top: 2em;
  }
  .prd_lst_pager ul {
    position: relative;
    left: 50%;
    float: left;
  }
  .prd_lst_pager li {
    position: relative;
    left: -50%;
    float: left;
  }
  .prd_lst_pager .prd_lst_pager_prev,
  .prd_lst_pager .prd_lst_pager_next {
    padding: .5em 0;
    width: 3em;
  }
  .prd_lst_pager .prd_lst_pager_next {
    text-align: right;
  }
  .icon_prev_dis,
  .icon_next_dis {
    display: block;
    color: #aaa;
  }
  .prd_lst_pager a {
    color: #444;
    text-decoration: none;
  }
  .prd_lst_pager a:hover {
    text-decoration: underline;
  }
.prd_lst_pos b {
  font-size: 160%;
}
.over20 {
  text-align:center;
  padding-top: 80px;
}

.over20 {
	position: relative;
	overflow: hidden; /* ulでリスト全体を右に50%移動している分幅が広がりスクロールバーが表示されるのを防ぐ */
}

.over20 ul {
	position: relative;
	left: 50%; /* ulを右に50%移動 */
	float: left;
	margin-left: -5px;/* liのmarginの半分をネガティブマージン（しないと右にずれる） */
  padding-top: 3em;
}

.over20 ul li {
	position: relative;
	left: -50%; /* 左に50%移動 */
	float: left;
	margin: 0 1em;
}

.over20 ul li a {color:#0a193b;}

@media only screen and (max-width: 575px)
{
  .prd_lst{display:flex; flex-wrap:wrap}
  .prd_lst_unit_s {float:none;width:47%;}
  .grp_lst{display:flex; flex-wrap:wrap;}
  .grp_lst_unit {float:none;width:47%;text-align:center;}
  .over20 img {width:100%; height:auto;}
  .over20 ul li {width:100%; text-align:center;}
}