@charset "utf-8";

/* ---------------------------------------------------------
  ArticleHeader
----------------------------------------------------------*/
#articleHeader {
  background: url(../img/bg_sabaku.png) repeat left top;
  padding: 15px 0 20px;
  overflow: hidden;
}

  #articleHeader section#gameInfoArea {
    margin: 0 auto;
    width: 984px;
  }
    section#gameInfoArea #innerBoxLeft {
      float: left;
      width: 660px;
    }
    section#gameInfoArea #innerBoxRight {
      float: right;
      width: 300px;
    }


/* パンくずリスト
-------------------------------------------- */
section#gameInfoArea nav#breadcrumb {
  margin-bottom: 10px;
}
  section#gameInfoArea nav#breadcrumb li {
    display: inline;
    line-height: 24px;
    vertical-align: bottom;
  }
  section#gameInfoArea nav#breadcrumb li:before {
    padding: 0 5px;
    content: " > ";
  }
  section#gameInfoArea nav#breadcrumb li:first-child:before {
    padding-left: 0;
    content:"";
  }
    section#gameInfoArea nav#breadcrumb li a {
      text-decoration: none;
    }
    section#gameInfoArea nav#breadcrumb li img {
      vertical-align: bottom;
    }

/* Header Game Image
-------------------------------------------- */
img.headerGameImage {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  border: solid 1px #fff;
  max-width: 120px;
}

/* ゲームタイトル回り
-------------------------------------------- */
section#gameInfoArea h1 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 26px;
  color: #496e29;
}
  section#gameInfoArea h1 span.fn {
    font-weight: bold;
  }
section#gameInfoArea p.desc {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 15px;
  overflow: hidden;
}


/* クリエイター・投票結果情報
-------------------------------------------- */
/* --- クリエイター情報 */
section#gameInfoArea #createrInfo ul.postInfo {
  margin-bottom: 8px;
}
section#gameInfoArea #createrInfo ul.postInfo li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 0.5em;
  line-height: 20px;
}
  section#gameInfoArea #createrInfo ul.postInfo li span:before {
    content: ": ";
  }
  section#gameInfoArea #createrInfo div.user-pic img {
    float: left;
    padding-right: 5px;
  }

/* --- 投げ銭（寄付）ボタン */
ul.postInfo li#donationIcon {
  padding-left: 0.5em;
}
ul.postInfo li#donationIcon a > img {
  vertical-align: bottom;
}


/* 関連タグ
-------------------------------------------- */
#innerBoxLeft div.gameTag {
  clear: left;
  margin: 8px 0 0 0;
  background: url(../img/icon_tag.png) no-repeat left top;
  background-size: 17px 20px;
  padding: 0 0 0 27px;
  line-height: 21px;
  font-size: 13px;
}
#innerBoxLeft div.denialGameTag {
  clear: left;
  margin: 8px 0 0 0;
  background: url(../img/icon_tag.png) no-repeat left top;
  background-size: 17px 20px;
  padding: 0 0 0 27px;
  line-height: 21px;
  font-size: 13px;
  overflow: hidden;
}

#innerBoxLeft ul.tagList {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height:0;
}
#innerBoxLeft ul.tagList li {
	position: relative;
	display: inline-block;
	margin: 0 0.75em 0 0;
	padding: 0;
	font-size: 12px;
}
#innerBoxLeft ul.tagList li a {
	position: relative;
	display: inline-block;
	max-width: 150px;
	height: 21px;
	line-height: 22px;
	padding: 0 .75em;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
#innerBoxLeft ul.tagList li span {
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 2;
	width: 28px;
	height: 21px;
	line-height: 22px;
	background-color: #3498db;
	border: 1px solid #3498db;
	border-radius: 100%;
	color: #fff;
	font-size: 12px;
	text-align: center;
	opacity: 0;
	-webkit-transition: .2s;
	transition: .2s;
	-webkit-transform: scale(.4);
	transform: scale(.4);
}
#innerBoxLeft ul.tagList li span::after {
	position: absolute;
	top: 50%;
	left: -8px;
	content: '';
	width: 0;
	height: 0;
	margin-top: -5px;
	border-color: transparent #3498db transparent transparent;
	border-style: solid;
	border-width: 5px 10px 5px 0;
}
#innerBoxLeft ul.tagList li a:hover {
	border: 1px solid #3498db;
	color: #3498db;
}
#innerBoxLeft ul.tagList li:hover span {
	right: -19px;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* お気に入り機能
-------------------------------------------- */
section#gameInfoArea div.favorite img {
  float: left;
}
.icon-score {
    background: url(../img/score-icon.gif) no-repeat 0 50%;
    padding-left: 15px;
}
a.scoring {
    white-space: nowrap;
    background: url(../img/scoring-stars.gif) no-repeat 0 -120px;
    padding: 0 0 3px 20px;
    line-height: 22px;
    text-decoration: none;
    cursor: default;
}
a.scoring:hover {
  color: #0066cc !important;
}

a.scoring-scorable {
    background-position: 0 0;
    text-decoration: default;
    cursor: pointer;
}
a:hover.scoring-scorable {
    background-position: 0 -40px;
    text-decoration: underline;
}
a.scoring-pending,
a:hover.scoring-pending {
    background: url(../img/scoring-pending.gif) no-repeat;
    cursor: wait;
}
a.scoring-scored,
a:hover.scoring-scored {
    background-position: 0 -80px;
}
.scoring-vote, .scoring-score-label {
    display: none;
}


/* 応援する！ボタン
-------------------------------------------- */
a.ouen {
  display: inline-block;
  vertical-align: middle
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}
a.ouen:hover span.ouen_moji {/*ホバーで一回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
a.ouen:hover {
  color: #f7f7f7;
}
  span.ouen_btn {
    border-radius: 7px;
    display: inline-block;
    padding-top: 1px;
    height: 23px;
    width: 7.5em;
    text-align: center;
    font-size: 12.5px;
    font-weight: bold;
    line-height: 23px;
    vertical-align: middle;
    background: #e4405f;
    border: solid 1px #cd201f;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  }
  span.ouen_btn::before {
    font-family: "Font Awesome 5 Free";
    content: "\f2a7";
    font-weight: 900;
    padding-right: .5em;
    font-size: 13.5px;
  }
  
  span.ouen_btn:active {/*押したとき*/
    border: solid 1px #e4405f;
    box-shadow: none;
    text-shadow: none;
  }
  span.ouen_btn span.ouen_moji {
    display:inline-block;
    transition: .5s;
  }
  span.ouen_btn span.ouen_moji:before {
    content: '応援する！';
  }
  span.ouen_count {
   	position: relative;
  	display: inline-block;
   	margin: 0 0 0 3px;
  	padding: 0 5px;
  	height: 23px;
  	line-height: 23px;
  	min-width: 2em;
   	max-width: 100%;
   	color: #333;
  	font-size: 11px;
  	font-weight: bold;
  	background: #fff;
   	border: solid 1px #e4405f;
   	box-sizing: border-box;
   	border-radius: 3px;
   	text-align: center;
   	vertical-align: middle;
  }
  span.ouen_count:before {
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: -8px;
   	margin-top: -4px;
  	border: 4px solid transparent;
  	border-right: 4px solid #fff;
   	z-index: 2;
  }
  span.ouen_count:after {
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: -12px;
   	margin-top: -6px;
  	border: 6px solid transparent;
  	border-right: 6px solid #e4405f;
   	z-index: 1;
  }
  
  /* 応援チケット使いきり */
  a.change {
    pointer-events: none;
  }
  a.change span.ouen_btn {
    background: #aaa;
    border-color: #999;
  }
  a.change span.ouen_btn::before {
    font-family: "Font Awesome 5 Free";
    content: "\f559";
    font-weight: 900;
  }
  a.change span.ouen_moji:before {
    content: 'ありがとう';
  }
  a.change span.ouen_count {
    background: #fff;
    border-color: #999;
  }
  a.change span.ouen_count:after {
  	border-right: 6px solid #999 !important;
  }
  
  /* 応援ヘルプツールチップ */
  span.helpTooltip {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding-top: 2px;
  }
  span.helpTooltip i {
    height: 23px;
    padding-left: 0.25em;
    line-height: 23px;
    font-size: 14px;
    color: #928484;
    position: relative;
    display: inline-block;
  }
  span.helpTooltip i span.helpTooltipText {
  	position: absolute;
  	z-index: 1;
  	top: -11px;
  	left: 140%;
  	visibility: hidden;
  	/*width: auto;*/
  	white-space: nowrap;
  	padding: 0.5em 1em;
  	transition: opacity 1s;
  	text-align: center;
  	line-height: 1.2;
  	opacity: 0;
  	color: #ffffff;
  	border-radius: 6px;
  	background-color: #e4405f;
  }
  span.helpTooltip i span.helpTooltipText::after {
  	position: absolute;
  	top: 37.5%;
  	right: 100%;
  	margin-left: -5px;
  	content: ' ';
  	border: 5px solid transparent;
  	border-right-color: #e4405f;
  }
  span.helpTooltip i:hover span.helpTooltipText {
  	visibility: visible;
  	opacity: 1;
  }


/* レーダーチャート
-------------------------------------------- */
#innerBoxRight img.raderChart {
  float: left;
  margin-top: 10px;
  max-width: 200px;
  max-height: 180px;
}
#evaluationChart {
  float: left;
  margin-top: 10px;
  max-width: 200px;
  max-height: 180px;
}


/* コメント数・投票結果・PageView情報
-------------------------------------------- */
#gameEvaluation {
  float: right;
  width: 100px;
  text-align: center;
}
/* --- コメント数 */
#gameEvaluation div.comment {
  margin-bottom: 5px;
}
  #gameEvaluation div.comment span {
    display: block;
    font-size: 24px;
  }
    #gameEvaluation div.comment span.ratingAvg {
      font-size: 11px;
    }
    #gameEvaluation div.comment span.rating {
      display: inline;
      padding: 0 2px;
      font-size: 13px;
    }

/* --- 総合得点 */
#gameEvaluation div.totalPoint {
  margin-bottom: 5px;
}
  #gameEvaluation div.totalPoint span.zero {
    display: block;
    margin-bottom: 5px;
    line-height: 36px;
    font-size: 16px;
  }
  #gameEvaluation div.totalPoint div.score {
    display: block;
    font-size: 12px;
    color: #d81515;
  }
    #gameEvaluation div.totalPoint div.score span.score1 {
      font-size: 32px;
      padding-right: 1px;
      font-weight: bold;
      color: #d81515;
    }
    #gameEvaluation div.totalPoint div.score span.score2 {
      padding-right: 3px;
      font-size: 18px;
      font-weight: bold;
      color: #d81515;
    }

/* --- 平均評価 */
#gameEvaluation div.vote {
  margin-bottom: 10px;
}
  #gameEvaluation div.vote span {
    display: block;
    font-size: 12px;
  }
  #gameEvaluation div.vote span.zero {
    line-height: 30px;
    font-size: 16px;
  }
    #gameEvaluation div.vote span.rating {
      display: inline;
      padding-right: 3px;
      font-size: 24px;
    }

/* --- ページビュー */
#gameEvaluation div.view {
  
}
  #gameEvaluation div.view span {
    display: block;
    font-size: 22px;
    line-height: 32px;
  }
  div.denialView {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
   div.denialView span {
    display: block;
    font-size: 22px;
    line-height: 32px;
  }

/* --- 感想のみ */
#impressions {
  margin-bottom: 5px;
  border-bottom: dashed 1px #7f7f7f;
  padding-bottom: 5px;
  overflow: hidden;
}
  #impressions div.comment {
    float: left;
    width: 140px;
    text-align: center;
  }
    #impressions div.comment span {
      display: block;
      font-size: 24px;
    }
  #impressions div.view {
    float: right;
    width: 140px;
    text-align: center;
  }
    #impressions div.view span {
      display: block;
      font-size: 22px;
      line-height: 32px;
    }

/* --- レビューするリンクボタン（レビュー受け付ける） */
section#gameInfoArea ul.postButton li {
  float: left;
  padding-right: 10px;
}
section#gameInfoArea ul.postButton li.favo {
  padding-right: 0;
  background:url("../img/scoring-partition.png") no-repeat -12px top;
  padding-left: 12px;
}

/* --- レビューするリンクボタン */
section#gameInfoArea p.reviewLink {
  float: left;
  margin-bottom: 0;
}
section#gameInfoArea p.reviewLink a:after {
  content:url("../img/scoring-partition.png");
}

/* --- 評価を受け付けない */
section#gameInfoArea p.voteNegative {
  margin: 1em 4em 0;
  text-align: center;
}

/* --- コメントを受け付けない */
section#gameInfoArea p.commentNegative {
  margin: 1em 4em 0;
  text-align: center;
}



/* ---------------------------------------------------------
  ContentsArea
----------------------------------------------------------*/
#wrapper {
  padding-top: 10px;
}

#contentsArea {
  float: left;
  width: 660px;
  overflow: visible;
}

/* ゲーム紹介文
-------------------------------------------- */
#contentsArea #foreword {
  margin-bottom: 30px;
  padding: 0 0.5em;
  line-height: 2;
  font-size: 16px;
  word-break: break-all;
}
  #contentsArea #foreword p {
    margin-bottom: 2em;
  }

/* ゲーム画面
-------------------------------------------- */
#contentsArea ul#gameScreen {
  margin-bottom: 30px;
  width: 100%;
}
  #contentsArea ul#gameScreen li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 15px;
    width: 49%;
    padding: 0 1px;
    vertical-align: top;
  }
    #contentsArea ul#gameScreen li p {
      padding: 0 0.5em 0 1em;
      text-indent: -1em;
      font-weight: bold;
      font-size: 14px;
    }
      #contentsArea ul#gameScreen li p:before {
        content:"■";
      }
    #contentsArea ul#gameScreen li img {
      border: solid 1px #e5e5ce;
      max-width: 100%;
      height: auto;
    }

/* ゲーム紹介動画
-------------------------------------------- */
#contentsArea div.movieArea {
  margin: 0 auto 30px;
	width: 560px;
	text-align: center;
}
/* --- youtube */
#contentsArea #youtubeArea h2 {
  margin-bottom: 0.3em;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}
  #contentsArea #youtubeArea h2 span {
    padding-right: 0.5em;
    font-size: 16px;
    font-weight: bold;
    color: #cc181e;
  }

/* --- niconico */
#contentsArea #niconicoArea h2 {
  margin-bottom: 0.3em;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  color: #444;
}
  #contentsArea #niconicoArea h2 span {
    padding-right: 0.5em;
    font-size: 16px;
    font-weight: bold;
    color: #060102;
  }
  #contentsArea #niconicoArea a.niconico {
    display: block;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
  }
    #contentsArea #niconicoArea a.niconico:before {
      background: url(../img/niconico_link.png) no-repeat left center;
      content: " ";
      padding: 10px 0 10px 50px;
    }


/* ゲームポイント
-------------------------------------------- */
#contentsArea #gamePoint {
  margin-bottom: 20px;
  
}
  #contentsArea #gamePoint h2 {
    margin-bottom: 5px;
    background: url(../img/icon_kanban05.png) no-repeat left top;
    background-size: 32px 32px;
    padding-left: 45px;
    line-height: 33px;
    font-size: 130%;
    font-weight: bold;
    color: #16683f;
  }
  #contentsArea #gamePoint div.point {
    margin: 0 1em;
    border-left: solid 4px #fa8439;
    padding: 10px 20px 15px;
    line-height: 2;
    font-size: 14px;
    font-weight: bold;
  }

/* 最も注目してほしい点、力を入れた点
-------------------------------------------- */
#focusPoint h2 {
  background: url(../img/icon_hana04.png) no-repeat left top;
  padding-left: 40px;
  line-height: 24px;
  font-size: 15px;
  font-weight: bold;
}
#focusPoint div.focus {
  margin-bottom: 15px;
  padding: 10px 15px;
  line-height: 1.4;
  font-size: 14px;
}
  #focusPoint div.focus p {
    margin-bottom: 1em;
    line-height: 1.4;
    font-size: 14px;
  }

/* プレイヤーの皆様へのコメント、お願い
-------------------------------------------- */
#askComment h2 {
  background: url(../img/icon_hana03.png) no-repeat left top;
  padding-left: 36px;
  line-height: 23px;
  font-size: 15px;
  font-weight: bold;
}
#askComment div.ask {
  margin-bottom: 15px;
  padding: 10px 15px;
  line-height: 1.4;
  font-size: 14px;
}
  #askComment div.ask p {
    margin-bottom: 1em;
    line-height: 1.4;
    font-size: 14px;
  }

/* 更新履歴
-------------------------------------------- */
#changeLog h2 {
  margin-left: 10px;
  background: url(../img/icon_kanban08.png) no-repeat left top;
  padding-left: 24px;
  line-height: 19px;
  font-size: 110%;
  font-weight: bold;
}
#changeLog div.log {
  margin-bottom: 30px;
  width: 96%;
  max-height: 180px;
  padding: 10px 2%;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1.4;
}
  #changeLog div.log p {
    margin-bottom: 1em;
    line-height: 1.4;
  }

/* Twitter埋め込み
-------------------------------------------- */
#embedTwitter {
  margin: 0 auto 20px;
  width: 90%;
  text-align: center;
  overflow: hidden;
}
  #embedTwitter span {
    padding-right: 10px;
    font-size: 18px;
    font-weight: bold;
  }
  #embedTwitter i {
    font-size: 18px;
    font-weight: bold;
    padding-right: 10px;
    color: #55acee;
  }


/* ソーシャルボタンエリア
-------------------------------------------- */
#contentsArea ul.socialBoxInline {
  margin: 0 auto 20px;
  height: 26px;
}

/* ダウンロード情報エリア
-------------------------------------------- */
#contentsArea #gameFileInfo {
  margin: 20px auto 15px;
  width: 94%;
  background-color: #f7f7dd;
  border: solid 1px #e5e5ce;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 3% 2% 2%;
  overflow: hidden;
}
  #contentsArea #gameFileInfo h2 {
    margin-bottom: 1.5em;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
  }
    #contentsArea #gameFileInfo h2 span {
      font-weight: bold;
      font-size: 17px;
      color: #496e29;
    }
    #contentsArea #gameFileInfo h2 strong {
      font-weight: bold;
      font-size: 17px;
      color: #496e29;
    }
    #contentsArea #gameFileInfo dl {
      margin: 0 2% 10px 4%;
      width: 44%;
      font-size: 14px;
    }
      #contentsArea #gameFileInfo dt {
        clear: left;
        float: left;
        padding-bottom: 0.7em;
        font-weight: bold;
      }
      #contentsArea #gameFileInfo dd {
        padding-bottom: 0.7em;
      }
      #contentsArea #gameFileInfo dd:before {
        content: " : ";
        vertical-align: top;
      }
        #contentsArea #gameFileInfo dd span.free {
          font-weight: bold;
          font-size: 15px;
        }
        #contentsArea #gameFileInfo dd span.experience {
          font-weight: bold;
          font-size: 14px;
          color: #FF8530;
        }
        #contentsArea #gameFileInfo dd span.agelimit {
          font-weight: bold;
          color: #ff0000;
          font-size: 14px;
        }
  
/* --- InfoWare */
#gameFileInfo dl.infoWare {
  float: left;
}
  #gameFileInfo dl.infoWare dt {
    width: 5.5em;
  }
  #gameFileInfo dl.infoWare dd {
    margin-left: 5.5em;
  }

    /* ロールプレイング */
    #gameFileInfo dl.infoWare dd span.roleplaying {
      color: #eb7212;
    }
    /* アドベンチャー */
    #gameFileInfo dl.infoWare dd span.adventure {
      color: #49330c;
    }
    /* シミュレーション */
    #gameFileInfo dl.infoWare dd span.simulation {
      color: #1a1a1a;
    }
    /* アクション */
    #gameFileInfo dl.infoWare dd span.action {
      color: #c22905;
    }
    /* 対戦格闘 */
    #gameFileInfo dl.infoWare dd span.fighting {
      color: #690f02;
    }
    /* シューティング */
    #gameFileInfo dl.infoWare dd span.shooting {
      color: #176c9c;
    }
    /* パズル */
    #gameFileInfo dl.infoWare dd span.puzzle {
      color: #1b5028;
    }
    /* ブラウザ */
    #gameFileInfo dl.infoWare dd span.browser {
      color: #322e7c;
    }
    /* オンライン */
    #gameFileInfo dl.infoWare dd span.onlinegame {
      color: #b18107;
    }
    /* 海外 */
    #gameFileInfo dl.infoWare dd span.foreign {
      color: #134b53;
    }
    /* スマホアプリ */
    #gameFileInfo dl.infoWare dd span.spapp {
      color: #009100;
      font-size: 15px;
      font-weight: bold;
    }
      
    /* 対応OS */
    #gameFileInfo dl.infoWare dd span.oswin {
      display: inline-block;
      max-width: 90%;
      padding-right: 0.5em;
      line-height: 22px;
      font-size: 15px;
      color: #00adef;
    }
    #gameFileInfo dl.infoWare dd span.oswin:after {
      content:"\A";
      white-space: pre;
    }
      #gameFileInfo dl.infoWare dd span.oswin img {
        padding-right: 2px;
        padding-bottom: 3px;
        vertical-align: bottom;
      }
    #gameFileInfo dl.infoWare dd span.osmac {
      display: inline-block;
      padding-right: 0.5em;
      line-height: 22px;
      font-size: 15px;
      color: #636366;
    }
    #gameFileInfo dl.infoWare dd span.osmac:before {
      content:"";
      padding-left: 0.75em;
    }
    #gameFileInfo dl.infoWare dd span.osmac:after {
      content:"\A";
      white-space: pre;
    }
      #gameFileInfo dl.infoWare dd span.osmac img {
        padding-right: 2px;
        padding-bottom: 3px;
        vertical-align: bottom;
      }
    #gameFileInfo dl.infoWare dd span.osbrowser {
      display: inline-block;
      line-height: 22px;
      font-size: 15px;
      color: #dc7c1b;
    }
    #gameFileInfo dl.infoWare dd span.osbrowser:before {
      content:"";
      padding-left: 0.75em;
    }
      #gameFileInfo dl.infoWare dd span.osbrowser img {
        padding-right: 2px;
        padding-bottom: 3px;
        vertical-align: bottom;
      }
    
    /* ダウンロード回数 */
    #gameFileInfo dl.infoWare dd.dl span#downloadCounter {
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 15px;
    }
    #gameFileInfo dl.infoWare dd.dl:after {
      content:" 回";
    }
    /* プレイ回数 */
    #gameFileInfo dl.infoWare dd.pl span#playCounter {
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 15px;
    }
    #gameFileInfo dl.infoWare dd.pl:after {
      content:" 回";
    }
    /* 投げ銭回数 */
    #gameFileInfo dl.infoData dd.donateCount {
      font-size: 15px;
    }
    #gameFileInfo dl.infoData dd.donateCount:after {
      content:" 回";
    }
    

/* --- infoData */
#gameFileInfo dl.infoData {
  float: right;
}
  #gameFileInfo dl.infoData dt {
    width: 5.5em;
  }
  #gameFileInfo dl.infoData dd {
    margin-left: 5.5em;
  }

/* --- gameDownloadLink */
#gameFileInfo #gameDownloadLink {
  clear: both;
  text-align: center;
}
  #gameFileInfo #gameDownloadLink p {
    margin-bottom: 0.5em;
  }
    #gameFileInfo #gameDownloadLink p span {
      padding: 0 0.25em;
      font-weight: bold;
    }
#gameDownloadLink a > img {
  max-width: 80%;
  height: auto;
  zoom: 0.5;
}
@-moz-document url-prefix() {
    #gameDownloadLink a > img {
        max-width: 40%;
    }
}
#downloadWindows {
  margin-bottom: 1em;
}
#downloadMac {
  margin-bottom: 1em;
}
#linkBrowser {
  margin-bottom: 1em;
}
#linkPC {
  margin-bottom: 1em;
}

/* --- Affiliate Link */
#gameDownloadLink #affiliate {
  display: block;
  margin: 0 auto;
  width: 264px;
  height: 59px;
  background: url(../img/button_playgame_over.png) no-repeat left top;
  background-size: contain;
}
#gameDownloadLink #affiliate a {
  display: block;
  margin: 0 auto;
  width: 264px;
  height: 59px;
  background: url(../img/button_playgame_aff.png) no-repeat left top;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
  #gameDownloadLink #affiliate a:hover {
    background: none;
  }
  #gameDownloadLink #affiliate a:active {
    background-image: url(../img/button_playgame_action.png);
    background-size: contain;
  }

/* --- 公開終了ゲームコメント */
#gameDownloadLink p.noDownload {
  margin: 0 1.5em;
  border: solid 1px #ccc;
  background-color: #efefef;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: 14px;
}

/* --- スマホアプリリンク */
#gameDownloadLink ul.appLink {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#gameDownloadLink ul.appLink li {
  display: inline-block;
  width: 46%;
}
#gameDownloadLink ul.appLink li img {
  max-width: 80%;
  padding: 5% 10%;
  height: auto;
  zoom: 1;
  -moz-transform: scale(1,1);
}

/* ---------- 野良apkファイルQRコード注意文 */
div.apkAttention {
  margin: 0 auto 1em;
  width: 70%;
  padding: 1.5em 2em;
  border: solid 5px #e50000;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  text-align: left;
}
  div.apkAttention p {
    margin-bottom: 1em;
    line-height: 1.6;
    font-size: 14px;
    font-weight: bold;
  }
  div.apkAttention a {
    font-weight: bold;
  }
  div.apkAttention div.qrcode {
    text-align: center;
  }
  div.apkAttention div.qrcode img {
    border: solid 1px #ccc;
  }

/* ---------- ブラウザゲームエリア */
#browserPlay {
  margin: 0 auto 1em;
  width: 70%;
  padding: 1.5em 2em;
  border: solid 5px #f98e49;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  text-align: center;
}
  @media all and (-ms-high-contrast: none){
    #browserPlay a > img {
      max-width: 115% !important;
    }
  }
  @-moz-document url-prefix() {
    #browserPlay a > img {
        max-width: 57% !important;
    }
  }
  #browserAttention {
    margin-left: 1em;
    font-size: 12px;
    text-align: left;
  }
  #browserAttention li {
    margin-top: 1em;
    list-style-type: disc;
  }


/* ---------- 投げ銭（寄付） */
#donationLink {
  clear: both;
  text-align: center;
}
  #donationLink hr {
    margin: 20px 10px;
    border-top: 1px solid #ccccb7;
	  border-bottom: 1px solid #fff;
  }
  #donationLink h3 {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 14px;
    color: #ff5a00;
  }
    #donationLink h3::before {
      font-family: "Font Awesome 5 Free";
      content: "\f06b";
      font-weight: 900;
      padding-right: .5em;
      font-size: 18px;
      color: #ca0000;
    }
  #donationLink p {
    margin-bottom: 0.5em;
    line-height: 1.6;
  }
  #donationCount {
    margin-top: 10px;
    font-size: 13px;
  }
    #donationCount span {
      padding: 0 0.5em;
      font-weight: bold;
      font-size: 15px;
    }
#donationLink a > img {
  max-width: 60%;
  height: auto;
}



/* 広告・ダウンロード直下エリア
-------------------------------------------- */
div.adArticleAbreastInstream {
  margin: 0 auto 30px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
  div.adArticleAbreastInstream div.left {
    float: left;
    margin: 0;
    width: 300px;
  }
  div.adArticleAbreastInstream div.right {
    float: right;
    margin: 0;
    width: 330px;
    background-color: red;
  }
  div.adArticleAbreastInstream div.right div.gliaplayer-container {
    float: right !important;
  }
  
div.adArticleAbreast300x250 {
  margin: 0 auto 30px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
  div.adArticleAbreast300x250 div.left {
    float: left;
    margin: 0 15px;
    width: 300px;
  }
  div.adArticleAbreast300x250 div.right {
    float: right;
    margin: 0 15px;
    width: 300px;
  }
div.adArticleAbreast {
  margin: 0 auto 30px;
  width: 100%;
  overflow: hidden;
}
  div.adArticleAbreast div.left {
    float: left;
    margin: 0 0 0 4px;
    width: 336px;
  }
  div.adArticleAbreast #adArticleBodyLeft300x250 {
    float: left;
    margin: 0 0 0 4px;
    width: 336px;
  }
  div.adArticleAbreast div.right {
    float: right;
    margin: 0 4px 0 16px;
    width: 300px;
  }
  div.adArticleAbreast #adRandomGame {
    float: right;
    margin: 0;
    width: 272px;
    padding: 4px;
    background-color: #e5e5ce;
  }

#adRandomGame p.text {
  width: 252px;
  height: 40px;
  background-color: #fffff4;
  padding: 10px;
  text-decoration: none;
  line-height: 1.6;
  font-size: 13px;
  color: #333;
}
#adRandomGame img {
  vertical-align: bottom;
}

#adRandomGame div.photo {
  position: relative;	
	width: 272px;
	height: 182px;
	overflow: hidden;
}

/* --- 記事タイトル */
#adRandomGame div.photo p {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 242px;
	height: 30px;
	background-image: url(../img/bg_white.png);
	background-repeat: repeat;
	overflow: hidden;
	padding: 5px 15px;
	text-align: center;
}
#adRandomGame div.photo p a {
  display:table-cell;
  vertical-align:middle;
  width: 242px;
	height: 30px;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#adRandomGame div.photo p a:hover {
	color: #000;
	text-decoration: underline;
}
#adRandomGame div.photo img {
	max-width: 272px;
}


/* 雰囲気の近いゲームリスト（Body部）
-------------------------------------------- */
#contentsArea #recommandGame h2 {
  margin-bottom: 15px;
  background: url(../img/icon_iwa.png) no-repeat left top;
  background-size: 40px 39px;
  padding-left: 50px;
  line-height: 1.2;
  font-size: 15px;
  font-weight: bold;
  color: #462e17;
}
#contentsArea #recommandGame ul {
  margin: 0 5px;
}
  #contentsArea #recommandGame ul li {
    position: relative;
    margin-bottom: 9px;
    width: 290px;
    height: 70px;
    overflow: hidden;
  }
    #contentsArea #recommandGame ul li a {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 290px;
      text-decoration: none;
      line-height: 1.1;
      font-size: 13px;
    }
      #contentsArea #recommandGame ul li a img {
        float: left;
        padding-right: 1em;
      }
      #contentsArea #recommandGame ul li a span {
        position: absolute;
        top: 50%;
        left: 80px;
        font-weight: bold;
        margin-top: -1em;
      }



/* レビュー一覧
-------------------------------------------- */
#contentsArea section#reviewComment {
  clear: both;
}

#contentsArea section#reviewComment h2#reviewList {
  margin-bottom: 15px;
  background: url(../img/icon_chara05.png) no-repeat left top;
  background-size: 26px 32px;
  padding-left: 35px;
  line-height: 33px;
  font-size: 130%;
  font-weight: bold;
}
section#reviewComment ul.comments-content {
	margin: 0 5px 40px;
}
  section#reviewComment ul.comments-content li {
    margin-bottom: 20px;
    border-top: solid 1px #bbb;
    padding-top: 20px;
  }
  section#reviewComment ul.comments-content li.reply {
    margin-left: 3em;
    border-top: dashed 1px #ccc;
  }
    section#reviewComment ul.comments-content li div.user-pic {
      float: left;
    }
    section#reviewComment ul.comments-content li div.user-pic img {
      padding-right: 10px;
      padding-bottom: 15px;
    }
    section#reviewComment ul.comments-content li div.byline {
      margin-left: 45px;
      margin-bottom: 2px;
    }
      section#reviewComment ul.comments-content li div.byline a img {
        padding-right: 3px;
        vertical-align: bottom;
      }
      section#reviewComment ul.comments-content li div.byline span.separator {
        padding: 0 5px;
      }
    section#reviewComment ul.comments-content li div.comment {
      clear: both;
      padding: 0 0.5em;
      line-height: 1.6;
      font-size: 13px;
    }
    section#reviewComment ul.comments-content li.reply div.comment {
      margin-bottom: 20px;
    }
      section#reviewComment ul.comments-content li div.comment p {
        margin-bottom: 1em;
      }

/* --- レビュー評価 */
section#reviewComment ul.comments-content ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0 !important;
  border: none !important;
  padding-top: 0 !important;
  padding-right: 5px;
  vertical-align: bottom;
  font-size: 11px;
}
section#reviewComment ul.comments-content ul li.total {
  background: url(../img/review_icon_total.png) no-repeat left top;
  background-size: 85px 18px;
  padding-left: 90px;
}
section#reviewComment ul.comments-content ul li.story {
  background: url(../img/review_icon_story.png) no-repeat left top;
  background-size: 22px 22px;
  padding-left: 28px;
}
section#reviewComment ul.comments-content ul li.grafic {
  background: url(../img/review_icon_grafic.png) no-repeat left top;
  background-size: 22px 22px;
  padding-left: 28px;
}
section#reviewComment ul.comments-content ul li.music {
  background: url(../img/review_icon_music.png) no-repeat left top;
  background-size: 22px 22px;
  padding-left: 28px;
}
section#reviewComment ul.comments-content ul li.system {
  background: url(../img/review_icon_system.png) no-repeat left top;
  background-size: 22px 22px;
  padding-left: 28px;
}
section#reviewComment ul.comments-content ul li.original {
  background: url(../img/review_icon_original.png) no-repeat left top;
  background-size: 22px 22px;
  padding-left: 28px;
}
  section#reviewComment ul.comments-content ul li span.num {
    padding-right: 0.1em;
    line-height: 22px;
    font-weight: bold;
    font-size: 16px;
  }
ul.comments-content li.total span.mtCommentRating {
  width: 80px;
  height: 16px;
  background: url(../img/rating-star.png) no-repeat right top;
}
ul.comments-content li.total .mtCommentRating.star_5 { background-position: 0 0; }
ul.comments-content li.total .mtCommentRating.star_4 { background-position: -16px 0; }
ul.comments-content li.total .mtCommentRating.star_3 { background-position: -32px 0; }
ul.comments-content li.total .mtCommentRating.star_2 { background-position: -48px 0; }
ul.comments-content li.total .mtCommentRating.star_1 { background-position: -64px 0; }
ul.comments-content li.total .mtCommentRating.star_4dot5 { background-position: 0 -16px; }
ul.comments-content li.total .mtCommentRating.star_3dot5 { background-position: -16px -16px; }
ul.comments-content li.total .mtCommentRating.star_2dot5 { background-position: -32px -16px; }
ul.comments-content li.total .mtCommentRating.star_1dot5 { background-position: -48px -16px; }
ul.comments-content li.total .mtCommentRating.star_0dot5 { background-position: -64px -16px; }


/* --- コメント一覧ページネーション */
#top-comment-nav, #comment-nav {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0 0 1em;
  padding:0;
  text-align:center;
  width:100%;
}
#top-comment-nav li, #comment-nav li {
  display:inline;
  padding:0;
}
#top-prev-comments, #prev-comments {
  margin:0 1em 0 0;
  text-align:left;
}
#top-num-comments, #num-comments {
  text-align:center;
}
#top-next-comments, #next-comments {
  margin:0 0 0 1em;
  text-align:right;
}

/* --- コメント一覧ページネーション */
section#reviewComment #ratingDistributionMap {
  margin: 0 auto 20px;
  width: 100%;
}

/* レビューをする
-------------------------------------------- */
#contentsArea section#reviewComment h2#reviewVote {
  margin-bottom: 15px;
  background: url(../img/icon_kanban06.png) no-repeat left top;
  background-size: 31px 31px;
  padding-left: 40px;
  line-height: 32px;
  font-size: 130%;
  font-weight: bold;
}

#contentsArea section#reviewComment p.attention {
  margin-left: 0.5em;
  font-size: 13px;
  color: #d8381c;
}

/* --- スイッチボタンデザイン */
ul.switch {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
ul.switch li {
  display: inline-block;
  width: 48%;
  position: relative;
  list-style: none;
  overflow: hidden;
  box-sizing: border-box;
}
ul.switch label {
  width: 70%;
  background-color: #fffff2;
  border-width: 2px;
  border-style: solid;
  border-color: #ccccb7;
  position: relative;
  margin: 1em;
  display: inline-block;
  padding: 0.5em 1em;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-family: comfortaa;
  font-weight: bold;
  color: #b2b2a0;
  cursor: pointer;
}
ul.switch label:before, ul.switch label:after {
  content: '';
  display: block;
  position: absolute;
  border-color: #ccccb7;
  box-sizing: border-box;
  border-style: solid;
  width: 1em;
  height: 1em;
  transition: all 0.3s ease-in-out
}
ul.switch label:before {
  top: -6px;
  left: -6px;
  border-width: 2px 0 0 2px;
  z-index: 5;
}
ul.switch label:after {
  bottom: -6px;
  right: -6px;
  border-width: 0 2px 2px 0;
}
ul.switch input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
ul.switch input[type=radio]:checked + label {
  color: #fff;
  background-color: #eb1777;
  border-color: #eb1777;
}
ul.switch input[type=radio]:checked + label:before, ul.switch input[type=radio]:checked + label:after {
  width:calc(100% + 12px);
  height:calc(100% + 12px);
  border-color: #eb1777;
}
ul.switch label:hover:before, ul.switch label:hover:after {
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-color: #eb1777;
}
ul.switch label:hover {
  color: #fff;
  background-color: #eb1777;
  border-color: #eb1777;
  cursor: pointer;
}

/* --- 攻略・質問コメントを隠す（初期値） */
ul.comments-content li.chat {
  display: none;
}

/* --- Read More ボタンデザイン */
#buttonPanel {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 5em;
  overflow: hidden;
}
button#readMore {
  width: 50%;
  background: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #eb1777;
  position: relative;
  margin: 1em;
  display: inline-block;
  padding: 0.5em 1em;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-family: comfortaa;
  font-weight: bold;
  color: #eb1777;
}
button#readMore:before, button#readMore:after {
  content: '';
  display: block;
  position: absolute;
  border-color: #eb1777;
  box-sizing: border-box;
  border-style: solid;
  width: 1em;
  height: 1em;
  transition: all 0.3s ease-in-out;
}
button#readMore:before {
  top: -6px;
  left: -6px;
  border-width: 2px 0 0 2px;
  z-index: 5;
}
button#readMore:after {
  bottom: -6px;
  right: -6px;
  border-width: 0 2px 2px 0;
}
button#readMore:hover:before, button#readMore:hover:after {
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-color: #eb1777;
}
button#readMore:hover {
  color: #fff;
  background-color: #eb1777;
  border-color: #eb1777;
  cursor: pointer;
}

/* --- コメントアーカイブスファイルへのリンクデザイン */
div.archivesCommentLink {
  padding-bottom: 3em;
  text-align: center;
  font-size: 120%;
}

/* --- 返信チェックボックス */
section#reviewComment #comment-form-reply {
  margin-bottom: 1em;
  margin-left: 10px;
}

/* --- 名前入力欄 */
section#reviewComment #comment-form-name {
  margin-bottom: 1em;
  margin-left: 10px;
}
  section#reviewComment #comment-form-name label {
    padding-right: 5px;
    font-size: 14px;
    font-weight: bold;
  }
  section#reviewComment #comment-form-name input {
    padding: 5px;
  }

/* --- 5 Star */
section#reviewComment #comment5starRating {
	margin: 10px 5px;
	padding: 5px;
	line-height: 1.2;
}
  section#reviewComment #comment5starRating div.starLabel {
    margin-bottom: 10px;
  }
    section#reviewComment #comment5starRating div.starLabel p {
      clear: left;
      margin-left: 30px;
      margin-bottom: 1.5em;
      font-size: 13px;
    }
  section#reviewComment #comment5starRating label {
  	clear: left;
  	display: block;
  	float: left;
  	margin-bottom: 0.5em;
  	width: 12em;
  	line-height: 32px;
  	font-weight: bold;
  	color: #16683f;
  	font-size: 14px;
  }
  #comment5starRating label.total {
    background: url(../img/icon_gamepad.png) no-repeat left center;
    background-size: 22px 22px;
    padding-left: 30px;
  }
  #comment5starRating label.story {
    background: url(../img/review_icon_story.png) no-repeat left center;
    background-size: 22px 22px;
    padding-left: 30px;
  }
  #comment5starRating label.grafic {
    background: url(../img/review_icon_grafic.png) no-repeat left center;
    background-size: 22px 22px;
    padding-left: 30px;
  }
  #comment5starRating label.music {
    background: url(../img/review_icon_music.png) no-repeat left center;
    background-size: 22px 22px;
    padding-left: 30px;
  }
  #comment5starRating label.system {
    background: url(../img/review_icon_system.png) no-repeat left center;
    background-size: 22px 22px;
    padding-left: 30px;
  }
  #comment5starRating label.original {
    background: url(../img/review_icon_original.png) no-repeat left center;
    background-size: 22px 22px;
    padding-left: 30px;
  }
  
  section#reviewComment #comment5starRating p {
  	font-size: 12px;
  }

/* --- コメント入力欄 */
section#reviewComment #comments-open-text {
  margin-bottom: 1em;
  margin-left: 10px;
}
  section#reviewComment #comments-open-text label {
    display: block;
    padding-right: 5px;
    font-weight: bold;
    font-size: 14px;
  }
  section#reviewComment #comments-open-text textarea {
    width: 620px;
    padding: 10px;
    font-size: 13px;
  }

/* --- ネタバレの有無 */
section#reviewComment #comment-form-netabare {
  margin-bottom: 1em;
  text-align: center;
}
  #comment-form-netabare label {
    display: block;
    margin-bottom: .5em;
    font-size: 14px;
    font-weight: bold;
  }
  #comment-form-netabare label.netabare {
    padding-right: 1em;
  }
  #comment-form-netabare label.netabare::before {
    content: "―　";
    color: #d8381c;
  }
  #comment-form-netabare label.netabare::after {
    content: "　―";
    color: #d8381c;
  }

/* --- コメント返信の可否 */
section#reviewComment #comment-form-replaycannot {
  margin-bottom: 2em;
  text-align: center;
}
  #comment-form-replaycannot label {
    display: block;
    margin-bottom: .5em;
    font-size: 14px;
    font-weight: bold;
  }
  #comment-form-replaycannot label.replaycannot::before {
    content: "―　";
    color: #0066cc;
  }
  #comment-form-replaycannot label.replaycannot::after {
    content: "　―";
    color: #0066cc;
  }

  ul.custom-field-radio-list li {
    display: inline-block;
  }
  ul.custom-field-radio-list input {
  	display: none;
  }
  ul.custom-field-radio-list li label {
    display: block;
  	float: left;
  	cursor: pointer;
  	width: 6em;
  	margin: 0;
  	padding: 10px;
  	background: #bdc3c7;
  	color: #869198;
  	font-size: 16px;
  	text-align: center;
  	line-height: 1;
  	transition: .2s;
  }
  ul.custom-field-radio-list li:first-of-type label {
  	border-radius: 3px 0 0 3px;
  }
  ul.custom-field-radio-list li:last-of-type label {
  	border-radius: 0 3px 3px 0;
  }
  ul.custom-field-radio-list input[type="radio"]:checked + .switch-on {
  	background-color: #e67168;
  	color: #fff;
  }
  ul.custom-field-radio-list input[type="radio"]:checked + .switch-off {
  	background-color: #a1b91d;
  	color: #fff;
  }

/* --- 投稿ボタン */
section#reviewComment #comments-open-footer {
  margin-bottom: 1em;
  text-align: center;
}
  section#reviewComment #comments-open-footer input {
    margin-bottom: 1em;
    border:1px solid #acacac;
    background-color: #eee;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 0.5em 1em;
    cursor: pointer;
    font-weight: bold;
    color: #444;
  }
  section#reviewComment #comments-open-footer input:hover {
    border: solid 1px #7eb4ea;
    background-color: #dfeefc;
    color: #0066cc;
  }
  section#reviewComment #comments-open-footer p {
    font-size: 13px;
  }

/* --- サインインをうながすコメント（JS制御） */
section#reviewComment #comment-greeting p.jsText {
  margin: 0 0 1em 1em;
  line-height: 1.6;
}
section#reviewComment #comment-greeting p.jsComment {
  margin: 0 0 1em 1em;
  line-height: 1.6;
}
section#reviewComment #comment-greeting span.event {
  font-weight: bold;
  color: #285919;
}

/* ---------------------------------------------------------
  SideArea
----------------------------------------------------------*/

/* Ad Banner Area
-------------------------------------------- */
div.adArticleSideTop300x250 {
  margin-bottom: 20px;
}
div.adArticleSide300x600 {
  margin-bottom: 20px;
}
#adArticleSideTop300x250 {
  margin-bottom: 20px;
}
#adArticleSide300x600 {
  margin-bottom: 20px;
}
div.adArticleSide300x250 {
  margin-bottom: 20px;
}
div.adArticleSideGMO {
  margin-bottom: 20px;
  text-align: center;
}
div.adArticleSideMultiplex {
  margin-bottom: 20px;
  text-align: center;
}

/* 雰囲気の近いゲームリスト（Side部）
-------------------------------------------- */
#sideArea #recommandGame h2 {
  margin-bottom: 15px;
  background: url(../img/icon_iwa.png) no-repeat left top;
  background-size: 40px 39px;
  padding-left: 50px;
  line-height: 1.2;
  font-size: 15px;
  font-weight: bold;
  color: #462e17;
}
#sideArea #recommandGame ul {
  margin: 0 5px 25px;
}
  #sideArea #recommandGame ul li {
    position: relative;
    margin-bottom: 9px;
    width: 290px;
    height: 90px;
    overflow: hidden;
  }
    #sideArea #recommandGame ul li a {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 290px;
      text-decoration: none;
      line-height: 1.1;
      font-size: 13px;
    }
      #sideArea #recommandGame ul li a img {
        float: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        max-width: 90px;
        max-height: 90px;
      }
      #sideArea #recommandGame ul li a span {
        position: absolute;
        top: 50%;
        left: 105px;
        font-weight: bold;
        font-size: 15px;
        margin-top: -1em;
      }


/* ランダムオンラインゲーム
-------------------------------------------- */
#sideArea #adRandomGame {
  margin: 0 auto 30px;
  width: 272px;
  padding: 4px;
  background-color: #e5e5ce;
}
#sideArea #adRandomGame p.text {
  width: 252px;
  height: 40px;
  background-color: #fffff4;
  padding: 10px;
  text-decoration: none;
  line-height: 1.6;
  font-size: 13px;
  color: #333;
}
#sideArea #adRandomGame img {
  vertical-align: bottom;
}
#sideArea #adRandomGame div.photo {
  position: relative;	
	width: 272px;
	height: 182px;
	overflow: hidden;
}
/* --- 記事タイトル */
#sideArea #adRandomGame div.photo p {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 242px;
	height: 30px;
	background-image: url(../img/bg_white.png);
	background-repeat: repeat;
	overflow: hidden;
	padding: 5px 15px;
	text-align: center;
}
#sideArea #adRandomGame div.photo p a {
  display:table-cell;
  vertical-align:middle;
  width: 242px;
	height: 30px;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#sideArea #adRandomGame div.photo p a:hover {
	color: #000;
	text-decoration: underline;
}
#sideArea #adRandomGame div.photo img {
	max-width: 272px;
}

#randomOnlineGame {
  margin-bottom: 20px;
  width: 300px;
}
#randomOnlineGame ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 1px;
  width: 140px;
  background-color: #efefef;
  padding: 4px;
  vertical-align: top;
}
  #randomOnlineGame ul li a {
    position: relative;
    width: 140px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
  }
    #randomOnlineGame ul li a span.title {
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 120px;
      background-image: url(../img/bg_white.png);
      background-repeat: repeat;
      overflow: hidden;
      padding: 7px 10px;
      line-height: 1.4;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
    }
    #randomOnlineGame ul li p {
      margin: 0;
      padding: 5px 10px;
      width: 120px;
      background-color: #fff;
      font-size: 13px;
    }
      #randomOnlineGame ul li a:hover img {
        filter: alpha(opacity=75);
        -moz-opacity:0.75;
        opacity:0.75;
      }

/* ---------------------------------------------------------
  関連コンテンツ（Google）
----------------------------------------------------------*/
div.relatedContent {
  clear: both;
  margin: 0 auto 30px;
  width: 96%;
}
  div.relatedContent h2 {
    margin-bottom: 0.25em;
    border-bottom: solid 3px #d7d7d3;
    padding-bottom: 0.25em;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #496e29;
  }
#relatedContent {
  clear: both;
  margin: 0 auto 30px;
  width: 100%;
  text-align: center;
}
  #relatedContent h2 {
    margin-bottom: 0.25em;
    border-bottom: solid 3px #d7d7d3;
    padding-bottom: 0.25em;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #496e29;
  }

/* ---------------------------------------------------------
  FooterArea
----------------------------------------------------------*/

/* Ad Banner Area
-------------------------------------------- */
div.adArticleFooter {
  clear: both;
  padding-top: 30px;
  text-align: center;
}
div.adsInstreamVideo {
  clear: both;
  margin: 30px auto;
  width: 100%;
  text-align: center;
}
div.adArticleMultiplex {
  clear: both;
  margin: 10px auto 30px;
  width: 100%;
  text-align: center;
}

/* ---------------------------------------------------------
  ステマ規制対応
----------------------------------------------------------*/
p.prtext {
  padding: 0 0.5em 0.25em;
}
p.prtext::before {
  content: "PR";
  margin-right: 0.5em;
  background-color: #496e4e;
  padding: 0 0.25em;
  color: #fff;
}
span.prLink {
  display: block;
  margin: 0 auto 0.2em;
  text-align: center;
  font-size: 14px;
}