@charset "UTF-8";

#topImg{
	background-image: url("./goods.jpg");
}

#head{
	margin: auto;
}

	
	#content-panel{
	    display: grid;
		grid-template-columns: repeat(auto-fit, 330px);
		grid-template-rows: 1fr;
		justify-content: center;
		grid-gap: 50px;
	}
	
	#content-panel div{
		width: 20vw;
		min-width: 330px;
	}
	
	#content-panel div .more-button{
		width: 50%;
	}
	
	#body img{
		width: 100%;	
	}
	
@media screen and (min-width: 769px) {
	#body{
		text-align: center;
		margin-top: 5vh;
		margin-bottom: 10vh;		
	}

	#head img{
		width: 35vw;
		min-width: 500px;
	
	}

}

@media screen and (max-width: 768px) {
	#body{
		text-align: center;
		margin-top: 5vh;
		padding-bottom: 10vh;
	}

	#head img{
		width: 80vw;
	}
	
}