@charset "utf-8";

main>aside {
	clear: both;
	padding: 3em 0 2em;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
main>aside ul { list-style: none; width: 800px; }
main>aside li { float: left; position: relative; }
main>aside a {
	font-size: 90%;
	text-align: center;
	position: absolute; left: 0; width: 100%;
}

main>aside ul.tile,
main>aside ul.tile>li { height: 7em; }
main>aside ul.tile>li { width: 16.666%; }
main>aside ul.tile a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	top: -2em; height: 11em;
}

main>aside ul.store,
main>aside ul.store>li { height: 2em; }
main>aside ul.store>li { width: 16.666%; }
main>aside ul.store>li.app { width: 7%; }
main>aside ul.store>li.play { width: 9.666%; }
main>aside ul.store a { top: 0; hight: 100%; padding-top: 0.5em; }

main>aside li.ququ_the_frog { background: url('../sticker/flyer-ququ.png') center top / cover; }
main>aside li.keel_the_frog { background: url('../sticker/flyer-keel.png') center center / cover; }
main>aside li.ququ_and_friends { background: url('../sticker/flyer-friends.png') center center / cover; }
main>aside li.melancholy { background: url('../melancholy/image.png') left center / cover; }
main>aside li.countil { background: url('../countil/image.png') right bottom / cover; }
main>aside li.speedy { background: url('../speedy/image.png') left center / cover; }