@charset "utf-8";

.drop-down {
  display: inline-block;
  position: relative;
  outline: 0;
  cursor: pointer;
  user-select: none;
}

.drop-down__current {
  font-weight: 600;
  font-size: .9375em;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  height: 56px;
  line-height: 56px;
}

@media(min-width:651px) {
  .drop-down__current {
    padding: 0 2.5em;
  }
}

@media(max-width:650px) {
  .drop-down__current {
    padding: 0 1em;
  }
}

.drop-down__current::after {
  content: "　⮟";
}

.drop-down--soft>.drop-down__current {
  box-shadow: 0 2px 3px rgba(192,192,192,.5) inset;
  border-radius: 3px;
  height: 38px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
}

.drop-down--sticky-right.drop-down--soft>.drop-down__current {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.drop-down--soft:focus>.drop-down__current {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.drop-down--on-white-background>.drop-down__current {
  background-color: #ebebeb;
}

.drop-down__options {
  visibility: hidden;
  position: absolute;
}