.show {
  display: block;
}
.hide {
  display: none;
}
.filter-nav__item {
  cursor: pointer;
}
.filter-nav__item.show {
  cursor: default;
}

/* レイアウト調整 */
.filter-nav,
.filter-contents {
display:flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.filter-nav {
  display: flex;
  margin-block: 30px 10px;
}
.filter-nav li {
  flex: 1;
border: 1px solid #969292;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}
.filter-nav li:not(:last-child) {
  margin-right: 10px;
}
.filter-nav li.show {
  background: #969292;
  color: #fff;
}
.filter-contents {

  padding: 10px;
}