@charset "UTF-8";
* { box-sizing: border-box; }

html, body { height: 100%; }

body { background: url(../images/desktop/bg.gif) 50% 0 repeat #fff; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 14px; font-size: 1.4rem; color: #64635c; line-height: 1; }

/* [ #all ]
===================================================================== */
#all { min-width: 924px; }

/* [ header ]
===================================================================== */
#header { position: relative; width: 100%; }
#header .logo { position: absolute; top: 18px; left: 32px; }

/* [ main ]
===================================================================== */
#main { width: 862px; margin: 0 auto; padding-top: 50px; text-align: center; }
#main .links { margin-top: 33px; }
#main #game-area { position: relative; display: block; width: 652px; height: 372px; margin: 30px auto 0; background: url(../images/desktop/bg_game-area.png) 0 0 no-repeat; }
#main #game-area .sound-controller { position: absolute; top: 384px; right: 0; width: 28px; height: 16px; background: url(../images/desktop/sound_off@2x.png) 0 0 no-repeat; background-size: 28px 16px; cursor: pointer; }
#main #game-area .sound-controller.state-on { background: url(../images/desktop/sound_on@2x.png) 0 0 no-repeat; background-size: 26px 16px; }
#main #game { position: absolute; top: 6px; left: 6px; width: 640px; height: 360px; }
#main #canvas { width: 640px; height: 360px; }
#main .game-info { margin-top: 12px; line-height: 1; }
#main .banner { margin-top: 20px; text-align: center; }

/* [ footer ]
===================================================================== */
#footer { width: 700px; margin: 0 auto; padding: 0 0 20px; }
#footer .share { width: 310px; margin: 45px auto 0; }
#footer .share li { float: left; line-height: 0; vertical-align: bottom; margin-right: 20px; }
#footer .share li.share-tw { padding-top: 41px; }
#footer .share li.share-hatebu { margin-right: 0; }
#footer .systemrequirements { width: 652px; margin: 50px auto 0; text-align: center; line-height: 1.6; }
#footer .systemrequirements dt { margin-bottom: 4px; font-weight: bold; }
#footer .copyright { margin-top: 60px; font-size: 12px; font-size: 1.2rem; letter-spacing: .1em; text-align: center; color: #808080; }