@charset "UTF-8";

#art {width: 100%; max-width: 1200px; padding:0 2rem; margin: 0 auto; text-align: left;}

.art { padding:0 0 2rem 0;}
	.art h3 { padding:3rem 0 0 0; font-size:1.4rem;}
	.arttext {}
		.arttext p { padding:1rem 0; font-size:1.4rem;}
		.arttext ol { padding:0 0 .5rem  1em; margin:0 0 .5rem  1em;}
			.arttext ol li { padding:.5rem 0; font-size:1.4rem;}

.fee { border-collapse: collapse; margin: 1rem 0;}
	.fee caption { text-align: left; font-size: 1.4rem;}
	.fee th { padding:.5rem 1rem; border: 1px solid #999; background:#EEE; text-align: center;}
	.fee td { padding:.5rem 0; font-size:1.4rem; border: 1px solid #999; text-align: center;}

@media all and (min-width:320px) {
	/* 320px+ settings */
	.fee th { padding:.5rem .4rem; font-size:1.2rem; }
	.fee td { font-size:1.2rem;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.fee th { padding:.5rem 1rem; font-size:1.4rem;}
	.fee td { font-size:1.4rem;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
	.art { display: flex; flex-wrap: wrap; padding: 2rem;}
	.art h3 { width: 14em;}
	.arttext { width: calc(100% - 14em); padding:2rem 0 0 0; }
}

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