@media only screen and (max-device-width: 1170px), all and (max-width: 1170px) {
	body, header { overflow-x: hidden; }
	#container { width: 98%; max-width: 98%; }
	#latest #la table td img { width: 5.5vw; height: 5.5vw; }
	article { min-width: 65vw; max-width: 65vw; }
	aside { min-width: 30vw; max-width: 30vw; }
}

@media only screen and (max-device-width: 1140px), all and (max-width: 1140px) {
	#container { width: 96%; max-width: 96%; display: block; }
	article { min-width: 100%; max-width: 100%; padding: 0; display: block; }
	aside { width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto; display: block; }
	#site { display: none; }
	#welcome { width: 98%; padding: 15px 1%; margin: 0 auto; text-align: justify; }
	.sidetitle span { margin: 0 auto; display: block; }
	.projb { max-width: 340px; }
	.pagination { margin: 0 auto 10vh auto; text-align: center; }
	aside blockquote { width: 98%; padding: 8px 1%; }
}

@media only screen and (max-device-width: 1100px), all and (max-width: 1100px) {
	#latest { width: 98%; max-width: 98%; }
	#latest #lu { width: 100%; }
}

@media only screen and (max-device-width: 1060px), all and (max-width: 1060px) {
	#latest { display: block; }
	#latest #lu, #latest #la::after { display: none; }
	#latest #la { margin: 0 auto; }
	#latest #la table { margin: 10px auto 0 auto; }
}

@media only screen and (max-device-width: 900px), all and (max-width: 900px) {
	#topbar hr, #latest { display: none; }
}

@media only screen and (max-device-width: 800px), all and (max-width: 800px) {
	#topbar { width: 96vw; margin: 15px auto; display: block; }
	#topbar hr { display: none; }
	#mbox { padding: 0; border: none; display: block; }
	#mbox ul { padding: 0; border: none; display: none; }
	#mbox li { margin: 2px 0; padding: 10px 2%; text-align: left; border-bottom: 1px solid #c2c2c2; display: block; }
	.show-menu, #menu, footer { display: block;	}
	.entry table { width: 96% !important; }
	.entry img { max-width: 15vw !important; height: auto; }
	footer ul { max-width: 86%; }
}

@media only screen and (max-device-width: 700px), all and (max-width: 700px) {
	h1.title, h2 { font-size: 14pt; }
}

@media only screen and (max-device-width: 560px), all and (max-width: 560px) {
	.entry img { max-width: 12vw !important; height: auto; }
}

@media only screen and (max-device-width: 420px), all and (max-width: 420px) {
	body { font-size: 8pt; }
	h1.title, h2 { font-size: 12pt; }
	.projb { max-width: 320px; }
}