/* CSS Document */

#main{
	overflow: hidden;
	}
	#main article{
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 2em 0;
		width: var(--wrap);
		margin: clamp(32px, 7.2vw, 48px) auto calc(clamp(32px, 7.2vw, 48px) * 2) auto;
		}
	#main h2+*{
		margin-top: 0;
		}
	#main section{
		display: grid;
		grid-gap: 1em 0;
		margin: 0;
		}
		#main section h3+*{
			margin-top: 0;
			}

#sample{
	width: var(--wrap);
	margin: clamp(32px, 7.2vw, 48px) auto calc(clamp(32px, 7.2vw, 48px) * 2) auto;
	}

#loading{}
	#loading ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
		grid-gap: 1em;
		}
	#loading li{
		position: relative;
		padding-top: 66.66%;
		}
		#loading li img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			}