@charset "utf-8";


#top_com{
  margin:60px auto 0 auto;
  width:min(760px,100%);
  background:#f7f3e6;
  border:2px solid #4a623c;
  padding:30px;
  border-radius: .7rem;
  ul{
    li{
      text-align: left;
      padding:2px 0 2px 25px;
      background:url(grp/list-bg.png) left top 5px no-repeat;
    }
  }
}

#aricle_list{
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(min(400px,100%),1fr));
  gap:3em;
  margin:3em auto 0 auto;
  section{
    position:relative;
    margin:0 auto;
    
    figure{
      background:#eee;
      aspect-ratio: 3 / 2;
      box-shadow: 0 0 3px 0 #a98e63;
      margin:0 auto;
      figcaption{
        font-family: var(--font-eibun);
        font-size: 1.7em;
        position:absolute;
        top:15px;
        left:15px;
        color:white;
        text-shadow: 0 0 3px #333;
      }
    }
    > div{
      margin:1em auto 0 auto;
      > p{
        text-align: left;
      }

    }
  }
}