@charset "UTF-8";

.art { padding:20px 0; text-align: left;}
	.art p { padding:10px 0; font-size:16px;}
	.art table { width: 100%; border-collapse: collapse; margin:0; }
	.art iframe { width: 100%; height: 600px; margin: 20px 0;}
	.art a { color:#000; text-decoration: underline;}
		.art a:hover { color:#0072BF;}

@media all and (min-width:320px) {
	/* 320px+ settings */
	.art th { display: block; padding: 20px 0 0 0; font-size: 16px;}
	.art td { display: block; padding: 0 0 20px 0; font-size: 16px; border-bottom: 1px solid #999;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.art th, .art td { display: table-cell; text-align: left; padding: 20px 15px; font-size: 16px; border-bottom: 1px solid #999; vertical-align: top;}
}

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

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