main {
  display: flex;
  justify-content: space-between;
}

#content-list {
  width: 22%;
}

#map-list {
  width: 22%;
  align-items: right;
}

#top-page {
  padding: 0 5px;
  width: 50%;
}

@media (max-width:800px){
  main{
    flex-direction: column;
  }
  #content-list{
    width: 100%;
    order: 3;
  }
  #map-list{
    width: 100%;
    order: 2;

  }
  #top-page{
    width: 100%;
    order: 1;
  }
}