/*ここから、 リニューアル追加分*/
.no-tile {
  display: flex;
  flex-flow: row wrap
}
.prd-lst-unit {
  position: relative;
}
.product-list__fav-items {
  margin-top: 10px;
  width: 30px;
}

.product-list__fav-items button {
  display: block;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
}

.product-list__fav-items .fav-items {
  color: #ff7373;
}

.product-list__fav-items svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}


@media only screen and (max-width: 768px) {
    .recently ul li{
      max-width: 48% !important;
    }
}

.topicpath-nav {
    display: flex;
    flex-flow: column;
}

.topicpath-nav li {
    margin-bottom: 5px;
}
.recently ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
}
.recently ul li{
  max-width: 22%;
}
.recently .ttl-h2 {
  margin: 4em 0 1em 0;
}
.ttl-mode {
  padding-bottom: 5px;
  border-bottom: 3px solid #000;
}
.cate-select {
  height: 50px;
}
.cate-select__wrap {
  padding-top: 10px;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
}
/*ここまで、 リニューアル追加分*/

@charset "euc-jp";
.category-desc img {
  max-width: 100%;
  width: inherit;
  height: auto;
}
.category-desc_2 {
  padding-top: 2em;
}

/* sub category & sub group */

.grp-lst {
  margin-bottom: 40px;
}
.grp-lst-unit {
  display: block;
}

.grp-lst-img {
  display: block;
  margin: 0 auto;
  background: #fff;
}
  .grp-lst-img:hover {
    opacity: 0.8;
  }

.grp-lst-name {
  display: block;
  margin: 4px 0;
  padding: 0;
  font-size: 15px;
}

@media only screen and (max-width: 768px) {
  .grp-lst-unit a {
    display: block;
    padding: .5em 0;
    color: #444;
    text-decoration: none;
  }
  .grp-lst-name {
    font-size: 11px;
  }
}