@media only screen and (max-device-width: 1060px), all and (max-width: 1060px) {
	body, #wrapper, header { overflow-x: hidden; }
	#wrapper { background-image: none; }
	#search { display: none; }
	header { width: 100%; }
	#container { width: 96%; max-width: 96%; display: block; }
	article { display: table-header-group; min-width: 100%; max-width: 100%; padding: 0; }
	section { max-width: 96%; }
	.pagination { text-align: center; }
	aside { width: 96%; min-width: 96%; max-width: 96%; padding: 0 2%; display: block; }
	#xtr { width: 100%; }
}

@media only screen and (max-device-width: 900px), all and (max-width: 900px) {
	#social { display: none; }
	#mbox { text-align: center; }
	#site { margin: 8vw auto 0 auto; }
}

@media only screen and (max-device-width: 800px), all and (max-width: 800px) {
	#topbar { padding: 1vw 1%; border-bottom-width: 2vw; }
	header { height: 1vw; background-position: center top; }
	#menu { display: block; }
	#mbox ul { position: static; margin: 1vw 0 0 0; display: none; }
	#mbox li { background-color: #f7f7f7; color: #252525; text-decoration: none; text-transform: uppercase; text-align: left; text-shadow: 1px 1px #ffffff; padding: 8px 2%; border-bottom: 1px solid #252525; z-index: 30; display: block; }
	#mbox li a { color: inherit; }
	#mbox li:before { content: ''; background-color: #584758; width: 4px; height: 4px; margin: 0 8px 2px 0; border-radius: 100%; position: relative; display: inline-block; }
	#mbox .current-page-item a, #mbox .current-menu-item a { color: #9f5459;}
	#mbox ul ul { position: relative; margin-top: 11px; border-width: 0 0 0 1px; }
	#mbox ul ul li:last-child { border: none; }
	.show-menu { display:block;	}
	.entry iframe { max-width: 90%; height: 45vw; }
	.entry table { width: 96% !important; }
	#st { display: none; }
}

@media only screen and (max-device-width: 680px), all and (max-width: 680px) {
	#site { margin-top: 10vw; font-size: 10vw; }
	.entry img { max-width: 15vw; height: auto; }
	.sidetitle { font-size: 11px; }
}

@media only screen and (max-device-width: 560px), all and (max-width: 560px) {
	#slogan, #sl { display: none; }
	#site { line-height: 100%; }
	.entry img { max-width: 12vw; height: auto; }
	#latest img { max-width: 17vw; }
}

@media only screen and (max-device-width: 420px), all and (max-width: 420px) {
	#site { margin-top: 11vw; }
	h1.title, h2 { font-size: 21px; }
	.entry { font-size: 12px; }
	h5, #latest, #xtr { display: none; }
}