@charset "utf-8";

summary {
    display: block;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
    display: none;
}

details[open] .open {
  display: none;
}
details:not([open]) .close {
  display: none;
}

.yubi {
  cursor : pointer;
}

.arrow_down{
  display:inline-block;
  position:relative;
  top: 10px;
  left: 15px;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
}
.arrow_up{
  display:inline-block;
  position:relative;
  top: 18px;
  left: 15px;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: #565656 #565656 transparent transparent;
  transform: rotate(-45deg);
}