@charset "UTF-8";

.art { padding:0 150px 24px 150px; margin:0 auto;}
	.art h2 { padding:16px 0 8px 0; margin:0 0 16px 0; font-size:18px; text-align: center; border-bottom:1px solid #888;}
	.art ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding:16px; margin: 0; list-style: none;}
		.art ul::after { display: block; content:""; width: 202px; height: 0; overflow: hidden;}
		.art li { padding: 16px 0; width: 202px; font-size: 14px;}
			.art li a { display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; border:1px solid #CCC; margin-bottom: 4px;}
				.art li a img { width:auto; max-width: 100%; height:auto; max-height: 100%; }
				.art li a:hover {border:1px solid #888;}