@charset "utf-8";

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

/* Side Ad Area
-------------------------------------------- */
div#categoryAdArea {
  float: right;
  padding-top: 30px;
  width: 160px;
}

div.adCategorySide160x600 {
  margin-bottom: 30px;
}
ul.adListPageSide160x600 li {
  margin-bottom: 30px;
}


/* Category Link
-------------------------------------------- */
div#categoryLink {
  clear: both;
  margin: 0 auto 20px;
  width: 96%;
}
  div#categoryLink div.category {
    margin-bottom: 10px;
    text-align: center;
  }
  div#categoryLink ul {
    float: left;
    margin-bottom: 15px;
    width: 25%;
  }
    div#categoryLink li {
      margin-bottom: 1em;
      width: 100%;
    }
    div#categoryLink li.newgame {
      background: url(../img/icon_category_newgame.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.roleplaying {
      background: url(../img/icon_category_rpg.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.adventure {
      background: url(../img/icon_category_adv.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.simulation {
      background: url(../img/icon_category_sim.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.action {
      background: url(../img/icon_category_act.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.fighting {
      background: url(../img/icon_category_fig.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.shooting {
      background: url(../img/icon_category_sht.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.puzzle {
      background: url(../img/icon_category_puz.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.browser {
      background: url(../img/icon_category_brs.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.onlinegame {
      background: url(../img/icon_category_ong.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.foreign {
      background: url(../img/icon_category_for.png) no-repeat left center;
      background-size: 28px 28px;
    }
    div#categoryLink li.spapp {
      background: url(../img/icon_category_spp.png) no-repeat left center;
      background-size: 28px 28px;
    }
      div#categoryLink li a {
        display: block;
        width: 100%;
        height: 30px;
        padding-left: 38px;
        line-height: 31px;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        white-space: nowrap;
      }
        div#categoryLink li a:hover {
          text-decoration: underline;
        }



/* カテゴリリストの並べ替え
-------------------------------------------- */
section#gameList {
  clear: both;
}
  section#gameList h1 {
    margin-bottom: 10px;
    height: 37px;
    line-height: 40px;
    font-weight: bold;
    font-size: 180%;
    text-align: center;
  }
    /* --- ロールプレイング */
    section#gameList h1.roleplaying {
      color: #eb7212;
    }
    /* --- アドベンチャー */
    section#gameList h1.adventure {
      color: #342709;
    }
    /* --- シミュレーション */
    section#gameList h1.simulation {
      color: #1a1a1a;
    }
    /* --- アクション */
    section#gameList h1.action {
      color: #c22905;
    }
    /* --- 対戦格闘 */
    section#gameList h1.fighting {
      color: #690f02;
    }
    /* --- シューティング */
    section#gameList h1.shooting {
      color: #176c9c;
    }
    /* --- パズル */
    section#gameList h1.puzzle {
      color: #1b5028;
    }
    /* --- ブラウザ */
    section#gameList h1.browser {
      color: #322e7c;
    }
    /* --- オンライン */
    section#gameList h1.onlinegame {
      color: #b18107;
    }
    /* --- スマホアプリ */
    section#gameList h1.spapp {
      color: #6f8a93;
    }
    /* --- 海外 */
    section#gameList h1.foreign {
      color: #134b53;
    }
    /* --- 新着ゲーム */
    section#gameList h1.newgames {
      border-bottom: solid 5px #336699;
      padding-bottom: 10px;
      color: #336699;
    }

  section#gameList h1:before {
    background: url(../img/icon_taiboku.png) no-repeat left top;
    background-size: 40px 37px;
    content: "";
    padding: 5px 0 5px 50px;
  }

/* --- ソートボタン */
section#gameList ul#sortAction {
  margin: 2em 0 0;
  padding-bottom: 5px;
  text-align: center;
}
  section#gameList ul#sortAction li {
    display: inline;
    padding: 0 5px;
    list-style: none;
  }
  /* --- ロールプレイング */
  section#gameList ul.sortActionroleplaying {
    border-bottom: solid 5px #eb7212;
  }
  /* --- アドベンチャー */
  section#gameList ul.sortActionadventure {
    border-bottom: solid 5px #342709;
  }
  /* --- シミュレーション */
  section#gameList ul.sortActionsimulation {
    border-bottom: solid 5px #1a1a1a;
  }
  /* --- アクション */
  section#gameList ul.sortActionaction {
    border-bottom: solid 5px #c22905;
  }
  /* --- 対戦格闘 */
  section#gameList ul.sortActionfighting {
    border-bottom: solid 5px #690f02;
  }
  /* --- シューティング */
  section#gameList ul.sortActionshooting {
    border-bottom: solid 5px #176c9c;
  }
  /* --- パズル */
  section#gameList ul.sortActionpuzzle {
    border-bottom: solid 5px #1b5028;
  }
  /* --- ブラウザゲーム */
  section#gameList ul.sortActionbrowser {
    border-bottom: solid 5px #322e7c;
  }
  /* --- オンラインゲーム */
  section#gameList ul.sortActiononlinegame {
    border-bottom: solid 5px #b18107;
  }
  /* --- 海外 */
  section#gameList ul.sortActionforeign {
    border-bottom: solid 5px #134b53;
  }
  /* --- スマホアプリ */
  section#gameList ul.sortActionspapp {
    border-bottom: solid 5px #6f8a93;
  }

/* --- 新着ゲーム一覧上部広告エリア */
div.adNewgameTop {
  margin-bottom: 30px;
  text-align: center;
}
  div.adNewgameTop a {
    text-align: center;
    text-decoration: none;
  }
    div.adNewgameTop a span {
      display: block;
      line-height: 1.6;
      font-size: 13px;
      font-weight: bold;
    }

/* --- 新着ゲーム右部オンラインゲームランキングエリア */
div.onlineGameRanking {
  margin-bottom: 30px;
}
  div.onlineGameRanking h2 {
    margin-bottom: 10px;
    background-color: #bd0100;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
  }
    div.onlineGameRanking li a {
      display: block;
      margin-bottom: 30px;
      text-decoration: none;
      text-align: center;
    }
      div.onlineGameRanking li a img {
        margin-bottom: 5px;
      }
      div.onlineGameRanking li a span.point {
        margin-bottom: 3px;
        font-size: 12px;
        color: #d8590f;
      }
        div.onlineGameRanking li a span.point span {
          padding-right: 0.2em;
          font-size: 18px;
          letter-spacing: 0.1em;
        }
      div.onlineGameRanking li a span.gameTitle {
        display: block;
        margin-bottom: 5px;
        line-height: 1;
        font-size: 14px;
        font-weight: bold;
      }
      div.onlineGameRanking li a span.desc {
        color: #333;
      }


/* --- ゲーム一覧 */
section#gameList ul#catalog {
  clear: both;
  margin-bottom: 30px;
  text-align: center;
  overflow: hidden;
  zoom: 1;
}
section#gameList ul#catalog li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: -1px;
  width: 302px;
  padding: 24px 10px 20px;
  text-align: center;
  vertical-align: top;
}
section#gameList ul li:first-child,
section#gameList ul li:first-child form {
  border: none !important;
}
    /* --- ロールプレイング */
    section#gameList ul.roleplaying li {
    	border-top: dashed 1px #eb7212;
    }
    section#gameList ul.roleplaying form {
    	border-top: dashed 1px #eb7212;
    }
    /* --- アドベンチャー */
    section#gameList ul.adventure li {
    	border-top: dashed 1px #342709;
    }
    section#gameList ul.adventure form {
    	border-top: dashed 1px #342709;
    }
    /* --- シミュレーション */
    section#gameList ul.simulation li {
    	border-top: dashed 1px #1a1a1a;
    }
    section#gameList ul.simulation form {
    	border-top: dashed 1px #1a1a1a;
    }
    /* --- アクション */
    section#gameList ul.action li {
    	border-top: dashed 1px #c22905;
    }
    section#gameList ul.action form {
    	border-top: dashed 1px #c22905;
    }
    /* --- 対戦格闘 */
    section#gameList ul.fighting li {
    	border-top: dashed 1px #690f02;
    }
    section#gameList ul.fighting form {
    	border-top: dashed 1px #690f02;
    }
    /* --- シューティング */
    section#gameList ul.shooting li {
    	border-top: dashed 1px #176c9c;
    }
    section#gameList ul.shooting form {
    	border-top: dashed 1px #176c9c;
    }
    /* --- パズル */
    section#gameList ul.puzzle li {
    	border-top: dashed 1px #1b5028;
    }
    section#gameList ul.puzzle form {
    	border-top: dashed 1px #1b5028;
    }
    /* --- ブラウザ */
    section#gameList ul.browser li {
    	border-top: dashed 1px #322e7c;
    }
    section#gameList ul.browser form {
    	border-top: dashed 1px #322e7c;
    }
    /* --- オンライン */
    section#gameList ul.onlinegame li {
    	border-top: dashed 1px #b18107;
    }
    section#gameList ul.onlinegame form {
    	border-top: dashed 1px #b18107;
    }
    /* --- 海外 */
    section#gameList ul.foreign li {
    	border-top: dashed 1px #134b53;
    }
    section#gameList ul.foreign form {
    	border-top: dashed 1px #134b53;
    }
    /* --- スマホアプリ */
    section#gameList ul.spapp li {
    	border-top: dashed 1px #6f8a93;
    }
    section#gameList ul.spapp form {
    	border-top: dashed 1px #6f8a93;
    }
    /* --- 新着ページ */
    section#gameList ul.newgames {
      margin-bottom: 30px;
    }
      section#gameList ul.newgames li {
      	border-top: dashed 1px #336699;
      }

section#gameList ul#catalog li a {
  text-decoration: none;
  outline: none;
}
  section#gameList ul#catalog li div.rt {
    margin-bottom: 5px;
    text-align: center;
    font-size: 13px;
    color: #444;
  }
  section#gameList ul#catalog li p.gt {
    margin-bottom: 0;
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  section#gameList ul#catalog li div.ageLimit {
    border-radius: 7px;
    display: block;
    width: 14em;
    padding: 3px 0 2px 0.5em;
    box-sizing: border-box;
    background: #bf0000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 3px auto;
    font-size: 13px;
    font-weight: bold;
  }
    section#gameList ul#catalog li div.R12 {
      background: #008b3a;
    }
    section#gameList ul#catalog li div.R15 {
      background: #ce0000;
    }
    section#gameList ul#catalog li div.R17 {
      background: #000;
    }
  
  section#gameList ul#catalog li div.gi img {
    width: 100%;
    height: 225px;
    max-width: 300px;
    object-fit: cover;
    border: solid 1px #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
  section#gameList ul#catalog li p.sd {
    margin-bottom: 5px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
  }
  section#gameList ul#catalog li span.st {
    display: block;
    font-size: 14px;
    color: #333;
  }
    section#gameList ul#catalog li span.st span.score1 {
      padding-right: 2px;
      font-weight: bold;
      font-size: 24px;
      color: #d6280c;
    }
    section#gameList ul#catalog li span.st span.score2 {
      padding-right: 3px;
      font-weight: bold;
      font-size: 16px;
      color: #d6280c;
    }
    section#gameList ul#catalog li span.st span.ten {
      font-weight: bold;
      font-size: 12px;
      color: #d6280c;
    }
    section#gameList ul#catalog li span.st span.reviewCount {
      padding-right: 5px;
      font-weight: bold;
      font-size: 22px;
      color: #11a6d7;
    }
    section#gameList ul#catalog li span.st span.review {
      font-size: 11px;
      color: #11a6d7;
      font-weight: bold;
    }
    section#gameList ul#catalog li span.st span.downloadCount {
      padding-right: 5px;
      font-weight: bold;
      font-size: 22px;
      color: #d6280c;
    }
    section#gameList ul#catalog li span.st span.download {
      font-size: 11px;
      color: #d6280c;
      font-weight: bold;
    }
  section#gameList ul#catalog li span.ac {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
  }
    section#gameList ul#catalog li span.ac span {
      padding-right: 0.2em;
      font-weight: bold;
      font-size: 20px;
    }
  section#gameList ul#catalog li span.date {
    line-height: 2;
    font-size: 14px;
    font-weight: bold;
    color: #333;
  }
  
  /* 対応OS */
  section#gameList ul#catalog li div.os {
    width: 100%;
    line-height: 22px;
    color: #333;
    overflow: hidden;
  }
    section#gameList ul#catalog li div.os img {
      padding-right: 2px;
      vertical-align: bottom;
    }
    section#gameList ul#catalog li div.os span.oswin {
      display: inline-block;
      padding-right: 0.75em;
      font-size: 14px;
      color: #00adef;
    }
      section#gameList ul#catalog li div.os span.oswin img {
        padding-bottom: 3px;
      }
    section#gameList ul#catalog li div.os span.osmac {
      display: inline-block;
      padding-right: 0.75em;
    }
      section#gameList ul#catalog li div.os span.osmac img {
        padding-bottom: 3px;
      }
    section#gameList ul#catalog li div.os span.osbrowser {
      display: inline-block;
    }
      section#gameList ul#catalog li div.os span.osbrowser img {
        padding-bottom: 3px;
      }

section#gameList ul#catalog form {
  margin-top: 20px;
  padding-top: 15px;
  font-size: 16px;
}
  section#gameList ul#catalog form a {
    font-weight: bold;
  }
  section#gameList ul#catalog form select {
    margin-right: 5px;
  }
  section#gameList ul#catalog form option {
    padding: 2px 5px;
    font-size: 15px;
  }


/*  記事リストのカテゴリ表示
------------------------------------------------ */
div.category {
  margin-bottom: 0.5em;
}
div.category span {
  display: inline-block;
  height: 1.6em;
  padding: 0 1em;
	line-height: 1.7em;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
  /* --- ロールプレイング */
  div.category span.roleplaying {
  	background-color: #eb7212;
  }
  /* --- アドベンチャー */
  div.category span.adventure {
  	background-color: #342709;
  }
  /* --- シミュレーション */
  div.category span.simulation {
  	background-color: #1a1a1a;
  }
  /* --- アクション */
  div.category span.action {
  	background-color: #c22905;
  }
  /* --- 対戦格闘 */
  div.category span.fighting {
  	background-color: #690f02;
  }
  /* --- シューティング */
  div.category span.shooting {
  	background-color: #176c9c;
  }
  /* --- パズル */
  div.category span.puzzle {
  	background-color: #1b5028;
  }
  /* --- ブラウザ */
  div.category span.browser {
  	background-color: #322e7c;
  }
  /* --- オンライン */
  div.category span.onlinegame {
  	background-color: #b18107;
  }
  /* --- 海外 */
  div.category span.foreign {
  	background-color: #134b53;
  }
  /* --- スマホアプリ */
  div.category span.spapp {
  	background-color: #6f8a93;
  }
div.category span.entrydate {
  display: inline;
  padding-left: 0.5em;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}



/* mt-search サイト内全文検索結果ページ
-------------------------------------------- */
section#gameList ul#searchWord {
  margin-bottom: 30px;
  overflow: hidden;
  zoom: 1;
}
  section#gameList ul#searchWord li {
    clear: left;
    margin-top: -1px;
    width: 94%;
    border-top: dashed 1px #eb7212;
    padding: 1em 2%;
    vertical-align: top;
    overflow: hidden;
  }
    section#gameList ul#searchWord li a {
      display: block;
      width: 100%;
      text-decoration: none;
      outline: none;
      overflow: hidden;
    }

/* --- ゲーム記事検索 */
section#gameList ul#searchWord li a img {
  float: left;
  margin-right: 20px;
}
section#gameList ul#searchWord li a div.artBody {
  overflow: hidden;
  line-height: 1.6;
}
  section#gameList ul#searchWord li a div.artBody span.gt {
    display: block;
    font-size: 18px;
    font-weight: bold;
  }
  section#gameList ul#searchWord li a div.artBody span.dc {
    display: block;
    margin-bottom: 0.5em;
    font-size: 14px;
    font-weight: bold;
    color: #333;
  }
  section#gameList ul#searchWord li a div.artBody div.eb {
    font-size: 13px;
    color: #333;
  }

/* --- Webページ検索 */
section#gameList ul#searchWord li a.pt {
  line-height: 2;
  font-size: 18px;
}


/* ページ下の広告表示
-------------------------------------------- */
div.adCategoryFooter {
  clear: both;
  margin: 10px auto 20px;
}


/* タグクラウドページ
-------------------------------------------- */
ul#tagCloudList {
  margin: 30px 1em;
}
  ul#tagCloudList li {
    display: inline;
    border-right: solid 1px #ccc;
  }
    ul#tagCloudList li a {
      padding: 0 0.5em;
      line-height: 2.4;
      font-size: 16px;
      white-space: nowrap;
    }



/* MT-Search Resultsのページネーション
-------------------------------------------- */
/* --- ページ送り */
ol.searchResultPagination {
  clear: both;
  margin: 0 0 30px 0.5em;
  border-top: solid 1px #11a6d7;
  padding-top: 10px;
  width: auto;
}
ol.searchResultPagination li {
  display: inline-block;
	*display: inline;
	*zoom: 1;
	list-style: none;
}
  ol.searchResultPagination li a {
    display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 0.1em 0.5em;
	  padding: 0.5em 1em;
		-moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    border-radius: 3px;         /* CSS3 */
    border: 1px #c1c1b3 solid;     /* 枠線の装飾 */
		background-color: #c1c1b3;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
  }
  ol.searchResultPagination li a:hover {
	  background-color: #11a6d7;
	  border: 1px #11a6d7 solid;
	}
	ol.searchResultPagination li.current {
	  margin: 0 0.1em 0.5em;
	  padding: 0.5em 1em;
	  -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    border-radius: 3px;         /* CSS3 */
	  background-color: #11a6d7;
	  border: 1px #11a6d7 solid;
	  font-size: 15px;
	  font-weight: bold;
	  color: #fff;
	}


/* --- ジャンル別インデックスリンク */
div#genreIndexPageLink {
  clear: both;
  margin-bottom: 3em;
  width: 100%;
  border-top: dashed 2px #543b1f;
  padding-top: 3em;
  overflow: hidden;
}
  div#genreIndexPageLink ul {
    margin-bottom: 3em;
    text-align: center;
  }
    div#genreIndexPageLink ul li {
      display: inline;
      margin-bottom: 3em;
      background: none;
      padding: 0 2em;
    }
      div#genreIndexPageLink ul a {
        font-size: 15px;
        white-space: nowrap;
        background: url(../img/icon_kirikabu_s.png) no-repeat left center;
        padding-left: 25px;
      }
        div#genreIndexPageLink ul a span {
          letter-spacing: 0.1em;
          font-size: 18px;
          font-weight: bold;
        }

  div#genreIndexPageLink p {
    margin: 0 auto 1em;
    width: 94%;
    text-align: center;
  }
    div#genreIndexPageLink p a {
      display: block;
      width: 100%;
      font-size: 17px;
      font-weight: bold;
    }
    div#genreIndexPageLink p a:before {
      background: url(../img/icon_yajirushi.png) no-repeat left top;
      background-size: 16px 18px;
      content: " ";
      padding-left: 24px;
    }