@charset "utf-8";


:root{
}

ul#image-list{
  margin:20px auto 0 auto;
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
  gap:10px;
  li{
    a{
      img{
        border-radius: .7em;
      }
      &:hover{
        opacity: .75;
      }
    }
  }
}

#top_com{
  margin:10px auto 0 auto;
  text-align: left;
  font-size: 1.2rem;
  color:red;
}

#kyosan{
  margin:20px auto 0 auto;
  border:1px solid green;
  background:#ffffee;
  h3{
    margin:20px 20px 0 20px;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 600;
    color:#247b49;
  }
  p{
    text-align: left;
    padding:.5em 20px 20px 20px;
  }
}