@charset "utf-8";

.drop-down:focus>.drop-down__current {
  box-shadow: 0 0 .5em rgba(0,0,0,.25);
  z-index: 1;
  position: relative;
}

.drop-down:focus>.drop-down__current::after {
  content: "　⮝";
}

.drop-down:focus>.drop-down__options {
  visibility: visible;
}

.drop-down__options {
  transition: visibility 0s .15s;
  top: 100%;
  left: 0;
  z-index: 2;
  background: #fff;
  border-radius: 0 0 3px 3px;
  font-size: .9em;
  box-shadow: 0 2px 3px rgba(192,192,192,.5);
  min-width: calc(100% - 2px);
  font-weight: 600;
  border: 1px solid #ccc;
  margin-top: -1px;
  margin-left: -1px;
  hyphens: manual;
}

.drop-down__options>[type=radio] {
  display: none;
}

.drop-down__options>[type=radio]:not(:first-child)+label {
  border-top: 1px solid #e7e7e7;
}

.drop-down__options>[hidden] {
  display: none;
}

.drop-down__options>:first-child+[hidden]+input+label {
  border-top: 0;
}

.drop-down__options>label {
  display: block;
  padding: .57em 1em;
  cursor: pointer;
}

.drop-down__options>:checked+label,.drop-down__options>label:hover {
  background: #ebebeb;
}