.main{
  width: min(640px, 100%); margin: 0 auto;
}
.main .news{
  padding: 20px 4%; border-bottom: 3px solid #000;
}
.main .news .lists{
  list-style: none;
}
.main .news .lists_more{
  display: block !important; margin-top: 0 !important;
  padding-top: 10px; max-height: 0; overflow: hidden;
  transition: max-height .2s;
}
.main .news .list{
  display: flex; flex-wrap: nowrap; align-items: flex-start;
  line-height: 1.5; margin: 10px 0 0;
}
.main .news .list:nth-of-type(1){
margin-top: 0;
}

.main .news .date{
  flex-shrink: 0;
  font-weight: bold;padding: 0 1em 0 0;margin: 0;
}
.main .news .text{
  margin: 0;
}
.main .news .more {
  line-height: 16px; text-align: center; padding: 10px 0;
  border: 1px solid #ddd; margin: 10px 0 0; cursor: pointer;
}
.main .news .more_icon01, .main .news .more_icon02 {
  display: inline-block; vertical-align: top; width: 16px; margin: 0 0.5em 0 0;
}
.main .news .active .more_icon01{
  display: none;
}
.main .news .more_icon02{
  display: none;
}
.main .news .active .more_icon02{
  display: inline-block;
}