@charset "UTF-8";

table#searchbox {
  font-size: 100%;
  line-height: 0.5em;
}
/*全体*/
.hidden_box {
  margin: 5px 0; /*前後の余白*/
  padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
  background: #efefef;
  border-radius: 6px;
  transition: 0.3s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
  background: #8aa3c5;
}

/*チェックは見えなくする*/
.hidden_box input {
  display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
  padding: 22px 0 0;
  height: auto;
  opacity: 1;
}