/* gikai: minimal smartphone support (screen width 768px or less).
   Fit images and tables into the screen to reduce horizontal scrolling.
   ASCII only (pages are Shift_JIS). PC view is not affected. */
@media screen and (max-width: 768px) {
	html {
		-webkit-text-size-adjust: 100%;
	}
	body {
		margin: 8px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	iframe,
	embed,
	object,
	video {
		max-width: 100%;
	}
	table {
		max-width: 100%;
	}
	table[width] {
		width: 100% !important;
	}
	/* top-level tables that still do not fit scroll inside themselves */
	table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	table table {
		display: table;
		overflow: visible;
	}
	td[width],
	th[width] {
		width: auto !important;
	}
	td,
	th {
		word-break: normal;
		overflow-wrap: break-word;
	}
	div[style*="width"] {
		max-width: 100%;
	}
	pre {
		white-space: pre-wrap;
	}
}