body,html{
	padding:0;
	margin:0;
	box-sizing: border-box;
}

body {
	overflow: hidden;
}

main{
	background:none;
}

#catalogBox{
	display: flex;
	justify-content: left;
	align-items:baseline;
	flex-wrap: wrap;
	gap:40px 0;
}


#catalogBox div{
	flex:1;
	padding:0 20px;
	margin:0;
	width:100%;
	max-width:480px;
}

#catalogBox div figure{
	width:230px;
	padding:0;
	margin:0 auto;
}


#catalogBox div img{
	width:100%;
	border:1px solid #e5e5e5;
	box-shadow: 2px 2px 7px#0005;
}

#catalogBox div figcaption{
	padding-top:10px;
	display: block;
	white-space: nowrap;
	overflow: hidden; /* はみ出した部分を隠す */
    text-overflow: ellipsis;
}