@media only screen and (max-device-width: 1440px), all and (max-width: 1440px) {
	#lu li span { max-width: 50ch; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; }
}

@media only screen and (max-device-width: 1300px), all and (max-width: 1300px) {
	#lu li span { max-width: 40ch; }
}

@media only screen and (max-device-width: 1190px), all and (max-width: 1190px) {
	body, header { overflow-x: hidden; }
	#lu li span { max-width: 30ch; }
	#container { width: 98%; max-width: 98%; }
	article { min-width: 65vw; max-width: 65vw; }
	aside { min-width: 30vw; max-width: 30vw; }
}

@media only screen and (max-device-width: 1000px), all and (max-width: 1100px) {
	#social { display: none; }
	#container { display: block; }
	article { display: block; min-width: 100%; max-width: 100%; padding: 0; }
	.pagination { text-align: center; }
	aside { width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto; display: block; }
	.sidetitle span { display: block; }
	.projbox { max-width: 340px; }
}

@media only screen and (max-device-width: 900px), all and (max-width: 900px) {
	#lubx { display: none; }
	#la table td img { filter: grayscale(100%); webkit-filter: grayscale(100%); }
	#la table td:hover img { filter: grayscale(0%); webkit-filter: grayscale(0%); }
}

@media only screen and (max-device-width: 800px), all and (max-width: 800px) {
	header { margin: 50px auto 0 auto; }
	#menu { border: none; display: block; }
	#mbox { padding: 10px 0; }
	#mbox ul { background-color: transparent; position: static; margin: 0 auto; padding: 0; border: none; display: none; }
	#mbox hr, #mbox ul li::after, #mbox ul ul li:last-child::after { display: none; }
	#mbox li { max-width: 96%; background-color: #ffffff; color: #030303; text-decoration: none; text-transform: uppercase; text-align: left; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #060606; z-index: 30; display: block; }
	#mbox li a { color: inherit; text-decoration: none; }
	#mbox li::before { content: '//'; margin: 0 1vw 0 0; display: inline-block; z-index: 25; }
	#mbox ul ul { background-color: transparent !important; position: relative; margin-top: 11px; border-width: 0 0 0 2px; padding: 1px; }
	#mbox ul ul li { padding: 10px 2% !important; max-width: 94%; }
	#mbox ul ul li:last-child { border: none; }
	.show-menu { display: flex;	}
	.entry iframe { max-width: 90%; height: 45vw; }
	.entry table { width: 96% !important; }
}

@media only screen and (max-device-width: 680px), all and (max-width: 680px) {
	.entry img { max-width: 15vw !important; height: auto; }
	#la { display: none; }
}

@media only screen and (max-device-width: 560px), all and (max-width: 560px) {
	#container { width: 96%; max-width: 96%; }
}

@media only screen and (max-device-width: 420px), all and (max-width: 420px) {
	body { font-size: 7.5pt; }
	h1.title, h2 { font-size: 15pt; }
	.pinfo { letter-spacing: 0.1em; }
	.projbox { max-width: 320px; }
}