.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: calc((100% - 20px) / 5);
  max-width: 90%;/* 枠の大き */
  margin: 0 10px;


}
.filter-nav {
  display: flex;
  margin-block: 30px 10px;
  width: calc((100% - 20px) / 5);
}
.filter-nav li {
  flex: 1;
border: 1px solid #969292;
  text-align: center;
  padding: 5px 0;/* 枠の大きさ　上下文字から５ */
  font-weight: bold;
}
.filter-nav li:not(:last-child) {
  margin-right: 10px;
}
.filter-nav li.show {
  background: #969292;
  color: #fff;
  text-align: center;
}
.filter-contents {

  padding: 10px;
  max-width: 100%;
}