@charset "UTF-8";
:root {
  --baceFontColor: #333333;
}

.kousin_log_list section {
  border: 1px solid #ddd;
  padding: 30px;
  margin-top: 30px;
}
.kousin_log_list section > h3 {
  position: relative; /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: normal;
  padding: 0 0 0 50px;
  transition: all 0.5s ease;
  text-align: left;
  /*　closeというクラスがついたら形状変化　*/
}
.kousin_log_list section > h3::before, .kousin_log_list section > h3::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  background-color: #333;
}
.kousin_log_list section > h3::before {
  top: 48%;
  left: 15px;
  transform: rotate(0deg);
}
.kousin_log_list section > h3::after {
  top: 48%;
  left: 15px;
  transform: rotate(90deg);
}
.kousin_log_list section > h3.close::before {
  transform: rotate(45deg);
}
.kousin_log_list section > h3.close::after {
  transform: rotate(-45deg);
}
.kousin_log_list section > div {
  display: none;
}
.kousin_log_list section > div > ul {
  margin: 20px auto 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  gap: 1rem 20px;
  justify-content: start;
}
.kousin_log_list section > div > ul > li {
  margin: 0.5em 0 0 2em;
  list-style: disc;
}
.kousin_log_list section > div > ul > li time {
  font-size: 0.9rem;
  display: block;
  text-align: left;
}
.kousin_log_list section > div > ul > li h3 {
  font-size: 1.1rem;
  text-align: left;
}
.kousin_log_list section > div > ul.open {
  display: grid;
}/*# sourceMappingURL=index.css.map */