.brand-genre-list {
  width: 200px;
}

.brand-genre-list .list-title-wrapper:first-child .list-title {
  padding-top: 0;
}

.brand-genre-list .list-title-wrapper:first-child .list-status-arrow {
  top: 3px;
}

.brand-genre-list li.current {
  background-color: #eee;
}

.brand-genre-list .list-title-wrapper {
  position: relative;
}

.brand-genre-list .list-title-wrapper .list-status-arrow {
  position: absolute;
  right: 0;
  top: 22px;
  cursor: pointer;
  transition: all 250ms 0s linear;
}

.brand-genre-list .list-title-wrapper .list-status-arrow:hover {
  filter: opacity(50%);
}

.brand-genre-list .list-title-wrapper .list-status-arrow.open {
  transform: rotateX(180deg);
}

.brand-genre-list .list-title {
  font-weight: bold;
  font-size: 16px;
  padding: 18.5px 0;
  border-bottom: solid 1.5px #000;
}

.brand-genre-list .brand-list-title {
  padding-top: 0;
}

.brand-genre-list .brand-list {
  font-size: 12px;
}

.brand-genre-list .brand-list > li {
  border-bottom: solid 1px #999;
}

.brand-genre-list .brand-list > li.store {
  font-size: 1.4rem;
}

.brand-genre-list .brand-list > li.store a {
  display: block;
  padding: 15px 0;
}

.brand-genre-list .genre-list {
  font-size: 12px;
}

.brand-genre-list .genre-list .genre-name {
  font-weight: bold;
  display: block;
  padding: 15px 0;
}

.brand-genre-list .genre-list > li {
  border-bottom: solid 1px #999;
}

.brand-genre-list .genre-list .category-list {
  font-size: 12px;
}

.brand-genre-list .genre-list .category-list > li {
  border-top: solid 1px #999;
  position: relative;
}
.brand-genre-list .genre-list .category-list > li:first-child {
  border-top: solid 1px #666;
}

.brand-genre-list .genre-list .category-list > li > a,
.brand-genre-list .genre-list .category-list > li > span > a {
  display: block;
  padding: 15px 0;
}
.brand-genre-list .genre-list .category-list.top-level > li > a {
  padding-left: 0;
}

.brand-genre-list .genre-list .category-list.top-no-border > li:first-child {
  border-top: none;
}

.brand-genre-list .genre-list .category-list > li .select.category-name {
  display: block;
  padding: 15px 0 15px 15px;
  background-color: #eee;
}

.brand-genre-list .genre-list .category-list > li .category-name {
  padding-left: 15px;
}

.brand-genre-list .genre-list .category-list > li:hover .sub-category-list {
  display: block;
}

.brand-genre-list .genre-list .category-list > li .sub-category-list {
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 200px;
  border: solid 1px #eee;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  display: none;
}

.brand-genre-list .genre-list .category-list > li .sub-category-list > li {
  width: 250px;
  background-color: #fff;
}

.brand-genre-list .genre-list .category-list > li .sub-category-list > li > a {
  display: block;
  padding: 10px;
}

.brand-genre-list .genre-list .category-list > li .sub-category-list > li a:hover {
  background-color: #eee;
}

.brand-genre-list  a:hover {
	background-color: #eee;
}