@charset "utf-8";

ul.imgList{display: flex; flex-wrap: wrap}
a.imgList{color: var(--color-text)}
div.imgList div.img{border: 1px solid rgb(0 0 0 / 10%); box-sizing: border-box}
div.imgList div.img img{max-width: 100%}
div.imgList div.text p.text{font-weight: 600}
div.imgList div.text span.date{display: block; color: var(--color-text-date)}
@media screen and (max-width:767px){
	li.imgList{width: calc(100% / 2 - 1.44rem); padding: 1.43rem 0.71rem}
}
@media screen and (min-width:768px) and (max-width:1280px){
	li.imgList{width: calc(100% / 3 - 1.34rem); padding: 1.33rem 0.67rem}
}
@media screen and (max-width:1280px){
	ul.imgList{margin: -1.33rem -0.67rem}
	div.imgList div.text{margin-top: 1.33rem}
	div.imgList div.text p.text{font-size: 1.07rem}
	div.imgList div.text span.date{margin-top:0.53rem}
}
@media screen and (min-width:1281px){
	ul.imgList{margin: -1.87rem -1.56rem}
	li.imgList{width: calc(100% / 4 - 3.13rem); padding: 1.87rem 1.56rem}
	div.imgList div.text{margin-top: 1.87rem}
	div.imgList div.text p.text{font-size: 1.56rem}
	div.imgList div.text span.date{margin-top:0.62rem}
}