@media only screen and (max-width: 350px) { body { font-size: 10px; } }
@media only screen and (min-width: 350px) { body { font-size: 12px; } }
@media only screen and (min-width: 400px) { body { font-size: 14px; } }
@media only screen and (min-width: 700px) { body { font-size: 20px; } }
@media only screen and (min-width: 1100px)
{
	body { font-size: 14px; background: #A8AAA7 url(../image/background.jpg) no-repeat; background-size: cover; background-attachment: fixed; }
	#box { margin: 3em auto 1em auto; width: 414px; height: 736px; overflow: hidden; box-shadow: 0 0 3em rgba(0, 0, 0, .4); border-radius: 1em; }
	#box .grid-frame { max-height: 100%; }
}