/*index.htm用のCSS*/
main img {
  display: block; /* または inline-block */
  vertical-align: bottom; /* または top, middle など */
}
main ul {
  display: grid; /* Gridレイアウトを使用 */
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 可変グリッド */
  grid-gap: 0; /* 隙間をなくす */
	list-style: none; /* リストの点（●）を消す（必要であれば） */
}

main ul li {
  width: 100%; /* 幅を100%にする */
  height: 100%; /* 高さを100%にする */
  object-fit: cover; /* 画像を要素いっぱいに表示 */
}
main ul {
}

/*mobile用*/
@media screen and (max-width:425px){
main ul {
	flex-direction:column;
}
img {
	max-width: 100%;
	height: auto;
}
}
/*tablet以上用*/
@media screen and (min-width:426px){
main ul {
	flex-wrap: wrap;
}
main li {
}
img {
	max-width: 100%;
	height: auto;
}
}