body {
	--CHECK_BORDER: 1px;
	--CHECK_COLOR: #b0c4de;
	--CHECK_BG: #fff;
	background-size: var(--CHECK_SIZE) var(--CHECK_SIZE);
	background-position: 50% 50%;
	background-image: repeating-linear-gradient( 90deg, var(--CHECK_COLOR) , var(--CHECK_COLOR) var(--CHECK_BORDER), transparent var(--CHECK_BORDER), transparent var(--CHECK_SIZE) ), repeating-linear-gradient( 0deg, var(--CHECK_COLOR) , var(--CHECK_COLOR) var(--CHECK_BORDER), var(--CHECK_BG) var(--CHECK_BORDER), var(--CHECK_BG) var(--CHECK_SIZE) );
	margin-top: 3%;
	font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo, sans-serif;
	font-size: 16px;
}

.topimg		{ max-width: 640px; height: display: block; auto; margin: 0 auto; }
.topimg img	{ max-width: 100%; height: auto; }
.menu		{ max-width: 200px; height: auto; margin: 0 auto; }
.menu img	{ max-width: 100%; height: auto; display: block; margin: 30px auto; }
.main		{ max-width: 550px; height: auto; display: block;
			margin: 0 auto; padding: 10px;
			background-color: #fff;
			border: 3px solid #000; border-radius: 10px; }

@media screen and (min-width: 350px){ body { --CHECK_SIZE: 30px; } }

@media screen and (max-width: 750px){ body { --CHECK_SIZE: 30px; }
.topimg		{ max-width: 90%; height: display: block; auto; margin: 0 auto; }
.topimg img	{ max-width: 100%; height: auto; }
.menu		{ max-width: 200px; height: auto; margin: 0 auto; }
.menu img	{ max-width: 100%; height: auto; display: block; margin: 30px auto; }
.main		{ max-width: 550px; height: auto; display: block;
			margin: 0 auto; padding: 10px;
			background-color: #fff;
			border: 3px solid #000; border-radius: 10px; } }