@charset "utf-8";

/* ---------------------------------------------------------
  HTML5+CSS3 初期化
----------------------------------------------------------*/
body {
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;  
  -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

/* --- リンクをタップした際の色指定 */
a {
  -webkit-tap-highlight-color: rgba(200,200,555,.6);
}

/* --- Retinaディスプレイ対応 */
img {
  zoom: 0.5;
}

/* ---------------------------------------------------------
  Base
----------------------------------------------------------*/
div#wrapper {
  margin: 20px auto 60px;
  width: 100%;
}

/* Header
----------------------------------------------------------*/
header {
  height: auto;
  background: url(../img/bg_sp_header.png) repeat left top;
}
  header div#header {
    margin: 0 2%;
    width: 96%;
    position: static;
  }

  /* --- ロゴ */
  header div#logo {
    margin-bottom: 1em;
    padding-top: 10px;
    line-height: 1;
    text-align: center;
  }
    header div#logo img {
      zoom: 0.6;
    }

  /* --- サイト説明文 */
  header p.desc {
    display: none;
  }
  
  /* --- スマートフォンゲームズへのリンク */
  header div#spgLink {
    position: static;
    text-align: center;
  }
    header div#spgLink img {
      zoom: 1;
    }

/* --- 会員登録 */
header ul.member {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
}
  header ul.member li {
    padding: 0 0.5em;
  }
    header ul.member li.signUpGame {
    padding-left: 18px;
  }
  header ul.member li.signUpReviewer {
    padding-left: 24px;
  }
  header ul.member li.signIn {
    padding-left: 22px;
  }
  header ul.member li.signOut {
    padding-left: 20px;
  }
  header ul.member li.gamePost {
    padding-left: 16px;
  }
  header ul.member li.userName {
    padding-left: 20px;
  }


/* Search Area
-------------------------------------------- */
#header div#fsearch {
  float: none;
  margin: 0 auto 0.5em;
	width: 90%;
	vertical-align: bottom;
}
  #header div#fsearch input.fs-search {
    width: 65%;
  }
  #header div#fsearch input.fs-submit {
    width: 30%;
  }

/* ContentsArea
----------------------------------------------------------*/
div#contentsArea {
  float: none;
  width: 100%;
}

/* Footer Area
----------------------------------------------------------*/
div#footerArea {
  clear: both;
  background: url(../img/bg_footer.png) repeat-x center top;
  padding-top: 40px;
}
  footer {
    margin: 0 2%;
    width: 96%;
  }

  footer ul#footerAboutLink {
    float: none;
    margin-bottom: 2em;
    width: 100%;
  }

  footer div#footerCategoryLink {
    float: none;
    margin: 5px 0 2em;
    width: 100%;
    text-align: center;
  }
    footer div#footerCategoryLink img.category {
      zoom: 1;
    }
    footer div#footerCategoryLink li img {
      zoom: 1;
    }



/* ---------------------------------------------------------
  Category Article List
----------------------------------------------------------*/
div#categoryContents {
  float: none;
  width: 100%;
}


/* Category Link
-------------------------------------------- */
div#categoryLink {
  margin-bottom: 30px;
  overflow: hidden;
}
div#categoryLink div.category img {
  zoom: 1;
}
div#categoryLink ul {
  float: left;
  margin: 0 2%;
  width: 46%;
}
  div#categoryLink li {
    margin-bottom: 0.5em;
  }
    div#categoryLink li a {
      padding-left: 32px;
      font-size: 13px;
    }


/* カテゴリリストの並べ替え
-------------------------------------------- */
section#gameList h1 {
  margin-bottom: 10px;
  height: auto;
  line-height: 1.2;
  font-weight: bold;
  font-size: 130%;
  text-align: center;
}
  section#gameList h1:before {
    background: none;
    padding: 0;
  }

/* --- ソートボタン */
section#gameList ul#sortAction {
  margin: 1em 0 0;
}
  section#gameList ul#sortAction li {
    padding: 0 1%;
  }
  section#gameList ul#sortAction li img {
    zoom: 1;
  }

/* --- ゲーム一覧 */
section#gameList ul#catalog {
  width: 100%;
}
section#gameList ul#catalog li {
  width: 44%;
  padding: 24px 2% 20px;
}

  section#gameList ul#catalog li div.gi img {
    width: 98%;
    height: 98%;
    border: solid 2px #f2f2f2;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
  }
  section#gameList ul#catalog li div.os img {
    zoom: 1;
  }

/* カテゴリストページネーション
-------------------------------------------- */
form#page_sel a {
  display: block;
  padding: 0.5em;
}


/* 非表示設定
-------------------------------------------- */
div.adNewgameTop, div#categoryAdArea {
  display: none;
}


/* MTSearch
-------------------------------------------- */
ul#searchWord img.searchImg {
  width: 240px;
  height: 240px;
}




/* 後で消す 2015.03.04
-------------------------------------------- */
section#categoryLink {
  margin: 10px auto;
  width: 100%;
}
  section#categoryLink h2 {
    text-align: center;
    margin-left: 0;
  }
    section#categoryLink h2 img {
      zoom: 1;
    }
  section#categoryLink ul {
    margin: 5px 0 1em;
    text-align: center;
  }
    section#categoryLink li {
      padding: 0 5px;
    }
      section#categoryLink li img {
        zoom: 1;
      }

/* --- ソートボタン */
section#gameList ul#sortBy {
  margin: 1em 0 0;
  padding-bottom: 10px;
}
  section#gameList ul#sortBy li a {
  	display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 5px;
  	width: 100px;
  }

/* --- ジャンル別インデックスリンク */
div#genreIndexPageLink {
  padding-top: 2em;
}
  div#genreIndexPageLink ul {
    margin-bottom: 2em;
    text-align: left;
  }
    div#genreIndexPageLink ul li {
      display: block;
      margin-bottom: 1em;
    }
  div#genreIndexPageLink p {
    clear: both;
    padding-top: 10px;
  }