body { background: #000; color: #fff; font-family: monospace; font-size: 12px; }
a { color: #aaa; }

#wrapper { padding: 15px; }
#header { margin-bottom: 15px; height: 15px; }
#title { display: inline-block; text-align: left; float: left; }
#links { display: inline-block; text-align: right; float: right; }

.grid-sizer, .grid-item { width: 24%; padding-right: 1%; height: auto; display: inline-block; }
.grid-item img { width: 100%; height: auto; }

.text { width: 500px; margin-top: 50px; }

.jp { display: inline-block; }
.en { display: none; }

@media only screen and (max-device-width: 480px) {
	.grid-sizer, .grid-item { width: 49%; padding-right: 1%; height: auto; display: inline-block; }
	#header { font-size: 18px; margin-bottom: 20px; height: 20px; }
	.grid-item { font-size: 8px; }
}