@charset "UTF-8";

/*----------------------------------------------
 * CSSリセット
 *--------------------------------------------*/
a {
	text-decoration: none;
	color: #334;
}
a:link {
	color: #334;
}
a:visited {
	color: #334;
}
ol,li {
	list-style: none;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
/*----------------------------------------------
 * 共通
 *--------------------------------------------*/
html {
	font-family: "Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	color: #333;
	-webkit-text-size-adjust: none;
}
/*----------------------------------------------
 * float
 *--------------------------------------------*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.fn {
	float: none;
}
/*----------------------------------------------
 * 余白
 *--------------------------------------------*/
.mt8 {
	margin-top: 8px;
}
.mt24 {
	margin-top: 24px;
}
/*----------------------------------------------
 * clearfix
 *--------------------------------------------*/
.clearfix:after {
	display: block;
	content: " ";
	clear: both;
}
/*----------------------------------------------
 * テーブルセル
 *--------------------------------------------*/
.dtc {
	display: table-cell;
}
.vat {
vertical-align: top;
}
.vam {
vertical-align: middle;
}
.vab {
vertical-align: bottom;
}
/*----------------------------------------------
 * ヘッダー ポップアップ内
 *--------------------------------------------*/
.header-navi-sub {
	position: absolute;
	top: 66px;
	right: 8px;
	width: 95%;
	z-index: 9999;
}
.header-nav-sub-box{
	background-color: #F8F8F8;
	border: 4px solid #666;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.6);
	box-shadow: 0 4px 8px rgba(0,0,0,0.6);
	padding: 8px;
}
/*----------------------------------------------
 * ヘッダー検索
 *--------------------------------------------*/
#contents-search {
	text-align: left;
	padding: 16px;
	display: none;
}
#contents-search a {
	color: #666;
}
.search-form {
	position: relative;
	padding-right: 76px;
}
#contents-search input[type="text"] {
	width: 100%;
	height: 32px;
	border: 1px solid #CCC;
	padding: 0;
	font-size: 16px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 6px;
}
.search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 34px;
	border: 1px solid #1D8EFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #4579FF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top,	#94CAFF 0%, #4579FF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#94CAFF), to(#4579FF));
	background-image: -webkit-linear-gradient(top,  #94CAFF 0%,#4579FF 100%);
	background-image: linear-gradient(to bottom, #94CAFF 0%,#4579FF 100%);
	-webkit-tbox-shadow: 0 1px 0 #FFF inset;
	-moz-box-shadow: 0 1px 0 #FFF inset;
	box-shadow: 0 1px 0 #FFF inset;
	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}
#contents-search .arrow-up {
	position: absolute;
	top: -16px;
	right: 54px;
	border-color: transparent transparent #F8F8F8 transparent;
	z-index: 1000;
}
#contents-search .arrow-edge {
	position: absolute;
	top: -28px;
	right: 48px;
	border-color: transparent transparent #666 transparent;
	z-index: 900;
	border-width: 16px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
}
.search-header {
	border-left: 4px solid #0074CC;
	padding-left: 4px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 12px;
}
#genre .search-tag{
	background-color: #FFF;
	padding: 16px;
	border-bottom: 1px solid #CCC;
}
.search-tag li{
	float: left;
	margin: 0 8px 8px 0;
}
.search-tag li:last-child{
	margin-right: 0;
}
.search-tag-btn {
	display: inline-block;
	padding: 12px;
	margin: 4px 0;
	background-color: #EFEFEF;
	background-image: -moz-linear-gradient(top,	#F8F8F8 0%, #EFEFEF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EFEFEF));
	background-image: -webkit-linear-gradient(top,  #F8F8F8 0%,#EFEFEF 100%);
	background-image: linear-gradient(to bottom, #F8F8F8 0%,#EFEFEF 100%);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}
.default-place-holder {
	color: #999;
}
.search-popup-close {
	margin-top: 32px;
	text-align: center;
}
.search-popup-close a{
	display: inline-block;
	padding: 8px;
	font-weight: bold;
	text-decoration: underline;
}
/*----------------------------------------------
 * ページャー
 *--------------------------------------------*/
.pager {
	margin-top: 24px;
	position: relative;
	text-align: center;
}
.pager a{
	color: #666;
}
.pager-btn {
	position: relative;
	display: inline-block;
	width: 24%;
	padding: 20px 0;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #444;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFF;
	font-size: 18px;
}
.pager-btn.post {
	width: 36%;
}
.pager-btn.nodata {
	color: #CCC;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 rgba(0,0,0,0);
}
.pager-prev {
	margin-left: 12px;
	padding-left: 16px;
}
.pager-next {
	margin-right: 12px;
	padding-right: 16px;
}
.pager-btn .arrow-left {
	position: absolute;
	top: 50%;
	left: 6%;
	margin-top: -10px;
	border-color: transparent #0074CC transparent transparent;
}
.pager-btn.post .arrow-left {
	left: 2%;
}
.pager-btn.nodata .arrow-left{
	border-color: transparent #CCC transparent transparent;
}
.pager-btn .arrow-right {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 6%;
	border-color: transparent transparent transparent #0074CC;
}
.pager-btn.post .arrow-right {
	right: 2%;
}
.pager-btn.nodata .arrow-right{
	border-color: transparent transparent transparent #CCC;
}
.pager .result {
	display: inline-block;
	margin-top: 12px;
	font-size: 14px;
	color: #666;
}
.pager .current-num {
	margin-top: 6px;
}
.pager .num {
	font-weight: bold;
	font-size: 16px;
}

/*----------------------------------------------
 * 汎用ボタン
 *--------------------------------------------*/
.btn {
	position: relative;
	display: inline-block;
	background-color: #DDD;
	height: 24px;
	line-height: 24px;
	border: 1px solid #BBB;
	padding: 0 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
	-webkit-box-shadow: inset 1px 1px 0 #FFF inset, 0 1px 0 #FFF;
	-moz-box-shadow: inset 1px 1px 0 #FFF inset, 0 1px 0 #FFF;
	box-shadow: inset 1px 1px 0 #FFF inset, 0 1px 0 #FFF;
	background-image: -moz-linear-gradient(top,	#FEFEFE 0%, #DDD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DDD));
	background-image: -webkit-linear-gradient(top,  #FEFEFE 0%,#DDD 100%);
	background-image: linear-gradient(to bottom,	 #FEFEFE 0%,#DDD 100%);
}
.btn:hover {
	position: relative;
	text-decoration: none;
	background-color: #E0E0E0;
	background-image: -moz-linear-gradient(top,	#FEFEFE 0%, #E0E0E0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E0E0E0));
	background-image: -webkit-linear-gradient(top,  #FEFEFE 0%,#E0E0E0 100%);
	background-image: linear-gradient(to bottom,	 #FEFEFE 0%,#E0E0E0 100%);
}
/*----------------------------------------------
 * 汎用矢印（上向き）
 *--------------------------------------------*/
.arrow-up {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent #FFF transparent;
}
 /*----------------------------------------------
 * 汎用矢印（下向き）
 *--------------------------------------------*/
.arrow-down {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: #FFF transparent transparent transparent;
}
 /*----------------------------------------------
 * 汎用矢印（右向き）
 *--------------------------------------------*/
.arrow-right {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent transparent #FFF;
}
 /*----------------------------------------------
 * 汎用矢印（左向き）
 *--------------------------------------------*/
.arrow-left {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent #FFF transparent transparent;
}
/*----------------------------------------------
 * 包含ブロック
 *--------------------------------------------*/
#wrapper {
	width: 100%;
	background-color: #eeebe0;
}
#main-contents {
	margin-top: 12px;
}
/*----------------------------------------------
 * サイトロゴ
 *--------------------------------------------*/
#logo {
	text-align: left;
	padding-left: 8px;
	float: left;
	height: 56px;
}
#logo .retina{
	margin-top: 12px;
	display: inline-block;
	background: url(/wp-content/plugins/wptouch/themes/famitsu/default/img/logo.png) no-repeat;
	width: 134px;
	height: 37px;
	text-indent: -9999em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#logo .retina {
		background: url(/wp-content/plugins/wptouch/themes/famitsu/default/img/logo_retina.png) no-repeat;
		-webkit-background-size: 134px 37px;
	}
}
/*----------------------------------------------
 * ヘッダー
 *--------------------------------------------*/
#global-header {
	position: relative;
	background-color: #F4F4F4;
	text-align: center;
	background-image: -moz-linear-gradient(top,	#FBFBFB 0%, #F4F4F4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#F4F4F4));
	background-image: -webkit-linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%);
	background-image: linear-gradient(to bottom, #FBFBFB 0%,#F4F4F4 100%);
}
/*----------------------------------------------
 * ヘッダーナビゲーション
 *--------------------------------------------*/
.header-navi {
	position: absolute;
	top: 4px;
	right: 0;
}
.header-navi > li {
	float: right;
}
.header-navi > li a{
	position: relative;
}
.header-navi .navi-box {
	display: block;
	width: 48px;
	height: 48px;
}
.header-navi i {
	position: absolute;
	top: 3px;
	left: 50%;
	margin-left: -14px;
	font-size: 28px;
	color: #0074CC;
}
.header-navi i.icon-list {
	top: 5px;
}
.header-navi .inner{
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -24px;
	font-size: 10px;
	font-weight: bold;
	display: block;
	color: #334;
	width: 48px;
	-webkit-text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
	-moz-text-shadow: -1px 0 rgba(255,255,255,0.4);
	text-shadow: -1px 0 rgba(255,255,255,0.4);
}
.header-navi .font-size-mini {
	font-size: 10px;
}
/*----------------------------------------------
 * グローバルナビゲーション
 *--------------------------------------------*/
#global-navi {
	background-color: #0074cc;
	border-top: 1px solid #005da3;
	-webkit-box-shadow:  0 2px 4px rgba(0,0,0,0.6);
	-moz-box-shadow:  0 2px 4px rgba(0,0,0,0.6);
	box-shadow:  0 2px 4px rgba(0,0,0,0.6);
}
#global-navi > li {
	float: left;
	position: relative;
	width: 25%;
	text-align: center;
}
#global-navi > li .inner {
	display: block;
	border-top: 1px solid #007ddb;
	border-left: 1px solid #007ddb;
}
#global-navi > li a {
	position: relative;
	display: block;
	border-right: 1px solid #005da3;
	background-color: #0074cc;
	font-size: 14px;
	font-weight: bold;
	color: #E8E8E8;
	height: 45px;
	line-height: 44px;
}
#global-navi .game-search {
	line-height: 1.24;
}
#global-navi .game-search .inner {
	padding-top: 4px;
}
#global-navi > li .font-size-mini {
	font-size: 12px;
}
#global-navi > li:last-child > a {
	border: none;
}
#global-navi > a:after {
	border-color: transparent transparent transparent transparent;
}
#global-navi > li .current {
	background-color: #0065b3;
	color: #FFF;
}
#global-navi > li .current .inner  {
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
}
#global-navi .current:after {
	content: ' ';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -5px;
	border-width: 6px;
	border-color: transparent transparent #FFF transparent;
}
#global-navi .friendProfImgBox {
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -13px;
	width: 26px;
	height: 26px;
}
#global-navi img{
	max-width: 26px;
	max-height: 26px;
	vertical-align: top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#global-navi .indicator-band {
    display: inline-block;
    background: #DE0000;
    padding: 1px 2px;
    top: -5px;
    left: 5px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    height: 15px;
    line-height: 15px;
}
/*----------------------------------------------
 * グローバルナビゲーション_サブメニュー
 *--------------------------------------------*/
#global-navi-sub-menu {
	display: none;
	background-color: #444;
	position: absolute;
	top:44px ;
	right: 0;
	z-index: 9998;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.4);
	box-shadow: 0 4px 4px rgba(0,0,0,0.4);
	width: 400%;
}
#global-navi-sub-menu li {
	float: left;
	width: 25%;
}
#global-navi-sub-menu li a {
	border-top: 1px solid #005da3;
;
}
#global-navi-sub-menu li:last-child a{
	border-right: none;
}
.navi-sub-menu-open .inner {
	position: relative;
	text-indent: -16px;
}
.navi-sub-menu-open .open-close-arrow:after {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	margin-left: 4px;
	content: ' ';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
}
.navi-sub-menu-open .open-arrow:after {
	border-width: 8px 6px 0 6px;
	border-color: #F20000 transparent transparent transparent;
}
.navi-sub-menu-open .close-arrow:after {
	margin-top: -5px;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #CCC transparent;
}
/*----------------------------------------------
 * サブナビゲーション
 *--------------------------------------------*/
#global-navi-sub-wrpper {
	padding: 0 8px;
	margin-bottom: -12px;
}
#global-navi-sub {
	border: 1px  solid #CCC;
	background-color: #FCFCFC;
	padding: 6px 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#global-navi-sub li {
	float: left;
	width: 25%;
}
#global-navi-sub a {
	display: block;
	text-decoration: underline;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
}
#global-navi-sub .current {
	background-color: #666;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
}
#global-navi-sub .font-size-mini {
	font-size: 12px;
}
/*----------------------------------------------
 * サイドーナビゲーション
 *--------------------------------------------*/
#menu h3{
	border-left: 4px solid #0074CC;
	padding-left: 8px;
	color: #FFF;
	font-size: 18px;
}
.mmenu > ul {
	padding-bottom: 0;
}
.menu-level-2 li a{
	color: #FFF ;
	padding-right: 24px;
	font-size: 16px;
}
.mmenu a:link,
.mmenu a:visited,
.mmenu a:active,
.mmenu a:hover {
	color: #FFF !important;
}
.mmenu li > a {
	text-indent: 8px;
}
.mmenu li > a:last-child {
	overflow: visible;
}
.mmenu li.mmenu-selected > a,
.mmenu li.mmenu-selected > span {
	border-left: 4px solid #0074CC;
	padding-left: 8px;
	color: #FFF;
	font-size: 16px;
}
.mmenu.mmenu-vertical li.mmenu-opened > a.mmenu-subopen,
.mmenu.mmenu-vertical li.mmenu-opened > ul,
.mmenu li.mmenu-selected > a.mmenu-subopen {
	border-left: none;
	padding-left: 0;
}
.mmenu.mmenu-vertical li.mmenu-opened > ul {
	padding: 10px 20px;
}
#category-navi .sub-menu li:last-child {
	text-align: right;
}
#category-navi .sub-menu li:last-child a{
	position: relative;
	padding-right: 0;
	display: inline-block;
}
#category-navi .sub-menu li:last-child a:before{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	border-left-color: #0074CC;
	top: 50%;
	margin-top: -6px;
	left: -4px;
}
#modal {
	display: none;
}
#modal a {
	color: #FFF;
}
#pageslide {
	/* These styles MUST be included. Do not change. */
	display: none;
	position: absolute;
	top: 0;
	z-index: 999999;
	height: 100%;
	/* Specify the width of your pageslide here */
	width: 260px;
	padding: 20px;

	/* These styles are optional, and describe how the pageslide will look */
	background-color: #333;
	color: #FFF;
	-webkit-box-shadow: inset 0 0 5px 5px #222;
	-moz-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0 0 5px 5px #222;

}
.side-navi-box{
	padding: 0 0 20px 65px;
	text-align: right;
}
#side-lower-box a {
	display: inline-block;
	padding: 18px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
/*----------------------------------------------
 * トピックパス
 *--------------------------------------------*/
.topic-path-outer {
	padding:0 8px;
}
.topic-path-wrapper {
	max-width: 1294px;
	margin: 0 auto;
	position: relative;
}
#topic-path {
	margin: 16px 0 0;
	display: flex;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	cursor: pointer;
	list-style: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-x: -moz-hidden-unscrollable;
}
#topic-path::-webkit-scrollbar {
	display: none;
}
#topic-path li {
	float:left;
	font-size: 13px;
	padding-right: 18px;
	line-height: 1.4em;
}
/*
#topic-path li:nth-child(3){
	max-width: 16em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/

#topic-path a {
	position: relative;
	text-decoration: underline;
	display:block;
}
#topic-path a:after {
	border-style: solid;
	border-width: 2px;
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: -12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
	border-color: rgba(0,0,0,0.4);
	border-left: medium none;
	border-top: medium none;
}
#topic-path .last-link:after {
	content: initial;
}

/*----------------------------------------------
 * コンテンツ
 *--------------------------------------------*/
.contents-root,
#before-regist.contents-root{
	margin-top: 24px;
	margin-bottom: 10px;
}
.contents-root:first-child{
	margin-top: 0;
}
.contents-wrapper {
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.contents-header {
	position: relative;
	display: block;
	font-size: 16px;
	color: #424242;
	font-weight: bold;
	padding: 6px 8px;
	background-color: #D8D8D8;
	line-height: 1.3;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	-webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.85);
	-moz-text-shadow: 0 1px 0 rgba(255,255,255,0.85);
	text-shadow: 0 1px 0 rgba(255,255,255,0.85);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
}
.contents-header .header-decoration{
	border-left: 4px solid #0074cc;
	padding-left: 8px;
}
.more-link {
	margin: 8px 8px 0 0;
}
.more-link a{
	position: relative;
	display: inline-block;
	padding: 8px 8px 8px 24px;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	border-radius: 2px;
	color: #333;
	font-weight: bold;
	font-size: 13px;
}
.more-link a:after{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	border-left-color: #0074CC;
	top: 50%;
	margin-top: -5px;
	left: 10px;
}
.upper-more-link {
	position: absolute;
	top: 4px;
	right: 8px;
	display: inline-block;
	padding: 4px 8px;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}
/*----------------------------------------------
 * コンテンツリスト
 *--------------------------------------------*/
.article-list{
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.article-list > li{
	position: relative;
	border-bottom: 1px dotted #CCC;
}
.article-list > li:last-child{
	border-bottom: none;
}
.article-list > li:last-child{
	border-bottom: none;
}
.article-main {
	position: relative;
	display: block;
	padding: 8px;
}
.article-img {
	display: table-cell;
	vertical-align: middle;
	width: 72px;
	height: 72px;
	padding: 0 10px 0 0;
}
.article-img img{
	max-width: 100%;
	max-height: 100%;
	border-radius: 4px;
}
.article-body {
	display: table-cell;
	vertical-align: middle;
	padding: 0 24px 0 8px;
}
.article-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	word-break: break-all;
}
.article-sub-info {
	padding: 4px 0 0 0;
}
.article-create-date {
	display: inline-block;
	color: #BBB;
	font-size: 12px;
}
.article-list .article-create-date {
	float: left;
}
.retweet-num {
	float: left;
	display: block;
	color: #AAA;
	padding: 0 6px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #0097d1;
}
.retweet-num .unit {
	font-size: 12px;
	font-weight: normal;
	padding-left: 1px;
}
.news-indicators {
	margin-bottom: 6px;
}
.news-indicators li {
	float: left;
	padding-right: 6px;
}
.news-indicator {
	display: inline-block;
	line-height: 16px;
	height: 16px;
	padding: 0 6px;
	text-align: center;
	font-size: 11px;
	border: 1px solid #F1F1F1;
	background-color: #F8F8F8;
	color: #888;
}
.iphone {
	color: #363699;
}
.ipad {
	color: #993699;
}
.android {
	color: #369936;
}
.current-page-num {
	color: #666;
	font-size: 12px;
	padding: 8px;
	background-color: #F5F5F5;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.current-page-num .num{
	padding-left: 8px;
}

/*----------------------------------------------
 * ピックアップリスト 2016/11/02 追加
 *--------------------------------------------*/
.article-img-pickuplist {
	width: 104px;
	height: 74px;
}
.article-read-pickuplist {
	display: inline-block;
	color: #666;
	font-size: 12px;
}


/*----------------------------------------------
 * 記事
 *--------------------------------------------*/
#article-post h1 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	padding: 8px 0;
	line-height: 1.4;
}
#entry-box {
	padding: 8px;
}
#article-post {
	background-color: #FFF;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#entry-header .article-create-date {
	color: #666;
}
#entry-body {
	line-height: 1.7;
	word-break: break-all;
}
#entry-body h2,
#entry-body h3,
#entry-body h4,
#entry-body h5,
#entry-body h6 {
	position: relative;
	line-height: 1.5;
	font-weight: bold;
	border-left-color: #AAA;
	border-left-style: solid;
	border-left-width: 4px;
	margin: 40px 0 15px;
	padding-left: 8px;
	color: #333;
	clear: both;
}
#entry-body h2 {
	font-size: 18px;
	border-left-width: 8px;
	padding-left: 10px;
}
#entry-body h2:first-child {
	margin-top: 0;
}
#entry-body h3 {
	font-size: 16px;
	border-left-width: 6px;
}
#entry-body h4 {
	font-size: 15px;
}
#entry-body h5 {
	font-size: 15px;
}
#entry-body h6 {
	font-size: 15px;
}
#entry-body p {
	margin-bottom: 15px;
	font-size: 15px;
}
#entry-body p.attachment {
	text-align: center;
}
#entry-body table {
	margin: 0 auto 15px;
}
#entry-body table td {
	vertical-align: top;
	font-size: 15px;
}
#entry-body a{
	text-decoration: underline;
}
#entry-body img, .post img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.entry-create-date {
	color: #666;
	font-size: 12px;
}
#entry-body iframe{
	max-width: 100%;
	max-height: 240px;
	display: block;
	margin: 0 auto;
}
/*----------------------------------------------
 * エントリーゲームタイトル
 * -------------------------------------------*/
.entry-game {	
	display: flex;	
	margin-top: 8px;	
	font-weight: bold;	
	margin-bottom: 24px;
        border: solid 1px rgba(0, 0, 0, 0.125);
        padding: 5px;	
}	
.entry-game__body {	
	flex: 1 1 auto;	
	min-width: 0;	
}	
.entry-game__thumb {	
	width: 62px;	
	height: 62px;	
	border-radius: 2px;
        margin-right: 8px;
}	
.entry-game__headline {	
	display: flex;	
	align-items: center;	
	padding: 3px;	
	font-size: 12px;	
	background-color: #eee;	
}	
.entry-game__headline-text {	
	overflow: hidden;	
	text-overflow: ellipsis;	
	white-space: nowrap;	
}	
.entry-game__title {	
	display: -webkit-box;	
	-webkit-box-orient: vertical;	
	-webkit-line-clamp: 2;	
	overflow: hidden;	
	font-size: 14px;	
	max-height: calc(2em * 1.2);	
	margin-top: 6px;	
	line-height: 1.2;	
}	
.entry-game__more {	
	font-size: 12px;	
	background-color: #007ddb;	
	color: #fff;	
	border-radius: 2px;	
	white-space: nowrap;	
	padding: 4px 8px;	
	margin-left: auto;	
}

/*----------------------------------------------
 * キャプション
 *--------------------------------------------*/
#entry-body .caption-box {
	margin: -20px 0 30px;
}
#entry-body .caption {
	color: #080;
	font-size: 14px;
}
/*----------------------------------------------
 * 画像テーブル
 *--------------------------------------------*/
#entry-body .sp-img-one td {
    width: 100%;
}
#entry-body .sp-img-two td {
	width: 50%;
}
#entry-body .sp-img-three td {
	width: 33.3333%;
}
#entry-body .sp-img-four td {
	width: 25%;
}
#entry-body .sp-img-one img {
	max-width: 50%;
}
#entry-body .sp-img-two img {
	max-width: 98%;
}
#entry-body .sp-img-three img {
	max-width: 98%;
}
#entry-body .sp-img-four img {
	max-width: 98%;
}
/*----------------------------------------------
 * 記事並び替え
 *--------------------------------------------*/
#article-form {
	padding: 8px;
	background-color: #FFF;
}
.article-select {
	padding: 8px;
	font-size: 16px;
	width: 48%;
}
.article-select.w100p {
	width: 100%;
}
/*----------------------------------------------
 * 記事のカテゴリー
 *--------------------------------------------*/
#entry-category {
    margin: 48px 0 32px;
}
.entry-category-list {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 4px 10px;
    padding-bottom: 4px;
}
.entry-category-list li {
    display: inline;
    line-height: 1.4;
}
.entery-category-header {
    border-left: 4px solid #BBBBBB;
    font-size: 16px;
    margin-bottom: 6px;
    padding-left: 4px;
}
.entry-category-list a {
    color: #666666;
    font-size: 12px;
    text-decoration: underline;
}
.entry-category-list .next {
    bottom: -1px;
    color: #999999;
    font-size: 80%;
    padding: 0 2px 0 4px;
    position: relative;
	display:inline;
}
/*----------------------------------------------
 * 記事のタグ
 *--------------------------------------------*/
#entry-tag {
    margin: 32px 0;
}
.entry-tag-list li {
    float: left;
    margin-right: 8px;
}
.entery-tag-header {
    border-left: 4px solid #BBBBBB;
    font-size: 16px;
    margin-bottom: 6px;
    padding-left: 4px;
}
.entry-tag-list {
    margin-left: 10px;
}
.entry-tag-list a {
    color: #666666;
    font-size: 12px;
    text-decoration: underline;
}
/*----------------------------------------------
 * ニュース
 *--------------------------------------------*/
#news .article-img {
	vertical-align: top;
}
.news-date-header {
	padding: 5px 8px;
	background-color: #E8E8E8;
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid rgba(0,0,0,0.08);
	border-bottom: 1px solid rgba(0,0,0,0.04);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	-webkit-text-shadow: 0 1px 0 #FFF;
	-moz-text-shadow: 0 1px 0 #FFF;
	text-shadow: 0 1px 0 #FFF;
}
/*----------------------------------------------
 * 編集部のおすすめアプリ
 *--------------------------------------------*/
#editorial-recommend-apps .article-list {
	border-top: none;
	overflow: hidden;
}
#editorial-recommend-apps .article-list li {
	float: left;
	width: 33.3333%;
	border: none;
	padding: 0 0 8px 0;
}
#editorial-recommend-apps .article-main {
	border-left: 1px solid #DDD;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
#editorial-recommend-apps .article-img {
	display: block;
	margin: 0 auto;
}
#editorial-recommend-apps .article-body {
	display: block;
	margin-top: 8px;
	text-align: left;
	padding: 0;
}
#editorial-recommend-apps .game-title {
	font-size: 12px;
	text-align: left;
	line-height: 1.35;
}
/*----------------------------------------------
 * htmlベース
 *--------------------------------------------*/
.html-a,
.html-b,
.html-c,
.html-d,
.html-e {
}
.html-e {
	padding: 8px 0 ;
	margin: 24px 0;
	text-align: center;
}
/*----------------------------------------------
 * ゲーム攻略
 *--------------------------------------------*/
#game-main-tips {
	border-bottom : 1px solid #CCC;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	background-color: #F0F0F0;
}
.game-tips-list {
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}
.game-tips-main {
	display: block;
	position: relative;
	padding: 8px;
}
.game-tips-body {
	display: table-cell;
	vertical-align: middle;
}
#recent-game-tips-list .game-tips-body {
	padding: 0 24px 0 8px;
}
.game-tips-img {
	width: 100%;
	text-align: center;
}
.game-tips-img img {
	max-width: 100%;
	max-height: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.game-tips-list li {
	position: relative;
	border-top: 1px dotted #CCC;
}
.game-tips-list li:first-child {
	border-top: none ;
}
#once-game-tips-list .game-tips-main{
	display: block;
	padding: 12px 8px;
	font-size: 16px;
}
#once-game-tips-list {
	padding: 0 8px;
}
#once-game-tips-list li:first-child {
	margin-top: 0;
}
.game-tips-title {
	margin: 6px 0 6px;
	line-height: 1.4;
}
.game-tips-title-explan {
	font-size: 12px;
	color:
	#666;
	line-height: 1.4;
}
.game-tips-copyright {
	font-size: 13px;
	color: #666;
	-webkit-text-shadow: 0 1px 0 #FFF;
	-moz-text-shadow: 0 1px 0 #FFF;
	text-shadow: 0 1px 0 #FFF;
}
.game-tips-list .more-link {
	margin-top: 8px;
	padding: 0;
	font-size: 14px;
	text-align: center;
}
.game-tips-list .more-link a {
	border: 1px solid #CCC;
	padding: 12px 12px 12px 24px;
	font-size: 16px;
	background-image: -moz-linear-gradient(top,	#F1F1F1 0%, #E1E1E1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top,  #F1F1F1 0%,#E1E1E1 100%);
	background-image: linear-gradient(to bottom, #F1F1F1 0%,#E1E1E1 100%);
	-webkit-box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
	-moz-box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
	box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
}
.game-tips-sub-info {
	font-size: 10px;
	display: inline-block;
	color: #666;
}
.game-tips-sub-info .article-num {
	font-size: 14px;
	font-weight: bold;
}
.game-tips-sub-info .unit{
	font-size: 10px;
	padding-left: 2px;
}
.game-tips-header {
	position: relative;
	text-align: center;
	background-color: #333;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.8);
	box-shadow: 0 2px 3px rgba(0,0,0,0.8);
}
.game-tips-contents {
	margin-top: 24px;
}
.game-tips-contents .article-main {
	padding-right: 32px;
}
.game-tips-contents.first {
	margin-top: 0;
}
.game-tips-header2 {
	font-size: 16px;
	padding: 6px 8px;
	color: #FFF;
	background-color: #444;
}
.game-tips-header2 a {
    color: #fff;
}
#game-tips-menu {
	margin-top: 24px;
}
#game-tips-menu dd {
	background-color: #FFF;
}
#game-tips-menu .inner{
	border-bottom: 1px solid #BABABA;
}
#game-tips-menu-header {
	position: relative;
	background-color: #444;
	color: #FFF;
	padding: 8px;
	font-size: 16px;
}
#game-tips-menu .default-hidden-menu{
	display: none;
}
#game-tips-menu .selected .default-hidden-menu {
	display: block;
}
#game-tips-menu .level-1-header {
	position: relative;
	background-image: -moz-linear-gradient(top,	#FEFEFE 0%, #DDD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DDD));
	background-image: -webkit-linear-gradient(top,  #FEFEFE 0%,#DDD 100%);
	background-image: linear-gradient(to bottom, #FEFEFE 0%,#DDD 100%);
	border-top: 1px solid #CCC;
	-webkit-text-shadow: 0 1px 0 #FFF;
	-moz-text-shadow: 0 1px 0 #FFF;
	text-shadow: 0 1px 0 #FFF;
	font-weight: bold;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#game-tips-menu .level-1 > li:first-child .level-1-header {
	border-top: none;
}
/*
#game-tips-menu .level-1-header:before {
	content: "";
	display: block;
	height: 24px;
	position: absolute;
	width: 24px;
	top: 50%;
	margin-top: -12px;
	right: 8px;
	border: 1px solid #CCC;
	background-image: -moz-linear-gradient(top,	#EEE 0%, #CCC 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
	background-image: -webkit-linear-gradient(top,  #EEE 0%,#CCC 100%);
	background-image: linear-gradient(to bottom, #EEE 0%,#CCC 100%);
	background-color: #CCC;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
#game-tips-menu .level-1-header:after {
	border-style: solid;
	border-width: 4px;
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
	border-color: rgba(0,0,0,0.4);
	border-left: medium none;
	border-top: medium none;
	top: 50%;
	margin-top: -4px;
	right: 17px;
	z-index: 2;
}
#game-tips-menu .level-1-header.open-close:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 16px;
}
*/
#game-tips-menu .level-1-header a{
	position: relative;
	display: block;
	padding: 10px 8px;
	color: #333;
}
#game-tips-menu .level-2-header {
	background-color: #DDD;
	padding: 6px 8px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	-webkit-text-shadow: 0 1px 0 #FFF;
	-moz-text-shadow: 0 1px 0 #FFF;
	text-shadow: 0 1px 0 #FFF;
	font-weight: bold;
	font-size: 15px;
}
#game-tips-menu .level-2 {
	border-top: 1px solid #CCC;
	padding: 12px;
}
#game-tips-menu .level-2 a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	padding: 8px 8px 8px 12px;
	text-decoration: underline;
	line-height: 1.35;
}
#game-tips-menu .level-2 a:after{
	content: ' ';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 0;
	border-width: 4px;
	border-color: transparent transparent transparent #999;
}
#game-tips-header-menu {
	margin-bottom: 16px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
	box-shadow: 0 2px 4px rgba(0,0,0,0.4);
	background-image: -moz-linear-gradient(top,	#F8F8F8 0%, #EEE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EEE));
	background-image: -webkit-linear-gradient(top,  #F8F8F8 0%,#EEE 100%);
	background-image: linear-gradient(to bottom, #F8F8F8 0%,#EEE 100%);
}
.game-tips-explan {
	margin-bottom: 6px;
	font-size: 12px;
	color: #666;
}
#game-tips-menu .level-3 {
	padding: 12px;
}
/*----------------------------------------------
 * 攻略中のゲームリスト
 *--------------------------------------------*/
.recent-game-tips-list {
	padding: 0;
}
.recent-game-tips-list li {
	border: none;
}
.recent-game-tips-list .game-tips-main {
	margin: 16px 8px;
	padding: 16px;
	background-color: #F2F2F2;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.recent-game-tips-list .game-tips-title a {
	text-decoration: underline;
}
/*----------------------------------------------
 * ブログ、マンガ
 *--------------------------------------------*/
.stories-list {
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}
.stories-main {
	display: block;
	position: relative;
	padding: 8px;
}
.stories-body {
	display: table-cell;
	vertical-align: middle;
}
.stories-header {
	position: relative;
	text-align: center;
	background-color: #333;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.8);
	box-shadow: 0 2px 3px rgba(0,0,0,0.8);
}
.stories-img {
	width: 100%;
	text-align: center;
}
.stories-img img {
	max-width: 100%;
	max-height: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.stories-list li {
	position: relative;
	border-top: 1px dotted #CCC;
}
.stories-list li:first-child {
	border-top: none ;
}
.stories-title {
	margin: 6px 0;
	line-height: 1.4;
}
.stories-sub-info {
	font-size: 10px;
	display: inline-block;
	color: #666;
}
.stories-sub-info .article-num {
	font-size: 14px;
	font-weight: bold;
}
.stories-sub-info .unit{
	font-size: 10px;
	padding-left: 2px;
}
.stories-explan {
	background-color: #FFF;
	padding: 16px 8px;
	font-size: 12px;
	color: #666;
	line-height: 1.25;
	border-bottom: 1px solid #CCC;
}
.stories-title-explan {
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}
.stories-list .more-link {
	margin-top: 8px;
	padding: 0;
	font-size: 14px;
	text-align: center;
}
.stories-list .more-link a {
	border: 1px solid #CCC;
	padding: 12px 12px 12px 24px;
	font-size: 16px;
	background-image: -moz-linear-gradient(top,	#F1F1F1 0%, #E1E1E1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top,  #F1F1F1 0%,#E1E1E1 100%);
	background-image: linear-gradient(to bottom, #F1F1F1 0%,#E1E1E1 100%);
	-webkit-box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
	-moz-box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
	box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
}
.stories-detail-list .article-body{
	padding: 0 24px 0 4px;
}
.once-stories-list .stories-main{
	display: block;
	padding: 12px 8px;
	font-size: 16px;
}
.once-stories-list {
	padding: 0 8px;
}
.once-stories-list li:first-child {
	margin-top: 0;
}
/*----------------------------------------------
 * 連載中のブログ、マンガ
 *--------------------------------------------*/
.recent-stories-list {
	padding: 0;
}
.recent-stories-list li {
	border: none;
}
.recent-stories-list .stories-main {
	margin: 16px 8px;
	padding: 16px;
	background-color: #F2F2F2;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.recent-stories-list .stories-title a {
	text-decoration: underline;
}
/*----------------------------------------------
 * 関連記事
 *--------------------------------------------*/
#relation-article {
	margin-top: 24px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px;
}
#relation-article h3 {
	font-size: 18px;
	margin-bottom: 8px;
}
#relation-article .explan {
	font-size: 12px;
	color: #999;
	margin-bottom: 8px;
}
#relation-article-list li{
	position: relative;
	border-top: 1px dotted #CCC;
}
#relation-article-list li:first-child{
	border-top: 1px solid #CCC;
}
#relation-article-list a{
	position: relative;
	display: block;
	padding: 4px 0;
}
#relation-article-list .article-title{
	font-weight: normal;
}
#relation-article-list .article-body {
	display: block;
	padding-left: 0;
	padding-right: 32px;
}
#relation-article-list .article-create-date{
	float: left;
}
/*----------------------------------------------
 * 最新記事
 *--------------------------------------------*/
#recent-article {
	margin-top: 24px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px;
}
#recent-article h3 {
	font-size: 18px;
	margin-bottom: 8px;
}
#recent-article .explan {
	font-size: 12px;
	color: #999;
	margin-bottom: 8px;
}
#recent-article-list li{
	position: relative;
	border-top: 1px dotted #CCC;
}
#recent-article-list li:first-child{
	border-top: 1px solid #CCC;
}
#recent-article-list a{
	position: relative;
	display: block;
	padding: 4px 0;
}
#recent-article-list .article-title{
	font-weight: normal;
}
#recent-article-list .article-create-date{
	float: left;
}
#recent-article-list .article-body {
	display: block;
	padding-left: 0;
	padding-right: 32px;
}
/*----------------------------------------------
 * 最新アクセスランキング
 *--------------------------------------------*/
.apps-ranking-box h1{
    padding:8px;
    border-top:1px solid #ccc;
    background: rgba(255,255,255,0.7);
}

#pageview-lanking-contents {
       margin-bottom: 8px;
}

#pageview-lanking,.pageview-lanking {
	margin-top: 24px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px;
}
#pageview-lanking h2 ,.pageview-lanking h2{
	font-size: 16px;
	margin-bottom: 8px;
}
#pageview-lanking .explan,.pageview-lanking .explan {
	font-size: 12px;
	color: #666;
	margin-bottom: 8px;
}
.pageview-lanking-list li{
	position: relative;
	border-top: 1px dotted #CCC;
}
.pageview-lanking-list li:first-child{
	border-top: 1px solid #CCC;
}
.pageview-lanking-list a{
	position: relative;
	display: block;
	padding: 10px 0;
}
.pageview-lanking-list .article-title{
	font-weight: normal;
}
.pageview-lanking-list .article-body {
	display: block;
	margin-left: 34px;
	padding-right: 32px;
}
.pageview-lanking-list .lanking-num {
	position: absolute;
	top: 30%;
	margin-top: -17px;
	left: 0;
	display: inline-block;
	background-color: #F0F0F0;
	text-align: center;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	height: 26px;
	width: 26px;
	padding: 4px;
}
.pageview-lanking-list .lanking-num .unit {
	padding-left: 2px;
	font-size: 12px;
}
.gold {
	background-color: #EDAE00 !important;
	color: #FFF !important;
}
.silver {
	background-color: #C5B69E !important;
	color: #FFF !important;
}
.bronze {
	background-color: #8D3927 !important;
	color: #FFF !important;
}

/*----矢印----*/
.pageview-lanking-list .arrow-mark{
       position: absolute;
       left: 5px;
       top: 46px;
       width: 24px;
       height: 20px;
       background: url(../images/ranking/markNone.png)no-repeat center 7px;
       background-size: 60%;
}

.pageview-lanking-list .up{
       background: url(../images/ranking/markUp.png)no-repeat top center;
       background-size: 60%;
}

.pageview-lanking-list .down{
        background: url(../images/ranking/markDown.png)no-repeat top center;
        background-size: 60%;
}

.pageview-lanking-list .up:after{
       content:"up";
       font-size: 11px;
       display: block;
       text-align: center;
       margin: 12px 0 0;
       color: #ff3333;
}

.pageview-lanking-list .down:after{
       content:"down";
       font-size: 11px;
       display: block;
       text-align: center;
       margin: 12px 0 0 -2px;
       color: #3074d9;
}


/* 人気記事の表示位置変更に伴う見出しスタイル変更関連（トップにのみ適用されるよう上書き用） */
.contents-root#pageview-lanking{margin:10px 0 0;padding:0;border-top:none;}
.contents-root#pageview-lanking .explan,
.contents-root#pageview-lanking .pageview-lanking-list{padding:0 8px;}

/* 攻略記事ランキングの表示位置変更に伴う見出しスタイル変更関連（トップにのみ適用されるよう上書き用） */
.contents-root#pageview-lanking-gametip{margin:10px 0 0;padding:0;border-top:none;}
.contents-root#pageview-lanking-gametip .explan,
.contents-root#pageview-lanking-gametip .pageview-lanking-list{padding:0 8px;}

/*----------------------------------------------
 * 先週の話題記事
 *--------------------------------------------*/
#weekly-retweet {
	margin-top: 24px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px;
}
#weekly-retweet h2 {
	font-size: 16px;
	margin-bottom: 8px;
}
#weekly-retweet .explan {
	font-size: 12px;
	color: #666;
	margin-bottom: 8px;
}
#weekly-retweet-list li{
	position: relative;
	border-top: 1px dotted #CCC;
}
#weekly-retweet-list li:first-child{
	border-top: 1px solid #CCC;
}
#weekly-retweet-list a{
	position: relative;
	display: block;
	padding: 10px 0;
}
#weekly-retweet-list .article-title{
	font-weight: normal;
}
#weekly-retweet-list .article-body {
	display: block;
	margin-left: 34px;
	padding-right: 32px;
}
#weekly-retweet-list .retweet-num {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 0;
	display: inline-block;
	text-align: center;
	background-color: #F0F0F0;
	color: #5B5B5B;
	font-size: 14px;
	height: 26px;
	padding: 4px;
	min-width: 26px;
}
#weekly-retweet-list .unit {
	display: block;
	font-size: 80%;
	padding-top: 1px;
}
/*----------------------------------------------
 * カテゴリ一覧（ページ単体用）
 *--------------------------------------------*/
#category {
	margin-top: 16px;
	border-bottom: 1px solid #CCC;
}
#category a {
	text-decoration: underline;
	padding: 8px 4px;
	font-size: 12px;
}
#category .more-link a {
	text-decoration: none;
	padding: 8px 8px 8px 24px;
	font-size: 12px;
}
.category-list {
	background-color: #FFF;
	padding: 8px;
}
.category-list dt {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;

}
.category-list dt .header-decoration{
	border-left: 4px solid #0074CC;
	padding-left: 8px;
}
.category-list > li {
	margin-top: 24px;
}
.category-list > li:first-child {
	margin-top: 0;
	border-top: none;
}
.short-category-list li {
	float: left;
	padding-right: 12px;
}
.short-category-list a{
	display: inline-block;
}
.long-category-list a{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.category-list .level-2 {
	padding-left: 10px;
}
/*----------------------------------------------
 * カテゴリ一覧（フッター用）
 *--------------------------------------------*/
#category-all {
	margin-top: 24px;
	background-color: #FFF;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px 4px;
}
#category-header {
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	padding-left: 4px;
}
#category-list {
	margin-top: 8px;
}
#category-list a {
	display: block;
	padding: 4px 8px;
	margin: 0 2px;
	background-color: #EFEFEF;
	background-image: -moz-linear-gradient(top,	#F8F8F8 0%, #EFEFEF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EFEFEF));
	background-image: -webkit-linear-gradient(top,  #F8F8F8 0%,#EFEFEF 100%);
	background-image: linear-gradient(to bottom, #F8F8F8 0%,#EFEFEF 100%);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
	font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #666;
	text-align: center;
}
#category-list li {
	float: left;
	width: 25%;
	padding: 4px 0;
}
#category-list .font-size-mini {
	font-size: 10px;
}
/*----------------------------------------------
 * アプリ ランキング
 *--------------------------------------------*/
#apps-lanking .explan,
#tips-ranking .explan {
	padding: 8px 0 8px 8px;
	font-size: 12px;
	color: #666;
	background-color: #FFF;
}
#apps-lanking .explan span{
	padding-left: 8px;
}
.apps-lanking-list{
	border: 1px solid #CCC;
	background-color: #FFF;
}
.apps-lanking-list li{
	position: relative;
	border-top: 1px dotted #CCC;
}
.apps-lanking-list li:first-child{
	border-top: none;
}
.apps-lanking-list .game-title {
	font-size: 16px;
	margin-bottom: 8px;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
}
.lanking-body {
	padding: 0 24px 0 44px;
}
.lanking-body dt,
.lanking-body dd {
	display: inline;
	font-size: 12px;
	color: #999;
	line-height: 1.4;
}
.lanking-body dd {
	padding-right: 8px;
}
.lanking-main {
	position: relative;
	display: block;
	padding: 5px 4px 5px 0;
}

.apps-lanking-list .lanking-num {
	display: inline-block;
	background-color: #E4E4E4;
	font-size: 18px;
	font-weight: bold;
	line-height: 48px;
	height: 48px;
	min-width: 26px;
	padding: 0;
	text-align: center;
	margin-top: 0;
	color: #333;
}
.lanking-body .price,
.lanking-body .price-value {
	color: #666;
	font-weight: bold;
}
.lanking-body .price-value::after {
	content: "\A";
	white-space: pre;
}
.lanking-num-box {
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -24px;
}
.apps-lanking-list .article-img {
	vertical-align: top;
	width: 56px;
	height: 56px;
}
.apps-lanking-list .apps-spec {
	display: table-cell;
	vertical-align: top;
	padding-left: 9px;
}

/*----------------------------------------------
 * 注目のおすすめゲーム【PR】
 *--------------------------------------------*/
 .recommended-game-heading{
    display: block;
    padding:8px;
    border-top:1px solid #ccc;
}
.recommended-game-list{
	border: 1px solid #CCC;
	background-color: #FFF;
}
.recommended-game-list li{
	position: relative;
	border-top: 1px dotted #CCC;
}
.recommended-game-list li:first-child{
	border-top: none;
}
.ranking-body .game-title {
	display: none;
}
.ranking-body {
  padding: 0 24px 0 44px;
}
.ranking-body dt,
.ranking-body dd {
  display: inline;
  font-size: 14px;
  line-height: 1.4;
}
.ranking-body dd {
  padding-right: 8px;
}
.ranking-main {
  position: relative;
  display: block;
  /* padding: 5px 4px 5px 0; */
}

.ranking-num {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 28px;
  height: 26px;
  width: 26px;
  text-align: center;
  background-size: 26px 26px;
  color: #fff;
}
.ranking-num-box {
  position: absolute;
  top: 50%;
  left: 8px;
  /* margin-top: -24px; */
  transform: translateY(-50%);
}
.ranking-num--gold {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22crown%22%20class%3D%22svg-inline--fa%20fa-crown%20fa-w-20%22%20role%3D%22img%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22%23ECAD28%22%20d%3D%22M528%20448H112c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h416c8.8%200%2016-7.2%2016-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5%200-48%2021.5-48%2048%200%207.1%201.6%2013.7%204.4%2019.8L476%20239.2c-15.4%209.2-35.3%204-44.2-11.6L350.3%2085C361%2076.2%20368%2063%20368%2048c0-26.5-21.5-48-48-48s-48%2021.5-48%2048c0%2015%207%2028.2%2017.7%2037l-81.5%20142.6c-8.9%2015.6-28.9%2020.8-44.2%2011.6l-72.3-43.4c2.7-6%204.4-12.7%204.4-19.8%200-26.5-21.5-48-48-48S0%20149.5%200%20176s21.5%2048%2048%2048c2.6%200%205.2-.4%207.7-.8L128%20416h384l72.3-192.8c2.5.4%205.1.8%207.7.8%2026.5%200%2048-21.5%2048-48s-21.5-48-48-48z%22%2F%3E%3C%2Fsvg%3E');
}
.ranking-num--silver {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22crown%22%20class%3D%22svg-inline--fa%20fa-crown%20fa-w-20%22%20role%3D%22img%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22%23C5B69F%22%20d%3D%22M528%20448H112c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h416c8.8%200%2016-7.2%2016-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5%200-48%2021.5-48%2048%200%207.1%201.6%2013.7%204.4%2019.8L476%20239.2c-15.4%209.2-35.3%204-44.2-11.6L350.3%2085C361%2076.2%20368%2063%20368%2048c0-26.5-21.5-48-48-48s-48%2021.5-48%2048c0%2015%207%2028.2%2017.7%2037l-81.5%20142.6c-8.9%2015.6-28.9%2020.8-44.2%2011.6l-72.3-43.4c2.7-6%204.4-12.7%204.4-19.8%200-26.5-21.5-48-48-48S0%20149.5%200%20176s21.5%2048%2048%2048c2.6%200%205.2-.4%207.7-.8L128%20416h384l72.3-192.8c2.5.4%205.1.8%207.7.8%2026.5%200%2048-21.5%2048-48s-21.5-48-48-48z%22%2F%3E%3C%2Fsvg%3E');
}
.ranking-num--bronze {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22crown%22%20class%3D%22svg-inline--fa%20fa-crown%20fa-w-20%22%20role%3D%22img%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22%238C3A2B%22%20d%3D%22M528%20448H112c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h416c8.8%200%2016-7.2%2016-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5%200-48%2021.5-48%2048%200%207.1%201.6%2013.7%204.4%2019.8L476%20239.2c-15.4%209.2-35.3%204-44.2-11.6L350.3%2085C361%2076.2%20368%2063%20368%2048c0-26.5-21.5-48-48-48s-48%2021.5-48%2048c0%2015%207%2028.2%2017.7%2037l-81.5%20142.6c-8.9%2015.6-28.9%2020.8-44.2%2011.6l-72.3-43.4c2.7-6%204.4-12.7%204.4-19.8%200-26.5-21.5-48-48-48S0%20149.5%200%20176s21.5%2048%2048%2048c2.6%200%205.2-.4%207.7-.8L128%20416h384l72.3-192.8c2.5.4%205.1.8%207.7.8%2026.5%200%2048-21.5%2048-48s-21.5-48-48-48z%22%2F%3E%3C%2Fsvg%3E');
}
.ranking-body .article-img {
  vertical-align: middle;
  width: 70px;
  /* height: 56px; */
  height: 105px;
}
.ranking-body .apps-spec {
  display: table-cell;
  vertical-align: middle;
  padding-left: 9px;
  font-weight: bold;
}
.ranking-body .lead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 1;
  max-height: 6em;
}
.ranking-body .details {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 3;
  max-height: 6em;
  color: #888;
}

/*----------------------------------------------
 * レビュー
 *--------------------------------------------*/
#new-review .article-img,
#review .article-img{
	display: block;
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -36px;
}
#new-review .article-body,
#review .article-body {
	display: block;
	padding-left: 80px;
	min-height: 72px;
}
#new-review .game-title,
#review .game-title{
	font-size: 16px;
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#new-review .article-title,
#review .article-title{
	color: #888;
	font-size: 12px;
	line-height: 1.35;
}
/*----------------------------------------------
 * WordPressのウィジェット用
 *--------------------------------------------*/
#widget-common-a,
#widget-common-b,
#widget-common-c {
	margin: 24px 0 0 0;
	text-align: center;
}
#widget-common-a {
	margin: 12px 0;
}

/* ios8 patch */
#widget-common-a * {
    margin-left: 0px!important;
    max-width: 100%;
}

#widget-common-a img {
    width: 100% !important;
    height: auto !important;
}
#widget-common-a a {
    width: 100% !important;
}

#widget-post-a,
#widget-post-b,
#widget-post-c {
	margin: 24px 0;
	text-align: center;
}

#widget-post-a li{
	border-bottom: 1px solid #CCC;
	margin: 5px 0 0 0;
}

#widget-post-c * {
	margin-left: 0px!important;
	max-width:100%;
}

#widget-post-c img {
    width: 100% !important;
    height: auto !important;
}
#widget-post-c a {
    width: 100% !important;
}
#widget-post-b {
	margin: 48px 0;
}
/*----------------------------------------------
 * 本番では使用しないセレクタ群(テストサイト見た目確認用)
 *--------------------------------------------*/
.ad-box1{
	display: inline-block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	color: #FFF !important;
	max-width: 100%;
	max-height: 100%;
	background-color: #666;
}
.ad-box2{
	display: block;
	width: 100%;
	height: 250px;
	line-height: 250px;
	color: #FFF !important;
	max-width: 100%;
	max-height: 100%;
	background-color: #666;
}
.ad-box3{
	display: block;
	width: 100%;
	height: 250px;
	line-height: 250px;
	color: #FFF !important;
	max-width: 100%;
	max-height: 100%;
	background-color: #666;
}
/*----------------------------------------------
 * フッター
 *--------------------------------------------*/
footer {
}
#footer-lower {
	color: #FFF;
	margin-top: 16px;
	background-color: #2B2B2B;
	background-image: -webkit-linear-gradient(top,	#2B2B2B 0%, #1B1B1B 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#1B1B1B));
	background-image: -moz-linear-gradient(top,	#2B2B2B 0%, #1B1B1B 100%);
	background-image: linear-gradient(to bottom, #2B2B2B 0%,#1B1B1B 100%);
	padding: 16px;
}
#contents-view-mode  {
	text-align: center;
	margin-top: 16px;
}
#contents-view-mode .inner{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 16px;
	font-size: 14px;
	text-align: center;
	background-color: #FFF;
}
#contents-view-mode dt,
#contents-view-mode dd,
#contents-view-mode ol,
#contents-view-mode li {
	display: inline;
}
#contents-view-mode .pipe {
	color: #666;
	padding: 0 8px;
}
#contents-view-mode .current {
	color: #333;
	font-weight: bold;
}
#site-owner-link-list {
	text-align: center;
}
#site-owner-link-list li{
	position: relative;
	display: inline;
	margin-right: 12px;
}
#site-owner-link-list a{
	font-size: 14px;
	display: inline-block;
	padding: 4px 0;
	color: #FFF;
	text-decoration: underline;
}
#site-owner-link .font-size-mini {
	font-size: 12px;
}
/*----------------------------------------------
 * ソーシャルボタン
 *--------------------------------------------*/
.social-btn {
	margin: 8px 0 8px;
}
.entery-social-header {
	margin-bottom: 6px;
	font-size: 16px;
	border-left: 4px solid #BBB;
	padding-left: 4px;
}
.social-btn-wrpper {
	border-top: 1px solid #DDD;
	padding: 8px 0;
	border-bottom: 1px solid #DDD;
	background-color: #F8F8F8;
}
.social-btn-list li {
	float: left;
	width: 25%;
}

.line-socical-btn{
	padding-left: 8px;
	text-align: center;
}
.google-social-btn{
	text-align: right;
}
.hatena-social-btn {
	margin-left: 5px;
}
/*----------------------------------------------
 * アプリスペック
 *--------------------------------------------*/
#app-spec {
	margin: 24px 0;
	border: 1px solid #CCC;
	background-color: #F8F8F8;
}
#app-spec .app-name {
	font-size: 16px;
	font-weight: bold;
	background-color: #F0F0F0;
	padding: 8px;
	margin: 0;
	line-height: 1;
	border-left: 1px;
	border-bottom: 1px solid #CCC !important;
}
.app-spec-list {
	padding: 4px;
	color: #666;
	font-size: 13px;
}
.app-spec-list dt {
	float: left;
	clear: both;
	width: 6em;
	margin-top: 4px;
	padding-left: 8px;
	font-size: 13px;
	font-weight: bold;
}
.app-spec-list dd {
	border-top: 1px dotted #CCC;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 9em;
	font-size: 13px;
}
.app-spec-list .first{
	border-top: none;
}
/*----------------------------------------------
 * アプリダウンロード
 *--------------------------------------------*/
#store-donwload-link {
	margin: 32px 0;
}
/* Correct typo for donw => down */
#store-download-link {
	margin: 32px 0;
}
.store-donwload-link-list li{
	position: relative;
	float: left;
	width: 49%;
	text-align: center;
}
/* Correct typo for donw => down */
.store-download-link-list li{
	position: relative;
	float: left;
	width: 49%;
	text-align: center;
}
.store-donwload-link-list .last {
	float: right;
}
/* Correct typo for donw => down */
.store-download-link-list .last {
	float: right;
}
.one-download-link li{
	float: none;
	width: 100%;
	text-align: center;
}
.store-download-btn {
	display: inline-block;
	padding: 8px 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
a.store-download-btn:link {
	color: #FFF;
}
a.store-download-btn:visited {
	color: #FFF;
}
.store-download-btn .text-first {
	font-size: 12px;
	display: block;
	margin-bottom: 6px;
}
.store-download-btn .text-last {
	font-size: 12px;
	padding-left: 2px;
}
.app-store-download-btn {
	color: #FFF;
	background-image: -moz-linear-gradient(top,	#425eff 0%, #001bb8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#425eff), to(#001bb8));
	background-image: -webkit-linear-gradient(top,  #425eff 0%,#001bb8 100%);
	background-image: linear-gradient(to bottom,	 #425eff 0%,#001bb8 100%);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.9);
	box-shadow: 0 2px 4px rgba(0,0,0,0.9);
	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}
.google-play-donwload-btn {
	color: #FFF;
	background-image: -moz-linear-gradient(top,	#9be600 0%, #86c700 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9be600), to(#86c700));
	background-image: -webkit-linear-gradient(top,  #9be600 0%,#86c700 100%);
	background-image: linear-gradient(to bottom,	 #9be600 0%,#86c700 100%);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
	box-shadow: 0 2px 4px rgba(0,0,0,0.8);
	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
/* Correct typo for donw => down */
.google-play-download-btn {
	color: #FFF;
	background-image: -moz-linear-gradient(top,	#9be600 0%, #86c700 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9be600), to(#86c700));
	background-image: -webkit-linear-gradient(top,  #9be600 0%,#86c700 100%);
	background-image: linear-gradient(to bottom,	 #9be600 0%,#86c700 100%);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.8);
	box-shadow: 0 2px 4px rgba(0,0,0,0.8);
	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.store-donwload-link-list .download {
	display: block;
	font-size: 22px;
	margin-top: 6px;
}
/* Correct typo for donw => down */
.store-download-link-list .download {
	display: block;
	font-size: 22px;
	margin-top: 6px;
}
.store-donwload-link-list .arrow-down {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -16px;
	border-width: 10px 16px 10px;
	border-color: #0074CC transparent transparent transparent;
}
/* Correct typo for donw => down */
.store-download-link-list .arrow-down {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -16px;
	border-width: 10px 16px 10px;
	border-color: #0074CC transparent transparent transparent;
}
/*----------------------------------------------
 * コピーライト
 *--------------------------------------------*/
#copyright {
	padding: 24px 0 0;
	text-align: center;
}
/*----------------------------------------------
 * ページインジケーター
 *--------------------------------------------*/
.article-list > li:after,
.apps-lanking-list li:after,
#weekly-retweet-list li:after,
#pageview-lanking-list li:after,
#recent-article-list li:after,
#relation-article li:after, 
.recommended-game-list li:after {
	border-style: solid;
	border-width: 4px;
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
	border-color: rgba(0,0,0,0.2);
	border-left: medium none;
	border-top: medium none;
	top: 50%;
	margin-top: -4px;
	right: 12px;
}
#editorial-recommend-apps .article-list li:after{
	border-color: transparent;
}
/*----------------------------------------------
 * ページャー
 *--------------------------------------------*/
.game-tips-top-back {
	margin-top: 24px;
	position: relative;
	padding: 8px;
	text-align: center;
}
.game-tips-top-back .game-title {
	display: block;
	margin-bottom: 4px;
	line-height: 1.4;
}
.game-tips-top-back-btn {
	position: relative;
	display: block;
	padding: 20px 8px;
	font-weight: bold;
	font-size: 18px;
	border: 1px solid #BBB;
	text-align: center;
	color: #333 !important;
	background-color: #ffa333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top,	#FEFEFE 0%, #DDD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DDD));
	background-image: -webkit-linear-gradient(top,  #FEFEFE 0%,#DDD 100%);
	background-image: linear-gradient(to bottom, #FEFEFE 0%,#DDD 100%);
	-webkit-tbox-shadow: 0 1px 0 #FFF inset , 0 2px 4px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.6);
	box-shadow: 0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.6);
	-webkit-text-shadow: 0 1px 0 #FFF;
	-moz-text-shadow: 0 1px 0 #FFF;
	text-shadow: 0 1px 0 #FFF;
}
/*----------------------------------------------
 * ページTOPへ戻る
 *--------------------------------------------*/
#page-back-link {
	margin: 16px 8px 0 0;
}
a.page-top-back-btn {
	position: relative;
	display: block;
	padding: 4px 8px 4px 26px;
	margin: 0 2px;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.page-top-back-btn:after{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color: #0074CC;
	top: 50%;
	margin-top: -12px;
	left: 6px;
}
.no-game-search li {
width: 33.3333%!important;
}
#global-navi > li.current-menu-item .inner {
	border-top: 1px solid #0065B3;
	border-left: 1px solid #0065B3;
}
/*----------------------------------------------
 * 開閉ボタン
 *--------------------------------------------*/
.open-close-btn {
	display: block;
	height: 22px;
	position: absolute;
	width: 22px;
	top: 50%;
	margin-top: -13px;
	right: 8px;
	border: 1px solid #CCC;
	background-image: -moz-linear-gradient(top,	#EEE 0%, #CCC 100%);
	background-image: -o-linear-gradient(top,	#EEE 0%, #CCC 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#CCC));
	background-image: -webkit-linear-gradient(top,  #EEE 0%,#CCC 100%);
	background-image: linear-gradient(to bottom, #EEE 0%,#CCC 100%);
	background-color: #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 1;
}
a:hover .open-close-btn {
	border: 1px solid #0065b3;
	background-color: #0074cc;
	background-image: -moz-linear-gradient(top,	#007ddb 0%, #0074cc 100%);
	background-image: -o-linear-gradient(top,	#007ddb 0%, #0074cc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007ddb), color-stop(100%,#0074cc));
	background-image: -webkit-linear-gradient(top,  #007ddb 0%,#0074cc 100%);
	background-image: linear-gradient(to bottom, #007ddb 0%,#0074cc 100%);
	-webkit-box-shadow: 0 1px 0 #85caff inset;
	-moz-box-shadow: 0 1px 0 #85caff inset;
	box-shadow: 0 1px 0 #85caff inset;
}
.open-close-btn-arrow {
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -4px;
	margin-right: -5px;
	border-style: solid;
	border-width: 0 5px 8px 5px;
	border-color: transparent transparent #888 transparent;
	z-index: 2;
}
a:hover .open-close-btn-arrow {
	border-color: transparent transparent #FFF transparent;
}
.open-close .open-close-btn-arrow{
	margin-top: -3px;
	margin-right: -5px;
	border-width: 8px 5px 0 5px;
	border-color: #888 transparent transparent transparent;
}
.open-close a:hover .open-close-btn-arrow {
	border-color: #FFF transparent transparent transparent;
}
/*----------------------------------------------
 * 事前登録
 *--------------------------------------------*/
#before-regist-contents {
	background-color: #FFF;
	padding-bottom: 16px;
}
#before-regist-contents h1 {
	background-color: #333;
	width: 100%;
	text-align: center;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.8);
	box-shadow: 0 2px 3px rgba(0,0,0,0.8);
}
.before-regist-contents-explan {
	margin: 20px 0 20px;
	padding: 0 16px;
	line-height: 1.6;
	font-size: 14px;
}
.before-regist-game-list {
	margin-top: 20px;
	padding: 0 8px;
}
.before-regist-game-list li {
	float: none;
}
.before-regist-game-list .game-wrapper {
	position: relative;
	padding: 16px;
	background-color: #F2F2F2;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.25);
	box-shadow: 0 0 4px rgba(0,0,0,0.25);
	height: 240px;
	margin-bottom: 16px;
	overflow: hidden;
}
.before-regist-game-list .game-body {
	position: relative;
	margin-top: 20px;
}
.before-regist-game-list .game-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	background-color: #F0F0F0;
}
.before-regist-game-list .game-img img {
	max-width: 80px;
}
.before-regist-game-list .game-img img {
	-moz-opacity: 0.8;
	filter: alpha(opacity="80");
	opacity: 0.8;
}
.before-regist-game-list .game-data {
	margin-left: 95px;
}
.before-regist-game-list .game-title {
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.before-regist-game-list .game-title a {
	text-decoration: underline;
}
.before-regist-game-list .game-title a:hover {
	text-decoration: none;
}
.before-regist-game-list .game-data-list dt {
	margin-top: 12px;
	width: 6em;
	font-size: 12px;
	color: #666;
}
.before-regist-game-list .game-data-list dd {
	padding: 6px 0;
	border-bottom: 1px dotted #CCC;
	line-height: 1.4;
	font-weight: bold;
	font-size: 13px;
}
.before-regist-game-list .game-data-list .date {
	color: #D00000;
	font-weight: normal;
}
.before-regist-game-list .game-explan {
	margin-top: 12px;
}
.before-regist-game-list .game-explan p {
	padding: 4px;
	background-color: #ffe0e3;
	line-height: 1.45;
	font-size: 12px;
	color: #666;
}
/*----------------------------------------------
 * 404
 *--------------------------------------------*/
#page-not-found {
	background-color: #FFF;
	padding: 20px 20px 30px 20px;
}
#page-not-found h1 {
	font-size: 30px;
	color: #4B4B4B;
}
#page-not-found h1 > span{
	font-size: 160%;
	padding-right: 20px;
}
#page-not-found p {
	margin-top: 8px;
	color: #4B4B4B;
	font-size: 14px;
}
#page-not-found .sub-text {
	line-height: 1.4;
}
#page-not-found .select-box {
	margin-top: 20px;
}
#page-not-found .select-list {
	display: inline-block;
}
#page-not-found .select-list li {
	float: left;
}
#page-not-found .select-list li:first-child {
	padding-right: 20px;
}
#page-not-found .select-list a {
	text-decoration: underline;
}
#page-not-found .select-list a:hover {
	text-decoration: none;
}

.twitter_box {
	position: relative;
	background: #fff;
	border: 1px solid #acc7d9;
	width:66px;
	height:32px;
	border-radius:4px;
	margin-bottom:6px;
	text-align:center;
	line-height:32px;
	font-size:16px;
	margin-left: auto;
	margin-right: auto;
}

.twitter_box:after, .twitter_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.twitter_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.twitter_box:before {
	border-color: rgba(172, 199, 217, 0);
	border-top-color: #acc7d9;
	border-width: 6px;
	margin-left: -6px;
}



/*----------------------------------------------
 * 2016年10/4差分(fukui)
 *--------------------------------------------*/

#content-head img, .bt_RankingTop img{
	width: 100%;
}
#content-head #rank-menu{
	display: table;
	width: 100%;
	margin: 6px 0 15px;
}
#content-head #rank-menu li{
	display: table-cell;
	padding: 0 2px 0 2px;
}

.RakingTop{
	margin: 0 0 25px;
}

.RakingTop .contents-header{
	color: #663300;
	background-color: #fae07f;
	border-top: 1px solid #dfc358;
	border-bottom: 1px solid #dfc358;
}

.RakingTop .header-decoration{
	border-left: 4px solid #cc9900;
	display: block;
}

.RakingTop .explan{
	line-height: 16px;
	border-bottom: solid 1px #ccc;
	margin: 0 7px;
	padding: 10px 0;
	font-size: 14px;
}

.blue{color: #3399ff;}
.orange{color: #ff6600;}
.green{color: #00cc33;}

.RakingTop .article-img {
	padding: 0 5px 0 0;
}

.RakingTop .article-create-date{
	text-align: right;
	display: block;
}

.RakingTop .more-link {
	margin: 8px 8px 20px 0;
}

.sp-widget-common-cd{
    margin: 8px 10px 0;
}



/*----------------------------------------------
 * 2016年10/4 新規追加(fukui)
 *--------------------------------------------*/
 
/*----ランキングトップに行くボタン----*/
.bt_RankingTop{
	padding: 15px 0 0;
}
 
/*--------rank_table-----------*/

.game-list{
	position: relative;
	background: rgba(255,255,255,0.7);
}
.RakingTop{font-size: 12px;}


li.game-list-box,
dt.capture-icon,
dd.capture-detail,
dd.capture-detail li{
	border-bottom: dotted 1px #ccc;
	padding: 0 0 3px;
}
	li.game-list-box:last-child,
	.CaptureApriMain .game-list:last-child,
	.CaptureApriMain li:last-child{
		border-bottom: none;
	}

.game-table,
.capture-detail dl,
.CaptureApriMain li.game-list{
	display: table;
	width: 100%;
}


.game-table li,
.CaptureApriMain div.capture-icon,
.capture-detail dt{
	display: table-cell;
	vertical-align: top;
	padding: 5px;
}
	.CaptureApriMain div.capture-detail{
		display: table-cell;
		vertical-align: top;
		padding: 5px 10px 5px 0;
	}
    .capture-rank-list .lanking-main{
        display: table;
        width: 100%;
    }
    .capture-rank-list li div{
        display: table-cell;
        vertical-align: top;
    }
.game-table li.img-icon{
	padding: 5px 5px 5px 0;
}

/*----右矢印タップマーク----*/
.game-list-box ol:after,
.capture-detail a.lanking-main:after,
.capture-layout-stage1 a:after,
.capture-layout-stage2 a:after{
	border-style: solid;
	border-width: 4px;
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
	border-color: rgba(0,0,0,0.2);
	border-left: medium none;
	border-top: medium none;
	top: 50%;
	margin-top: -4px;
	right: 12px;
}

/*----順位----*/
.game-table li.number{
	padding: 5px 5px 0 8px;
	margin: 0;
	width: 34px;
}


.number span{
	padding: 10px 4px;
	display: block;
	font-weight: bold;
	text-align: center;
}
.TweetApriMain li.number span{
	padding: 16px 5px 16px 5px;
	font-size: 12px;
	width: 28px;
}

span.rank-color1{
	background: #EDAE00;
	color: #ffffff;
}
span.rank-color2{
	background: #C5B69E;
	color: #ffffff;
}
span.rank-color3{
	background: #8D3927;
	color: #ffffff;
}
span.rank-color-pr{
	background: #4040FF;
	color: #ffffff;
}
span.rank-color-other{
	background: #F0F0F0;
}
.ranking-list-twiter-number{
	width: 53px;
}


/*----矢印----*/
.game-table .arrow-mark,
.capture-rank-list .arrow-mark{
	position: absolute;
	left: 8px;
	top: 46px;
	width: 24px;
	height: 20px;
	background: url(../images/ranking/markNone.png)no-repeat center 7px;
	background-size: 60%;
}
	/*----攻略イレギュラー対応---*/
	.capture-rank-list .arrow-mark{
		width: 34px;
		left: 0;
	}
.game-table .up,
.capture-rank-list .up{
	background: url(../images/ranking/markUp.png)no-repeat top center;
	background-size: 60%;
}
.game-table .up:after,
.capture-rank-list .up:after{
	content:"up";
	font-size: 11px;
	display: block;
	text-align: center;
	margin: 12px 0 0;
	color: #ff3333;
}
	/*----攻略イレギュラー対応---*/
	.capture-rank-list .up:after{
		margin: 16px 0 0;
	}
.game-table .down,
.capture-rank-list .down{
	background: url(../images/ranking/markDown.png)no-repeat top center;
	background-size: 60%;
}
.game-table .down:after,
.capture-rank-list .down:after{
	content:"down";
	font-size: 11px;
	display: block;
	text-align: center;
	margin: 12px 0 0 -2px;
	color: #3074d9;
}
	/*----攻略イレギュラー対応---*/
	.capture-rank-list .down:after{
		margin: 16px 0 0;
	}






/*----ゲームアイコン画像----*/
.img-icon,
div.capture-icon{
	width: 60px;
	text-align: center;
	padding: 5px 5px 5px 0;
	font-size: 12px;
	color: #3399ff;
}

.capture-icon img{
	margin: 0 0 3px;
}
.game-list dt.capture-icon .icon-caret-right{
	padding: 0 3px 0 0x;
	display: inline-block;
}

.capture-icon a i{
	margin: 0 2px 0 0;
	color: #3399ff;
}
.capture-icon a{
	color: #3399ff;
}

/*----詳細の部分----*/

li.apri-detail,
dd.capture-text{
	padding: 5px 30px 0 0;
	font-size: 12px;
}
li.apri-detail h3.game-title{
	margin: 0 0 3px 0;
	font-size: 14px;
	line-height: 1.2em;
}
.device li{
	display: inline-block;
	background: #F8F8F8;
	padding: 2px;
	font-size: 11px;
	border: solid 1px #F1F1F1;
	margin: 0 3px 0 0;
}
p.apri-text{
	color: #999;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
.NewApriMain p.apri-text{
	text-align: left;
	margin: 0;
}

li.apri-detail dl dt,
li.apri-detail dl dd{
	display: inline-block;
}
li.apri-detail dl{
	margin: 4px 0 5px;
}
li.apri-detail dl dt{
	font-weight: bold;
	line-height: 1em;
	background: #ccc;
	margin: 0 0 3px;
}
li.apri-detail dl dd{
	margin: 0 5px 3px 0;
}
.text-rt{
	font-weight: normal;
}


/*----攻略記事----

dt.capture-icon,
dd.capture-detail{
	padding: 5px 0 5px 3px;
}
.CaptureApriMain li{
	padding: 10px 0 5px;
	border-bottom: dotted 1px #ccc;
}
.capture-detail .number{
	padding: 5px 5px 32px 0;
	width: 34px;
}


.CaptureApriMain .capture-detail li{
	padding: 0 0 5px;
}

.display-more-button p{
	padding: 0 0 5px;
}
.display-more-button a{
	display: block;
	background: #f5f4f4;
	border: solid 1px #dedddd;
	font-size: 12px;
	text-align: center;
	padding: 10px 1px;
	margin: -1px 0 0;
	color: #666666;
	cursor: pointer;
}
li.capture-more{
	margin: 20px 20px 20px 0;
}
li.capture-more a{
	font-size: 12px;
	margin: 0 0 0 2px;
	color: #3399ff;
	letter-spacing: -0.7px;
}

*/

.pageview-lanking-list .other1{
	margin-left: 0.5em;
}
.capture-more i{
	text-indent: -0.5em;
}
div.capture-more a{
	font-size: 12px;
	color: #3399ff;
	letter-spacing: -0.7px;
	display: inline;
}



/*----アプリのスペック----*/

.apri-spec{
    margin: 6px 0;
}
.apri-spec div{
    display: inline-block;
    margin: 0 0 5px;
}
.tl-apri-item{
    font-weight: bold;
    background: #ccc;
    margin: 0 2px 0 0;
    padding: 1px;
}
.apri-item-spec{
    margin: 0 7px 0 0;
}
/*----攻略----*/
.capture-detail{
	display: table;
}


/*------【攻略記事更新1/25】---------------------*/

.capture-layout-type1{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 0;
}
.capture-layout-type1 a{
	display: block;
}
.capture-layout-type1 ul.game-list{
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: dotted 1px #ccc;
}

.capture-layout-type1 ul.game-list:last-child{
	border: none;
}

.capture-layout-type1 .game-list li{
	position: relative;
}

.capture-layout-stage1{
	padding: 2px 25px 2px 10px;
}
.capture-layout-stage1 .layout-stage1-img{
	display: table-cell;
	padding: 0 5px 0 0;
	width: 56px;
}
.capture-layout-stage1 h3.game-title{
	font-size: 18px;
	vertical-align: middle;
	display: table-cell;
	line-height: 1.3em;
}
.capture-layout-stage2{
	padding: 5px 25px 0 2.7em;
	line-height: 1.3em;
	text-indent: -2em;
}
.capture-layout-stage2 a{
	display: block;
}

.capture-layout-stage3{
	padding: 5px 10px 0 10px;
}
.capture-layout-stage3 a{
	display: block;
	background: #f5f5f5;
	border: solid 1px #ccc;
	padding: 10px 5px;
	text-align: center;
	color: #666;
}

.capture-layout-stage2 a span:before{
	background: #DE0000;
	padding: 1px 2px;
	font-size: 12px;
	color: #fff;
	content: "Hot";
	margin: 0 3px 0 0;
}

.data-none{
	display: none;
}

/*----------------------------------------------
 * 記事一覧のタイトルのトリム
 *--------------------------------------------*/
.article-list .article-title,
.article-list .game-title, 
#relation-article .article-title,
#recent-article .article-title,
#pageview-lanking .article-title,
#apps-lanking .article-title,
#apps-lanking .game-title,
#weekly-retweet .article-title,
#pageview-lanking-gametip .article-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*Table後の回り込み問題対応*/
#entry-box table+div,#entry-box table+h2,#entry-box table+h3,#entry-box table+h4,#entry-box table+h5{
clear:both;
}



/*20170601　osanai add*/
.search-more-link {
    text-align: center;
    background: #fff;
    padding:  8px;
}
.search-more-text{
	font-size: 14px;
    padding: 4px;
}
input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    content: "";
    width: 10px;
    height: 10px;
    background: #0074cc;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#article-form {
	padding: 12px 8px;/* 20170601 osanai Modify*/
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
}



/*20170807 osanai add*/
/*記事リスト*/
#entry-body .news_section {
  box-sizing: border-box;
  margin: 20px 0;
  }

#entry-body .news_section ul li a{
	text-decoration: none;
}

#entry-body .news_section h3 {
    padding: 8px;
    background: #fff;
    color: #333;
    font-size: 15px;
    margin: 0;
    border: none;
    background-color: #eee;
    line-height: 1.5;
    word-break: break-all;
    }

#entry-body .news_section ul {
    list-style: none;
    font-size: 14px;
    padding: 0;
    }
#entry-body .news_section ul> li {
    position: relative;
    border-bottom: 1px dotted #CCC;
    padding: 16px 0 8px;
    transition: 0.3s;
    }

#entry-body .news_section .article-img {
    display: table-cell;
    vertical-align: top;
    width: 72px;
    height: 72px;
    padding: 0 8px 0 0;
    }
#entry-body .news_section .article-img img {
      max-width: 100%;
      max-height: 100%;
      border-radius: 10px;
      }
#entry-body .news_section .article-body {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    }

#entry-body .news_section .article-title {font-size: 15px;font-weight: bold;line-height: 1.5;word-break: break-all;padding-left: 0;margin: 0;border: none;color: #333;}
#entry-body .news_section p.discription {
	font-size: 13px;
	font-weight: 100;
	line-height: 1.5;
	max-height: 39px;
	word-break: break-all;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}

#entry-body .news_section .article-sub-info {
    padding: 0;
    }

#entry-body .news_section .article-create-date {
  display: block;
  text-align: left;
  color: #999;
  padding: 0;
  font-size: 12px;
  margin-bottom: 0;
  }


/*タイトルテーブル*/
#entry-body .title-table .article-list_button {
    padding: 8px 0 16px;
    }
#entry-body .title-table .article-list_button a {
	    color: #333;
	    font-weight: bold;
	    text-align: center;
	    transition: 0.3s;
	    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	    background-color: #FFF;
	    background-image: -moz-linear-gradient(top, #FFF 0%, #FAFAFA 100%);
	    background-image: -o-linear-gradient(top, #FFF 0%, #FAFAFA 100%);
	    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#FAFAFA));
	    background-image: -webkit-linear-gradient(top, #FFF 0%,#FAFAFA 100%);
	    background-image: linear-gradient(to bottom, #FFF 0%,#FAFAFA 100%);
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	    border-top: 1px solid #D1D1D1;
	    border-right: 1px solid #D1D1D1;
	    border-bottom: 2px solid #C8C8C8;
	    border-left: 1px solid #D1D1D1;
	    position: relative;
	    font-size: 13px;
	    border: 1px solid #ccc;
    	box-sizing: border-box;
	    display: inline-block;
	    padding: 0 8px 0 24px;
	    line-height: 28px;
	    text-decoration: none;
	    height: 28px;
	    }
#entry-body .title-table .article-list_button a:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid transparent;
    border-left-color: #0074cc;
    top: 50%;
    margin-top: -7px;
    left: 5%;
}

#entry-body .title-table {
  padding: 0;

  }

#entry-body .title-table .title_name{
    display: table;
	padding: 20px 0 10px 0;/*20170831追加*/
}

#entry-body .title-table .col-1 {
	 display: table-cell;
    padding-right: 10px;
}
#entry-body .title-table .col-1 img{
    border-radius: 10px;
    width: 72px;
    max-width: 72px;
}
#entry-body .title-table .col-2 {
    display: table-cell;
    vertical-align: top;
}

/*20170831変更*/
#entry-body .title-table h3{padding: 8px;background: #fff;color: #333;font-size: 15px;background-color: #eee;border-left: none;line-height: 1.5;margin: 32px 0 0;word-break: break-all;}
/*20170831変更 end*/
/*20170831追加*/
#entry-body .gameinfo {
    width: 100%;
    margin: 00;
    border-collapse: collapse;
    border: none;
    font-size: 14px;
    table-layout: fixed;
}
#entry-body .gameinfo th {
    padding: 0;
    width: 60px;
    border: none;
    vertical-align: top;
    line-height: 1.8;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
}
#entry-body .gameinfo td {
    padding: 0;
    vertical-align: top;
    border: none;
    line-height: 1.8;
    font-size: 13px;
}
/*20170831追加 end*/

#entry-body .title-table .download {
  display: block;
  font-size: 22px;
  margin-top: 6px;

  }
#entry-body .title-table .download li.iphone{width: 100%;}
#entry-body .title-table .download li.android{width: 100%;}
#entry-body .title-table .download li img{
    height: 50px;
    }

#entry-body .title-table #store-download-link {
    margin: 0 0 16px;
    padding: 16px 0 0;
    border-top: 1px solid #ddd;
	
}

#entry-body .app-spec-gametitle {
	margin: 24px 0;
	background-color: #fff;
}

#entry-body .app-spec-gametitle table{
    width: 100%;
    margin: 0;
    border: none;
    font-size: 11px;
}
#entry-body .app-spec-gametitle th{padding: 5px;border: 1px solid #ddd;vertical-align: top;font-size: 12px;width: 80px;text-align: left;}
#entry-body .app-spec-gametitle td {
    padding: 5px;
    border: 1px solid #ddd;
    vertical-align: top;
    font-size: 12px;
    word-break: break-all;
}
#entry-body .app-spec-gametitle .app-name {
    font-size: 13px;
    font-weight: bold;
    background-color: #dddddd;
    border-left-style: none;
    padding: 10px;
    border: none;
    margin: 0;
}
/*----------------------------------------------
 * 記事__ピックアップ動画
 *--------------------------------------------*/
 #entry-body .pickup__movie {
 	border-width: 1px;
 	border-style: solid;
 	border-color: rgba(0, 0, 0, 0.125);
 	border-image: initial;
 	padding: 10px;
 	margin-top: 30px;
 	margin-bottom: 40px;
 	background-color: #f8f8f8;
 }
 #entry-body .pickup__movie__heading {
 	border: none;
 	margin-top: 0;
 	margin-bottom: 5px;
 	padding: 0;
 }

 #entry-body .pickup__movie__text {
 	margin-bottom: 0;
 	font-size: 14px;
 }
 @media (max-width: 425px) {
 	#entry-body .pickup__movie__text {
 		-webkit-line-clamp: 4;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
 		overflow: hidden;
 	}
 }
/*----------------------------------------------
 * bootstrap 4
 *--------------------------------------------*/
 .card-body {
 	flex: 1 1 auto;
 	padding: 10px;
 }
 .row {
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	margin-right: -5px;
 	margin-left: -5px;
 }
 .col {
 	-ms-flex-preferred-size: 0;
 	flex-basis: 0;
 	-ms-flex-positive: 1;
 	flex-grow: 1;
 	max-width: 100%;
 	padding-left: 5px;
 	padding-right: 5px;
 }

 .card {
 	position: relative;
 	display: flex;
 	flex-direction: column;
 	min-width: 0px;
 	word-wrap: break-word;
 	background-color: rgb(255, 255, 255);
 	background-clip: border-box;
 	border-width: 1px;
 	border-style: solid;
 	border-color: rgba(0, 0, 0, 0.125);
 	border-image: initial;
 }
 #entry-body .card-text {
 	margin-bottom: 0;
 }
 .card-img-top {
 	height: 100%;
 	width: 100%;
 	display: block;
 }
 .card-img-top iframe{
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
 }
 .pt-0{
 	padding-top: 0px;
 }
 .pt-1{
 	padding-top: 10px;
 }


/*----------------------------------------------
 * スケジュール
 *--------------------------------------------*/

/*----------------------------------------------
 * 包含ブロック
 *--------------------------------------------*/
.schedule-body{
	background-color:#fff;
}

.schedule-main{
	position:relative;
	display:block;
	margin:8px;
}

.schedule-contents{
	padding-bottom:16px;
}

/*----------------------------------------------
 * 上部見出し・オススメエリア
 *--------------------------------------------*/
.schedule-header h1{
	font-size:20px;
	color:#333;
	font-weight:bold;
	padding:8px 8px;
	line-height:1.4;
}

.schedule-contents-explan{
	margin: 20px 0 20px;
	padding: 0 16px;
	line-height: 1.6;
	font-size: 14px;
}

#schedule-container .schedule-pickup-gametitle {
    display: table-cell;
    vertical-align: middle;
    height: 22px;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.1;
    border-left:none;
}
#schedule-container .product-cm{
    height: 2em;
    overflow: hidden;
    margin-bottom: 2px;
}

.schedule-item-wrapper .product-img div{
    width: 100%;
    padding-top: 62.5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*----------------------------------------------
 * スケジュールリスト
 *--------------------------------------------*/

.schedule-area .schedule-list{
	padding-bottom:8px;
}

.schedule-area .schedule-list-item{
	display:none;
}

.before-regist-active .schedule-date{
	display:none;
}

.schedule-area.schedule-active .schedule-list-item{
	display:block;
}

.before-regist-active .schedule-list-item.before-regist-item{
	display:block;
}

#schedule-container h2{
	position: relative;
	line-height: 1.5;
	border-left-color: #AAA;
	border-left-style: solid;
	border-left-width: 4px;
	margin: 40px 0 20px;
	padding-left: 8px;
	color: #333;
	clear: both;
	font-size:20px;
}

/*----------------------------------------------
 * 切替ボタン
 *--------------------------------------------*/
.schedule-active .schedule-button,before-regist-active .before-regist-button {
    display: table-cell;
    text-align: center;
    font-weight: bold;
    font-size: 4.5vw;
    vertical-align: middle;
    border-top: solid 1px #ccc;
    border-bottom: solid 5px #0074cc;
}

.schedule-active .schedule-button span,.before-regist-active .before-regist-button span{
    display: block;
    padding: 20px 0;
    background: #0074cc;
    color: #fff;
    border-right: solid 1px #0074cc;
}

.schedule-date{
	display:inline-block;
	color:#666;
	font-size:12px;
	padding:8px;
}


/*----------------------------------------------
 * アイテム1件あたり
 *--------------------------------------------*/

.schedule-list-item{
    position:relative;
    border-top: 1px dotted #CCC;
}

.schedule-img {
    display: table-cell;
    vertical-align: middle;
    width: 72px;
    height: 72px;
    padding: 0 10px 0 0;
}

.schedule-img img{
	max-width:100%;
	max-height:100%;
	border-radius:4px;
}

.schedule-text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 24px 0 8px;
}

.schedule-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    word-break: break-all;
}

.schedule-maker {
	font-size:13px;
	color: #000066;
}

.schedule-item-explain{
	margin:8px;
	font-size:14px;
}
.schedule-item-wrapper{
	width:100%;
	height:100%;
}



.schedule-text-cover{
    position:relative;
}

.schedule-text-wrapper{
    padding: 10px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    color: #fff;
}
#schedule-container .schedule-pickup-gametitle{
	color:#fff;
}


/*----------------------------------------------
 * 事前登録・オススメアイコン
 *--------------------------------------------*/

#schedule-container .icon-indicators li{
	float:left;
	padding-right:6px;
}
#schedule-container .iconPick {
	border-color: #ff148c;
	color: #ff148c;
	font-size: 9px;
}

#schedule-container .iconBR{
	border-color:#369936;
	color:#369936;
	font-size:9px;
}

#schedule-container .iconBase {
	display: inline-block;
	width: 55px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	font-weight: bold;
	font-family: 'メイリオ',Meiryo,'Helvetica Neue',Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',Arial,sans-serif;
	border: 1px solid ;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#schedule-container .icon-indicators li{
	height:27px;
}

/*----------------------------------------------
 * 配信済み強調
 *--------------------------------------------*/
#schedule-container .stress {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: -15px;
	top: 1px;
}
#schedule-container .stress::after {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	height: auto;
	left: -12px;
	line-height: 0.4em;
	padding: 5px 20px 5px 0;
	position: absolute;
	text-align: center;
	top: 10px;
	transform: rotate(-45deg);
	width: 100px;
	z-index: 1;
}

#schedule-container .releace-stress::after {
	content: "配信済";
	background-color: #D00000;
}

/*----------------------------------------------


/*----------------------------------------------
 * youtube
 *--------------------------------------------*/
 .youtube {
 	position: relative;
 	width: 100%;
 	padding-top: 56.25%;
 }

 
/*----------------------------------------------
 * 動画ピックアップ
 *--------------------------------------------*/
 .pickup_movie_wrapper{
	background-color:#fff;
	padding:8px;
}

.pickup_movie_play_area_wrapper{
	width:100%;
	height:56.25vw;
}

.pickup_movie_play_area{
	height:100%;
	display:none;
}
.pickup_movie_play_area.active{
	display:block;
}

.pickup_movie_select_area{
	display:flex;
	width:100%;
}

.pickup_movie_select_item{
	flex:1;
	position: relative;
	margin-right:8px;
	margin-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}
.pickup_movie_select_item:last-child{
	padding-right:0px;
}
.pickup_movie_select_item_thumb{
	width:100%;
}

.pickup_movie_select_item_text{
	height:36px;
	line-height:12px;
	font-size:10px;
	overflow:hidden;
	margin-top:4px;

}

.pickup_movie_select_item.active::after {
   content: "再生中";
   background-color: #f00;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   height: auto;
   line-height: 0.6em;
   padding: 5px 20px 5px 0;
   position: absolute;
   text-align: center;
   top: 0px;
   left: 0px;
   width: 50px;
   z-index: 1;
}

.pickup_movie_select_item.active {
   border: 3px solid #f00;
}

.pickup_movie_select_area {
   position: relative;
}

/*----------------------------------------------
 * 特設ピックアップ
 *--------------------------------------------*/
.pickup_tokusetsu_wrapper{
	background-color:#fff;
	padding:8px;
}

.pickup_tokusetsu_play_area_wrapper{
	width:100%;
	height:56.25vw;
}

.pickup_tokusetsu_play_area{
	height:100%;
	display:none;
}
.pickup_tokusetsu_play_area.active{
	display:block;
}

.pickup_tokusetsu_select_area{
	display:flex;
	width:100%;
}

.pickup_tokusetsu_select_item{
	flex:1;
	position: relative;
	margin-right:8px;
	margin-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}
.pickup_tokusetsu_select_item:last-child{
	padding-right:0px;
}
.pickup_tokusetsu_select_item_thumb{
	width:100%;
}

.pickup_tokusetsu_select_item_text{
	height:36px;
	line-height:12px;
	font-size:10px;
	overflow:hidden;
	margin-top:4px;

}

.pickup_tokusetsu_select_item.active::after {
   content: "再生中";
   background-color: #f00;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   height: auto;
   line-height: 0.6em;
   padding: 5px 20px 5px 0;
   position: absolute;
   text-align: center;
   top: 0px;
   left: 0px;
   width: 50px;
   z-index: 1;
}

.pickup_tokusetsu_select_item.active {
   border: 3px solid #f00;
}

.pickup_tokusetsu_select_area {
   position: relative;
}
 
/*----------------------------------------------
 * 特設リンク
 *--------------------------------------------*/
 .tokusetsu-top-back {
   margin-top: 24px;
   position: relative;
   padding: 8px;
   text-align: center;
}


#entry-body .tokusetsu-top-back-img, .tokusetsu-top-back-img{
   position: relative;
   background-size:cover;
   text-decoration:none;
   display: inline-block;
   padding: 20px 5%;
   width: 80%;
   font-weight: bold;
   font-size: 18px;
   border: 1px solid #BBB;
   color: #333 !important;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

#entry-body .tokusetsu-top-back-btn, .tokusetsu-top-back-btn {
   position: relative;
   text-decoration:none;
   display: inline-block;
   padding: 20px 5%;
   width: 80%;
   font-weight: bold;
   font-size: 18px;
   border: 1px solid #BBB;
   color: #333 !important;
   background-color: #DDD;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background-image: -moz-linear-gradient(top,    #FEFEFE 0%, #DDD 100%);
   background-image: -o-linear-gradient(top,    #FEFEFE 0%, #DDD 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DDD));
   background-image: -webkit-linear-gradient(top, #FEFEFE 0%,#DDD 100%);
   background-image: linear-gradient(to bottom, #FEFEFE 0%,#DDD 100%);
   -webkit-tbox-shadow: 0 1px 0 #FFF inset , 0 2px 4px rgba(0,0,0,0.6);
   -moz-box-shadow: 0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.6);
   box-shadow: 0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.6);
   -webkit-text-shadow: 0 1px 0 #FFF;
   -moz-text-shadow: 0 1px 0 #FFF;
   text-shadow: 0 1px 0 #FFF;
}


/*----------------------------------------------
 * 期待の新作
 *--------------------------------------------*/
.new-title-img-bg{
    width:100%;
    padding-top:56.25%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/*----------------------------------------------
 * ピックアップ
 *--------------------------------------------*/
.special-list .special-list-inner img {
   max-height: calc( ( ( 100vw - 43px ) / 2 ) / 320 * 221);
}

.special-list .special-list-inner figure {
   min-height: calc( ( ( 100vw - 43px ) / 2 ) / 320 * 221 + 2px);
}

/*----------------------------------------------
 * ピックアップゲームタイトル画像背景
 *--------------------------------------------*/
.pickup-game-title-img-bg{
    width:100%;
    padding-top:56.25%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/*----------------------------------------------
 * テキストリンク
 *--------------------------------------------*/
#widget-textlink {
    border: 1px solid #DDD;
    text-align: center;
    margin: 12px auto;
    background-color: #F4F4F4;
    padding: 8px;
    -webkit-box-shadow: 0 1px 0 #FCFCFC inset;
    -moz-box-shadow: 0 1px 0 #FCFCFC inset;
    box-shadow: 0 1px 0 #FCFCFC inset;
    line-height: 1.5;
}

#entry-body .gam_sp iframe {
	max-height: initial;
}

/*----------------------------------------------
 * 記事 / ページャー
 *--------------------------------------------*/

#entry-body .paging {
  line-height: 1;
}

#entry-body .paging a {
  text-decoration: none;
}

.paging {
  font-size: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.paging--last .paging__next {
  opacity: 0.5;
  background-color: #f5f5f5;
}

.paging--last .paging__next a {
  color: #333;
}

.paging--last .paging__next::after {
  border-left: 15px solid #f5f5f5;
}

.paging--last .paging__last {
  opacity: 0.5;
}

.paging__header {
  display: block;
  position: relative;
  background-color: #0074cc;
  color: #fff;
  padding: 20px;
  border-radius: 3px;
  font-weight: bold;
}

.paging__header:visited,
.paging__header:link {
  color: #fff;
}

.paging__heading {
  display: inline-block;
  position: relative;
  color: #0074cc;
  background-color: #fff;
  padding: 4px 10px;
  font-size: 12px;
}
.paging__heading::after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  content: '';
  margin-right: -10px;
  position: absolute;
  right: 0;
  top: 0;
}

.paging__title {
  margin-top: 10px;
  line-height: 1.2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 2.4em;
}
.paging__header::after {
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 10px solid #0074cc;
  content: '';
  position: absolute;
  right: calc(50% - 68px);
  bottom: -10px;
}
.paging__body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.paging__body a {
  color: #333;
}

.paging__current {
  margin: 0 20px;
}

.paging__prev {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 50px;
  /* color: #0074cc; */
  background-color: #f5f5f5;
  /* font-size: 15px; */
  margin-left: 30px;
}
.paging__next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 50px;
  /* color: #0074cc; */
  background-color: #0074cc;
  /* font-size: 15px; */
  margin-right: 30px;
}

.paging__next a {
  color: #fff;
}

.paging__prev::after {
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-right: 15px solid #f5f5f5;
  content: '';
  position: absolute;
  left: -15px;
  top: 0;
}
.paging__next::after {
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 15px solid #0074cc;
  content: '';
  position: absolute;
  right: -15px;
  top: 0;
}

/*----------------------------------------------
 * リスティング広告出稿用のページ
 *--------------------------------------------*/

.recommend-apps-box #entry-body h2 {
  background-color: #ff148c;
  color: #fff;
  border: none;
  padding: 6px;
}
.recommend-apps-box #entry-body h2 span {
  background-color: #fff;
  color: #ff148c;
  width: 27px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  font-style: italic;
}
.recommend-apps-box #entry-body .app-block {
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.recommend-apps-box #entry-body .app-block img {
  border-radius: 18px;
  width: 72px;
  height: 72px;
}
.recommend-apps-box #entry-body .app-block span {
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  word-break: break-all;
  margin-left: 8px;
  margin-bottom: 0;
}

.recommend-apps-box #entry-body .fav-point-area {
  border: 1px solid #ff148c;
  border-radius: 8px;
  margin-top: 30px;
}
.recommend-apps-box #entry-body .fav-point-area h3 {
  padding: 8px;
  margin: 0 0 8px 0;
  border: none;
  color: #fff;
  background-color: #ff148c;
  border-radius: 8px 8px 0 0;
  text-align: center;
}
.recommend-apps-box #entry-body .fav-point-area p {
  margin-bottom: 0;
  padding: 0 8px 8px 8px;
}

.recommend-apps-box .store-download-link-list .is-free .store-download-btn {
	padding: 18px 0;
}
.recommend-apps-box .store-download-link-list .is-free .store-download-btn .text {
    font-size: 140%;
}
.recommend-apps-box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.recommend-apps-box .swiper-button-next, .recommend-apps-box .swiper-button-prev {
    top: 97%;
    z-index: 11;
    width: 30%;
    height: 29px;
    background-size: 12px 29px;
    -moz-background-size: 12px 29px;
    -webkit-background-size: 12px 29px;
}
.recommend-apps-box #entry-body .recommend-apps-list-img-link img{
    width: 100%;
    height: 100%;
}

.recommend-apps-box .swiper-slide{
	margin-right: 30px!important;
	margin-left: 0!important;
}

/*----------------------------------------------
 * amazonランキングでの追加分
 *--------------------------------------------*/

.nav-scroller {
  position: relative;
  overflow: hidden;
  margin: 0 8px;
  padding-top: 16px;
}

.nav-scroller:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
  height: 100%;
  pointer-events: none;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(hsla(0, 0%, 100%, 0)),
    to(#fff)
  );
  background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff);
}

.nav-scroller__inner {
  padding-right: 0;
  padding-left: 0;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  -webkit-overflow-scrolling: touch;
/*   overflow-x: -moz-hidden-unscrollable; */
}

.nav-scroller__inner::-webkit-scrollbar{
	display: none;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-type-1 {
  border: none;
  font-size: 14px;
  margin-bottom: 4px;
}

.nav-scroller .nav {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.nav__item {
  border-bottom: 1px solid #e0e0e0;
}

.nav-scroller .nav__item:last-child {
  padding-right: 32px;
}

.nav-type-1 .nav__link {
  border-bottom: 3px solid transparent;
}

.nav__link {
  color: #9e9e9e;
  display: block;
  padding: 8px 16px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.nav__link:hover {
  text-decoration: none;
}

.nav-type-1 .nav__link--active {
  color: #007ddb;
  border-color: #007ddb;
}

.swiper-container-wrapper {
  position: relative;
}

.card-game-sale-rank a:hover {
  text-decoration: none;
}

.card-game-sale-rank__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: inherit;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card-game-sale-rank--swiper .card-game-sale-rank__inner {
  display: block;
}

.card-game-sale-rank__btn {
  margin-top: auto;
}

.card-game-sale-rank .rank-color1,.card-game-sale-rank .rank-color2,.card-game-sale-rank .rank-color3,.card-game-sale-rank .rank-color-other {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
.card-game-sale-rank .btn .ico-cart {
  fill: #fff;
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.card-game-sale-rank__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: inherit;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card-game-sale-rank__inner:hover .card-game-sale-rank__title {
  color: #007ddb;
}
.card-game-sale-rank__inner:hover .card-game-sale-rank__media {
  opacity: 0.9;
}
.card-game-sale-rank__num {
  font-family: arial;
  font-style: italic;
  text-align: center;
  position: absolute;
  background: rgba(220, 6, 16, 0.8);
  color: #fff;
  width: 24px;
  z-index: 1;
  top: -8px;
  left: 8px;
}
.card-game-sale-rank__media,
.card-game-sale-rank__num {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card-game-sale-rank__media {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}
.card-game-sale-rank__media-inner {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #eee;
}
.card-game-sale-rank__media-inner:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-game-sale-rank__body {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  padding-left: 16px;
}
.card-game-sale-rank__status {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  line-height: 1;
}
.card-game-sale-rank__status-info {
  color: #007ddb;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 8px;
  font-size: 12px;
}
.card-game-sale-rank__status-item {
  pointer-events: auto;
  min-width: 0;
  overflow: hidden;
}
.card-game-sale-rank__status-item:nth-of-type(n + 2) {
  margin-left: 4px;
}
.card-game-sale-rank__title {
  word-break: break-all;
  line-height: 1.4;
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 2.8em;
  margin-top: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card-game-sale-rank__sales-meter-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 4px;
}
.card-game-sale-rank__sales-meter-heading {
  font-weight: 400;
  font-size: 12px;
  padding-right: 8px;
  color: #757575;
}
.card-game-sale-rank__sales-meter-body {
  background-color: rgba(0, 0, 0, 0.8);
  height: 16px;
}
.card-game-sale-rank__sales-meter-body .progress__bar-container {
  width: 100px;
}
.card-game-sale-rank__sales-meter-num {
  display: none;
}
.card-game-sale-rank__sub-info-group {
  line-height: 1.15;
  color: #9e9e9e;
  margin-top: 4px;
}
.card-game-sale-rank__sub-info {
  display: inline;
  margin-right: 8px;
  font-size: 11px;
}
.card-game-sale-rank__date,
.card-game-sale-rank__publisher {
  color: #9e9e9e;
}
.card-game-sale-rank__sales-num-group {
  margin-top: 8px;
  text-overflow: ellipsis;
  line-height: 1;
}
.card-game-sale-rank__footer {
  margin-top: 6px;
  height: 58px;
}
.card-game-sale-rank__price-group {
  text-overflow: ellipsis;
  line-height: 1.2;
  color: #757575;
}
.card-game-sale-rank__price {
  font-size: 12px;
}
.card-game-sale-rank__price span {
  margin-right: 4px;
}
.card-game-sale-rank__price:first-of-type span {
  text-decoration: line-through;
}
.card-game-sale-rank__price:nth-of-type(2) {
  margin-top: 4px;
}
.card-game-sale-rank__price:nth-of-type(2) span {
  color: #dc0610;
  font-weight: 400;
  font-size: 20px;
  font-style: italic;
}
.card-game-sale-rank__price--none:first-of-type span {
  text-decoration: none;
}
.card-game-sale-rank__btn {
  margin-top: 8px;
}
.card-game-sale-rank__sales-num {
  margin-top: 5.33333px;
  margin-right: 16px;
}
.card-game-sale-rank__sales-num-past {
  color: #007ddb;
  font-weight: 400;
  font-size: 20px;
  font-style: italic;
}
.card-game-sale-rank__sales-num-past .card-game-sale-rank__sales-unit {
  color: #9e9e9e;
  font-style: normal;
  font-size: 12px;
}
.card-game-sale-rank__sales-unit {
  margin-left: 4px;
}
.card-game-sale-rank__sales-num-total {
  font-weight: 400;
  font-size: 16px;
  font-style: italic;
  color: #424242;
}
.card-game-sale-rank__sales-num-total .card-game-sale-rank__sales-unit {
  color: #9e9e9e;
  font-style: normal;
  font-size: 12px;
}
.card-game-sale-rank__sales-num-heading-secondary {
  color: #757575;
  font-size: 12px;
  font-style: normal;
}
.card-game-sale-rank__price {
  color: #9e9e9e;
}
.card-game-sale-rank--v2 .card-game-sale-rank__num {
  color: #e0e0e0;
  position: relative;
  background: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  font-size: 64px;
  width: auto;
  top: auto;
  left: auto;
}
.card-game-sale-rank--v2 .card-game-sale-rank__media {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.card-game-sale-rank--v2 .card-game-sale-rank__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 8px;
}
.card-game-sale-rank--swiper .card-game-sale-rank__title {
  word-break: break-all;
  line-height: 1.4;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 2.8em;
}
.card-game-sale-rank--swiper .card-game-sale-rank__sales-num-group {
  margin-top: 4px;
}
.card-game-sale-rank--swiper {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  word-break: break-word;
}
.card-game-sale-rank--swiper .card-game-sale-rank__inner {
  display: block;
}
.card-game-sale-rank--swiper .card-game-sale-rank__media {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.card-game-sale-rank--swiper .card-game-sale-rank__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 0;
}
.card-game-sale-rank--swiper .icon-console {
  border-radius: 0;
  display: inline-block;
}
.card-game-sale-rank--swiper .card-game-sale-rank__price:nth-of-type(2) {
  margin-top: 6px;
}
.card-game-sale-rank--swiper .card-game-sale-rank__btn {
  margin-top: auto;
}
.card-game-sale-rank--swiper .button {
  display: block;
  margin-top: 8px;
}
.card-game-sale-rank--amazon .card-game-sale-rank__body {
  padding-left: 16px;
}
.card-game-sale-rank--amazon .card-game-sale-rank__footer {
  display: block;
}
.card-game-sale-rank--amazon .card-game-sale-rank__price {
  font-size: 12px;
}
.card-game-sale-rank--amazon .card-game-sale-rank__price:nth-of-type(2) span {
  font-size: 20px;
}
.card-game-sale-rank--amazon .card-game-sale-rank__btn {
  margin-left: 0;
  margin-top: 8px;
}
.card-game-sale-rank--amazon .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007ddb'/%3E%3C/svg%3E");
}
.card-game-sale-rank--amazon .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007ddb'/%3E%3C/svg%3E");
}

.rank-color1,.rank-color2,.rank-color3,.rank-color-other {
  background-color: #f0f0f0;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
}

.media-image {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 50%;
}

.icon-console--bg-switch {
  background-color: #e60012;
}

/* amazonランキングページでの追加分 */

.game-table--amazon img {
  width: 100%;
  height: auto;
}

.game-table--amazon .img-icon {
  width: 95px;
}

.game-table--amazon .price {
  font-size: 18px;
  font-weight: bold;
  color: red;
}

.game-table--amazon .apri-item-spec--amazon {
      text-decoration: line-through;
}



.button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

.button:link {
  color: #fff;
}

.button--blue {
  color: #fff;
  background-color: #007ddb;
  border-color: #007ddb;
}

.button--sm {
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3.2px;
}

.button--amazon {
  display: block;
}

.button:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.game-table--amazon button {
  margin-top: 10px;
}

.swiper-button-next,
.swiper-button-prev {
  display: none;
}

/* 高さが伸びてしまうので応急処置として*/
.swiper-wrapper {
  height: auto;
}

/* ログリー（おすすめコンテンツ）*/
#logly-lift-4278353 {
    margin-top: 24px;
}

/* 長過ぎる単語による画像表示崩れへの対応 */
.game-table--amazon .game-title {
	overflow-wrap: anywhere;
}

/* 記事 / 記事中のAmazonランキング */

.entry-body-rank-amazon {
  margin-top: 24px ;
  margin-bottom: 24px ;
  padding-top: 24px ;
  padding-bottom: 24px ;
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
}

.heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px;
  position: relative;
  line-height: 1.2;
}

.heading__title {
  font-size: 16px;
  font-weight: 700
}

.heading__title a {
  color: #424242;
}

.heading__title a:hover {
  color: #007ddb;
}

.heading__sub-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  font-size: 12px;
  color: #666;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin-top: 8px
}

.heading__sub-text-title {
  color: #9e9e9e
}

.heading__sub-text-body {
  font-weight: 400;
  color: #9e9e9e;
}

.heading__more {
  font-size: 12px;
    color: #007ddb;
}

#entry-body .heading a {
  text-decoration: none;
}

#entry-body .heading__sub-text {
font-size: 12px;

}
#entry-body .heading__more {
    color: #007ddb;
}

/* 記事 / 記事下Amazonランキング */

.section-special .swiper-container-wrapper {
padding: 8px 0 24px 8px;
}

#entry-body .card-game-sale-rank a {
  text-decoration: none;
}

#entry-body .card-game-sale-rank p {
  font-size: 12px;
      margin-bottom: 0;
}
.card-game-sale-rank__btn a{
    color: #fff;
}

#entry-body .card-game-sale-rank .card-game-sale-rank__sub-info-group p{
	font-size: 11px;
}

/*Amazonランキングページのナビゲーション*/

.nav-type-2 {
    white-space: nowrap;
    margin-right: -8px;
    margin-left: -8px;
}
.nav-type-2 .nav__item {
    padding-left: 8px;
    padding-right: 8px;
    border-bottom: none;
}
.nav-type-2 .nav__link {
    color: #9e9e9e;
    display: block;
    padding: 8px 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    border-radius: 4px;
    background-color: #e0e0e0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 12px;
}
.nav-type-2 .nav__link--active, .nav-type-2 .nav__link:hover {
    color: #fff;
    background-color: #007ddb;
}

/*----------------------------------------------
 * PR 記事リスト CSS
 *--------------------------------------------*/
.article-list-pr {
    /*color: #808080;*/
    color: #bbb;
    display: table;
    margin: -16px 22px 0 auto;
    position: relative;
    font-size: 14px;
}

.article-list-pr div {
    /*background-color: #f0f0f0;*/
    display: inline-block;
    padding: 5px;
    font-size:11px;
}


/*----------------------------------------------
 * PR ピックアップ動画 CSS
 *--------------------------------------------*/
.pickup-movie-pr {
    /*background-color: #f0f0f0;*/
    color: #808080;
    display: table;
    padding: 11px;
    margin: -33px 1px 1px auto;
    position: relative;
    font-size: 10px;
}


/*----------------------------------------------
 * アフィリエイト表記
 *--------------------------------------------*/
#affiliate {
	font-size: 14px;
	padding: 24px 0 0;
	/*text-align: center;*/
}


/* FlexOne修正 */

#news .article-list .flexone_line iframe,
#before-regist .article-list .flexone_line iframe,
.pageview-lanking-list .flexone_line iframe,
.schedule-list .flexone_line iframe,
.game-list .flexone_line iframe,
.apps-lanking-list .flexone_line iframe {
	width: 100% !important;
}