@charset "utf-8";

body{
	-webkit-text-size-adjust: 100%;
}

a{
	-webkit-touch-callout:none;
}

#container{
	width:100%;
	min-width:1024px;
	height:100%;
	display:block;
	background-image:url(../img/dot.png);
}

.bs{
	/* box-shadow */
	box-shadow:rgba(200, 207, 217, 0.45098) 1px 2px 10px 0px;
	-webkit-box-shadow:rgba(200, 207, 217, 0.45098) 1px 2px 10px 0px;
	-moz-box-shadow:rgba(200, 207, 217, 0.45098) 1px 2px 10px 0px;
}

/*＝＝＝＝メインコンテンツ＝＝＝＝＝*/
#main_contents{
	width:960px;
	height:660px;/*650+12+12*/
	margin:0px auto 0px auto;/*28.8+85/2*/
	padding-top:28.8px;
	box-sizing:border-box;
}

/***first section***/
#firsrt_topics{
	position:relative;
	width:960px;
	height:150px;	/*合計高さ　113　 < 650*/
}

#firsrt_topics ul{
	width:100%;
	padding-left:0;
}

#firsrt_topics li{
	display: inline-block;
	height:150px;/*113=>140*/
	background-color:#fff;
	box-sizing:border-box;
}

#firsrt_topics li a{
	display: block;
	width:100%;
	height:150px;
	background-color:#fff;
   
	/*hover*/
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all  0.2s ease;
}

#firsrt_topics li a:hover{
	text-decoration:underline;
}

/*.boxA{
	width:32%;
	float:left;
	margin-right:2%;
}*/

.boxA{
	width:49%;
	/*width:32%;*/
	float:left;
	margin-right:1%;
}

.boxA a:hover{
	opacity:0.8;
}

.boxB{
	width:49%;
	/*width:32%;*/
	float:right;
	/*margin-left:15px;*/
}

.boxB a:hover{
	opacity:0.8;
}

.boxC{
	width:32%;
	float:right;
}

.boxC a:hover{
	opacity:0.8;
}

/***second Contents***/

#contents{
	width:960px;
	height:303px;	/*合計高さ　113+330-  =443　  330=>302*/
	margin: 33.2px auto 0px auto;
	/*border:1px solid green;*/	
}

#contents:after{
	content:"";
	display:block;
	clear:both;	
}

#contents h2{
	padding-left:10px;
	font-size:20px;/*フォントサイズ*/
	font-size:1.25rem;
	letter-spacing:0.02em;
	letter-spacing:0.02rem;
}

#infomation h2> span,#SNS_twitter h2>span{
	font-size:15px;/*フォントサイズ*/
	font-size:0.9375rem;/*フォントサイズ*/
}

#infomation{
	width:62.5%;
	float:left;
}

#SNS_twitter{
	width:32%;
	float:right;
}

/*ニュースリストカスタム*/
#news_list{
	width:100%;
	height:270px;
	margin-top:3px;
	box-sizing:border-box;
	border:1px solid #E0E0E0;
	/*border-radius:7px;*/
	overflow:auto;
	/*overflow-x:hidden;
	overflow-y:scroll;*/
	-webkit-overflow-scrolling: touch;
	background-color:#fff;
}

#twiiter_widget{
	width:100%;
	height:270px;
	margin-top:3px;
	box-sizing:border-box;
	border:1px solid #E0E0E0;
	/*border-radius:7px;*/
	background-color:#DFDFDF;
}

/*newsのデザイン*/

#news_list ul{
	padding-top:10px;
	padding-left:12px;
	padding-right:12px;
}

#news_list li{
	border-bottom:1px dashed #D8D8D8;
	padding:0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
}

.news_time{
	margin-left:-3px;
	font-weight:bold;
	font-size:0.75rem;
}

.block{
	color:#99ccff;
	font-size:1rem;
	max-height: 999999px;/*androidバグ*/
	vertical-align:-5%;
} 

.news_contents{
	padding-top:5px;
	text-indent: 12px;
	font-size:0.75rem;/*12px*/
	/*font-weight:bold;*/
	max-height: 999999px;/*androidバグ*/
	/*text-indent:1.2em;*/
	line-height: 1.8em;
}

.news_contents  a{
	color:#5a7eff;/*水色*/
	text-decoration:underline;
}
.news_contents  a:hover{
	color:red;
}

/***third_section***/

#second_topics{
	width:960px;
	height:110px;	/*合計高さ　113　 < 650*/
	margin: 35px auto 0px auto;
}

#second_topics ul{
	width:100%;
	padding:0;
	list-style:none;
}

#second_topics li{
	position:relative;
	display: inline-block;
	height:110px;
	background-color:#fff;
	box-sizing:border-box;
}

#second_topics li a{
	display: block;
	width:100%;
	height:110px;
	background-color:#fff;
	/*hover*/
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all  0.2s ease;
}

#second_topics li a:hover > p{
	text-decoration:underline;
}

#second_topics li a > p{
	width:100%;
	height:110px;
	color:#5a7eff;/*水色*/
	font-size:1.2em;/*フォントサイズ*/
	padding:89px 0px 0px 10px;
}

.boxD{
	width:23.5%;
	/*width:32.3%;*/
	float:left;
	margin-right:2%;
}

.boxD a:hover{
	opacity:0.8;
}

.boxE{
	width:23.5%;
	/*width:32.3%;*/
	float:left;
	margin-right:2%;
}

.boxE a:hover{
	opacity:0.8;
}

.boxF{
	width:23.5%;
	float:left;
}

.boxF a:hover{
	opacity:0.8;
}

.boxG{
	width:23.5%;
	float:right;
}

.boxG a:hover{
	opacity:0.8;
}

/****Spec_contents*****/
#prodect{
	width:100%;
	margin-top:40px;
	height:240px;
	background-color:#F3F3F3;
	/*background-color:rgba(255,255,255,0.9)*/
	/*background:linear-gradient( rgba(255, 255, 255, 0),rgba(255, 255, 255, 1),rgba(230, 242, 255, 1));*/
}

#spec{
	width:960px;
	margin:0px auto;
	padding-top:20px;
	/*border:1px solid green;*/
	position:relative;
}

#spec:after{
	content:"";
	display:block;
	clear:both;	
}

#spec > h2{
	margin-bottom:15px;
	padding-left:10px;
	font-size:20px;/*フォントサイズ*/
	font-size:1.25rem;/*フォントサイズ*/
	letter-spacing:0.02em;
	letter-spacing:0.02rem;
	text-shadow: 0px 0px 3px #FFFFFF , 0px 0px 3px #FFFFFF;/*光沢*/
}

#spec  h2 > span{
	font-size:15px;/*フォントサイズ*/
	font-size:1.25rem;/*フォントサイズ*/
}

#tw{
	position:absolute;
	top:20px;
	right:20px;
}

#tw_wrap{
	width:70px;
	height:20px;
}

.game{
	width:33%;
	float:left;
	/*border:1px solid red;*/
}

.performance{
	width:43.5%;
	float:left;
	/*border:1px solid blue;*/
}

.home_logo{
	width:23.5%;
	float:right;
	padding-top:90px;
	text-align:center;
}

dt{
	width:80px;
	height:19.5px;
	float:left;
	display:block;
	font-size:11px;/*フォントサイズ*/
	font-size:0.6875rem;/*フォントサイズ*/
	letter-spacing:0.02rem;
	font-weight:bold;
	text-align:right;
	text-shadow: 0px 0px 3px #FFFFFF , 0px 0px 3px #FFFFFF;/*光沢*/
}

dd{
	height:19.5px;
	margin-left:95px;
	font-weight:normal;
	font-size:11px;/*フォントサイズ*/
	font-size:0.6875rem;/*フォントサイズ*/
	/*letter-spacing:0.02rem;*/
	text-shadow: 0px 0px 3px #FFF , 0px 0px 3px #FFF;/*光沢*/
}

/***footer***/
footer{
	width:100%;
	height:20px;
	background-color:#141444;
}

footer > p{
	text-align:center;
	color:#fff;
	font-size:0.846rem;/*11pxフォントサイズ*/
	line-height:20px;
}

/***追加バナー***/

.tags{
	width:120px;
	height:20px;
	position:absolute;
	top:3px;
	z-index:10;
}

.newtag{
	right:345px;/*グラフィック*/
	/*right:197px;*/
	/*right:490px;/*キャラクター*/
	background-image:url(../img/baner.png);
	background-size:360px 20px;
	background-position:0px 0;
}
.movietag{
	right:200px;
	background-image:url(../img/baner.png);
	background-size:360px 20px;
	background-position:-120px 0;
}
.testtag{
	right:50px;
	background-image:url(../img/baner.png);
	background-size:360px 20px;
	background-position:-240px 0;
}
/*0210*/
#DMM{
	position:absolute;
	top:42px;
	left:20px;
	text-align:center;
	opacity:0;
	z-index:20;
}
#DMM a{
	display:block;
}
#DMM a:hover{
	opacity:0.9;
}