.category-list-title {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 1em;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.category-list-title span {
  cursor: pointer;
  color: #BD0002;
}

.category-list,
.category-list * {box-sizing: border-box; }

.flex { display:flex !important; }

ul.category-list {
  transition: all 1s;
  display: none; margin: 0; flex-wrap:wrap; }
.category-list li,
.category-list ul ul { margin-left: 0; display:block; list-style-type:none; }

.sub-category-lists {width: 100%;}
@media (min-width:768px) {
	.sub-category-lists {width: 100%;}
}
/**/

.sub-category-list-item { margin-left: 0; padding: 15px; height:100%; background-color:#eee;}
.sub-category-list-parent {
  margin-bottom:5px; padding-bottom:5px; font-weight: bold; border-bottom: 2px solid #333;  }
.sub-category-list-child { 
  width: 100%;
  font-size: 80%;
  border-bottom: 1px solid #ddd;
  padding: 0.5em 1em;
  text-align: left;
}


@media (min-width:768px) {
  .sub-category-list-child { 
    width: 50%;
    float: left;
  	white-space: nowrap;
  	text-overflow: eclips;
  	overflow:hidden;
  }
}
.sub-category-list-child a { display: block; }

.sub-category-list-child a:before {
  content: '・';
}

.item-sorter a,
.item-sorter span {
  border-radius: 5px;
  padding: .5em;
  transition: all .5s;
}
.item-sorter a:hover,
.item-sorter span{
  background-color: #BD0002;
  color: #fff;
  text-decoration: none;
}
 
/* 検索フォーム */
.keyword_search_wrap{
  display: none;
	margin-top: 30px;
	margin-bottom: 30px;
  	padding: 0;
}
@media (max-width: 768px){
  .keyword_search_wrap{
	position: sticky;
    top: -40px;
    display: block;
    background: #fff;
    padding: 10px 0;
  }
  .keyword_search_wrap form{
      margin-bottom: 0;
  }
}