@charset "UTF-8";

.art { padding:0 0 40px 0; text-align: left;}
	.art h2{ padding:40px 0 20px 0; font-size: 18px;}
	.art h3 { font-size:16px; font-weight: normal;}
	.art p { padding:10px 0 10px 0; font-size:16px;}

.photo1 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 20px 0;}
	.photo1 li { padding:15px 0; font-size:16px;}
	.photo1 li img { padding-bottom: 4px;}

.photo2 { width: 100%; max-width: 640px; margin: 0 auto; padding: 20px 0;}
	.photo2 li { width: 100%; padding:15px 0; font-size:16px;}
	.photo2 li img { padding-bottom: 4px;}


@media all and (min-width:320px) {
	/* 320px+ settings */
	.photo1 li { width: 47%;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.photo1 li { width: 32%;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}