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

html, body { height: 100%; }

body { background: #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 { width: 640px; margin: 0 auto; }

/* [ header ]
===================================================================== */
#header { position: relative; width: 100%; }
#header .logo { text-align: center; padding-top: 14px; }

/* [ main ]
===================================================================== */
#main { padding-top: 29px; text-align: center; }
#main .links { width: 537px; margin: 30px auto 0; }
#main .links li:last-child { margin-left: 12px; margin-top: 14px; }
#main #game-area { position: relative; display: block; width: 640px; margin: 25px auto 0; }
#main .controller { width: 600px; margin: 25px auto 0; }
#main .controller li { display: block; width: 287px; height: 157px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: -900em; cursor: pointer; }
#main .controller li.btn-jump { float: left; background: url(../images/mobile/btn_jump.png) 0 0 no-repeat #e2e2e2; }
#main .controller li.btn-jump:hover { background-color: #b8b8b8; }
#main .controller li.btn-attack { float: right; background: url(../images/mobile/btn_attack.png) 0 0 no-repeat #e2e2e2; }
#main .controller li.btn-attack:hover { background-color: #b8b8b8; }
#main .banner { margin-top: 23px; }

/* [ footer ]
===================================================================== */
#footer { width: 100%; margin-top: 80px; padding: 0 0 40px; }
#footer .share { width: 302px; margin: 0 auto 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }
#footer .share li { float: left; margin-right: 4px; line-height: 0; }
#footer .share li.share-tw { padding-top: 41px; }
#footer .share li.share-tw iframe { width: 62px !important; }
#footer .share li.share-line { margin-right: 0; }
#footer .systemrequirements { width: 516px; margin: 85px auto 0; font-size: 24px; font-size: 2.4rem; line-height: 1.4; }
#footer .systemrequirements dt { font-weight: bold; }
#footer .copyright { margin-top: 100px; font-size: 14px; font-size: 1.4rem; letter-spacing: .1em; text-align: center; color: #808080; }