@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top-sp.css
 style info :
=================================================================== */
/* @TOP CONTENTS
================================= */
#wrap {
  background: url(https://media.spike-chunsoft.co.jp/pages/hfr/images/bg-main.gif) repeat top center;
  -webkit-background-size: 840px 232px;
  -moz-background-size: 840px 232px;
  -ms-background-size: 840px 232px;
  background-size: 840px 232px;
}
#top-contents {
  background-color: transparent;
}
.hideSP {
  display: none;
}
.hidePC {
  display: block;
  color: #fff;
}
.sp-main {
  background: url(https://media.spike-chunsoft.co.jp/pages/hfr/images/sp/bg-main-sp.jpg) no-repeat top center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
  position: relative;
}
.sp-main img {
  width: 100%;
  height: auto;
}
ul.game-logo {
  position: absolute;
  right: 20px;
  top: 45px;
}
ul.game-logo li {
  float: left;
  margin-left: 39px;
}
h1 {
  position: absolute;
  left: 375px;
  top: 300px;
  width: 627px;
}
.purchase-area {
  padding: 0 35px;
}
.purchase-area ul li {
  float: left;
}
.purchase-area ul li:last-child {
  margin-left: 33px;
}
.purchase-area ul li img {
  width: 100%;
  height: auto;
}
.logo-xboxone {
  width: 200px;
}
.logo-ps4 {
  width: 174px;
}
.btn-revolutionary {
  width: 715px;
}
.btn-dlc {
  width: 715px;
}
.btn-cart {
  width: 182px;
}
.btn-sg {
  width: 100%;
  margin:33px 0 0 0 !important;
}
#main {
  clear: both;
  background: none;
  padding-top: 76px;
}
.spec .inner {
  padding: 28px;
}