/* ==========================================================================//
//
// works
//
// ========================================================================== */
.filter {
  margin-bottom: 40px;
}
@media all and (min-width: 751px) {
  .filter {
    margin-bottom: 60px;
  }
}
.filter_select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font: inherit;
  color: #333;
  border: none;
  border-radius: 0;
  width: min(400px, 100%);
  cursor: pointer;
  display: block;
  letter-spacing: 0.04em;
  background-color: transparent;
  background-image: url(../images/common/arrow02.svg);
  background-repeat: no-repeat;
  background-size: 0.7em auto;
  background-position: right 1em top 50%;
  border-bottom: 1px solid #939393;
  padding: 1em 2em 1em 1em;
  margin-left: auto;
}
@media all and (min-width: 751px) {
  .filter_select {
    width: auto;
    min-width: 240px;
  }
}
@media (hover: hover) {
  .filter_select {
    transition: background-position 0.3s;
  }
  .filter_select:hover {
    background-position: right 1em top 60%;
  }
}