html, body { margin: 0; padding: 0; border: 0; color:#FFFFFF; background: #000;}
body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #000; }
#game { position: relative; width: 800px; height: 600px; margin: 0 auto; overflow: hidden;  }
#main { position: relative; width: 800px; margin: 0 auto; overflow: hidden;  }
#top { width: 600px; margin: 0 auto; position: relative; padding: 10px 0; text-align: center; }
#top h1 { font-family: 'hellogoodbye'; display: inline-block; text-transform: uppercase; color: #fff; font-size: 68px; font-weight: normal; }
#left_ad { position: absolute; top: 100px; left: 50%; margin-left: -510px; width: 160px; height: 600px; border: 5px solid #292225; }
#right_ad { position: absolute; top: 100px; left: 50%; margin-left: 340px; width: 160px; height: 600px; border: 5px solid #292225; }
#text { font-family: 'hellogoodbye'; color: #fff; font-size: 18px;font-weight: normal;}
#text a { font-family: 'hellogoodbye'; color: #fff; font-size: 18px;font-weight: normal; text-decoration: none;}
@font-face {
    font-family: 'hellogoodbye';
    src: url('../fonts/hellogoodbye.otf');
}
.fb_box {float: left;}

.deskContent ul, .phoneContent ul { text-align: center; list-style: none; }
.deskContent li, .phoneContent li { display: block; margin-bottom: 10px; }
.deskContent li { display: inline-block; margin-right: 5px; }

.phoneContent { display: none; }

#main > a > img { width: 250px; border: none; margin: 5px; }

@media (max-width: 667px) {
	.deskContent, #game { display: none; }
	.phoneContent { display: block; }
	#top { width: 100%; }
	#top h1 { margin-bottom: 10px; font-size: 58px; }
	#main { width: 100%; }
	#main > a > img { width: 30%; float: left; box-sizing: border-box; }
}