body{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height:1.6;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	*font-size:medium;
	background: #F9F9F9;
	-webkit-text-size-adjust: 100%;
}

table {font-size: inherit; font: 100%;}

pre, code, kbd, samp, tt{
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}

img{
border: 0px;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img { 
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}

a:link,
a:visited,
a:active{
color: #000066;
text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

.webcen{
text-align:center;
margin:0 auto;
}

.webcen_inner{
display: inline;
}

.advimg{
float:left;margin-right:3px; margin-bottom:3px;
}

.pop_game{
clear:left;
border-bottom:1px dashed #999999;
line-height:1.8;
padding:7px 0;
}

.game_word{
text-align:left;
word-spacing:10px;
padding:3px 3px;
}

.b_lb_sepa{
font-size:16px;
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background: rgb(0,51,102);
background: linear-gradient(180deg, rgba(0,51,102,1) 33%, rgba(0,106,213,1) 100%);
padding:5px 5px 5px 20px;
}

.gcon{
background:#F2F2F2;
text-align:right;
padding:7px;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
}

.keylink_block ul li{
width:45%; text-align:left; padding:8px 3px; margin:0 1px !important; margin:0 1px; float:left;
}

.clr{
clear:both;
}


@media screen and (min-width: 769px) {

#page{
	width: 985px;
	background-color: #F9F9F9;
	padding: 0;
	margin: 0 auto;
}


#head{
text-align:left;
font-size:14px;
background:#003366;
margin-bottom:8px;
}


.headtop{
width:985px;
padding:0;
margin:0 auto;
}

.headtop h1{
text-align:left;
font-size:12px;
color:#09F;
padding:5px 0;
}

.headlogo{
float:left;
text-align:center;
width:240px;
padding:0;
margin:0 auto;
}

.head_in h1{
font-size:12px;
font-weight:bold;
text-align:right;
padding:0;
margin:0;
}

.head_in{
float:right;
width:740px;
font-size:12px;
text-align:right;
color:#ffffff;
padding:3px 0;
margin:0 auto;
}

.navibar_in{
width:985px;
padding:0;
margin:0 auto;
}


#main {
float: left;
width:610px;
font-size:16px;
background: #F9F9F9;
padding: 5px 10px 5px 5px;
display: inline;
margin:0;
}

#main .top_title{
background:url(/pics/menu/titlebak610_b.png) no-repeat left bottom;
}

#main .top_title span {
display: block;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
text-align:center;
padding: 8px 10px 8px 10px;
background: url(/pics/menu/titlebak610_t.png) no-repeat left top;
margin:0px;
}

#main h3{
color:#333333;
text-align:left;
font-weight:bold;
background:#F2F2F2;
padding:8px 8px 8px 15px;
border-top:1px solid #999999;
}

#main .gamelink li{
color:#333333;
text-align:left;
font-weight:bold;
background:#F2F2F2;
padding:7px 7px 7px 15px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
line-height:1.8;
}

#main a:link,
#main a:visited,
#main a:active{
color:#00436D;
text-decoration:underline;
}

#main .kensu{
color:#333333;
text-align:right;
padding: 5px 10px 5px 5px;
}

#main .reviews_image{
float:left;
width:180px;
text-align:center;
}

#main .revimg{
width:180px;
height:136px;
object-fit: cover;
}


#main .reviews_short{
float:left;
width:415px;
text-align:left;
padding:5px 5px 5px 10px;
line-height:1.8;
}


#main .reviews_short span{
font-style:normal;
color:#006600;
padding:1px 3px;
}



/* ------ メインサブ ------ */

#submain{
text-align:left;
}

#submain .rel_title{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background:url("/pics/menu/pgtopic1.png") repeat-x left top;
padding:5px 5px 5px 20px;
}

#submain .sublink{
border:1px solid #003366;
padding:5px;
}

#submain dl{
text-align:left;
line-height:1.5;
}

#submain dt{
font-weight:bold;
padding:3px 3px 3px 9px;
margin:0px;
}

#submain dt span{
float:right;
font-size:12px;
}

#submain dd{
padding:3px 3px 3px 9px;
line-height:1.5;
border-bottom:1px dotted #999999;
}

#sma_rank { display:none; }

/* ------ ナビ ------ */

#sma_gnavi{ display: none; }

#pc_gnavi {
float: right;
width: 350px;
text-align:left;
font-size:14px;
margin: 0px;
padding: 5px;
}


#pc_gnavi h3{
text-align:center;
color:#FFFFFF;
font-weight:bold;
background: rgb(0,51,102);
background: linear-gradient(180deg, rgba(0,51,102,1) 33%, rgba(0,106,213,1) 100%);
padding:5px;
}

#pc_gnavi h3 a{
color:#FFFFFF;
}


#pc_gnavi ul li {
float:left;
list-style:none;
width:170px;
margin:2px;
table-layout: fixed;
word-wrap: break-word;
}
#pc_gnavi ul li a:link,
#pc_gnavi ul li a:visited,
#pc_gnavi ul li a:active{
display: block;
text-decoration: none;
text-align:left;
font-size:14px;
font-weight:bold;
height:17px;
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #666666;
color: #000066;
table-layout: fixed;
word-wrap: break-word;
}
#pc_gnavi ul li a:hover{
box-shadow: 8px 0px 0px 0px rgba(0,51,102,1) inset;
background:#CFE0EE;
}


#pc_gnavi span{
font-style:normal;
color:#006600;
padding:1px 3px;
}

#pc_gnavi .onel{
list-style:none;
width:340px;
margin:2px;
}


#pc_gnavi .onel a:link{
display: block;
text-decoration: none;
text-align:left;
font-size:14px;
font-weight:bold;
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #666666;
color: #000066;
}

#pc_gnavi .onel a:hover{
box-shadow: 8px 0px 0px 0px rgba(0,51,102,1) inset;
background:#CFE0EE;
}


#pc_gnavi .twol{
float:left;
list-style:none;
width:170px;
height:30px;
margin:2px;
}

#pc_gnavi .twol a:link{
display: block;
text-decoration: none;
text-align:left;
font-size:14px;
font-weight:bold;
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #666666;
color: #000066;
}

#pc_gnavi .twol a:hover{
box-shadow: 8px 0px 0px 0px rgba(0,51,102,1) inset;
background:#CFE0EE;
}

#myModal{
display:none;
}

.modal-header{
display:none;
}


#mmosp{
text-aling:left;
}

#mmosp h3{
text-align:center;
color:#FFFFFF;
font-weight:bold;
background: rgb(0,51,102);
background: linear-gradient(180deg, rgba(0,51,102,1) 33%, rgba(0,106,213,1) 100%);
padding:5px;
}

#mmosp h3 a{
color:#FFFFFF;
}

#mmosp .mmonam{
font-weight:bold;
background:#E9E9E9;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 5px 5px 5px 8px;
}

#mmosp p{
line-height:1.5;
border-bottom:1px dashed #999999;
padding:6px 5px;
}

#mmosp span{
padding:1px 3px;
}

#mmosp.advimg{
float:left;margin-right:3px; margin-bottom:3px;
}



/* -- navi end -- */

#foot .contents{
width:985px;
line-height:1.8;
padding:0;
margin:0 auto;
}

#foot .linkarea { width:250px; line-height:1.6; padding:0; margin:0 7px;float:left;}

}

@media screen and (max-width: 768px) {

#page{
width:98%;
background:#F9F9F9;
margin:0 auto;
}

#head{
text-align:left;
font-size:14px;
background:#003366;
margin-bottom:8px;
}

.headtop{
width:100%;
padding:0;
margin:0 auto;
}

.headtop h1{
text-align:left;
font-size:12px;
color:#09F;
padding:5px 0;
}

.headlogo{
width:100%;
text-align:center;
padding:0;
margin:0 auto;
}

.headkou{
width:100%;
text-align:center;
padding:0;
margin:0 auto;
}

.head_in{
width:100%;
font-size:13px;
color:#ffffff;
padding:0;
margin:0 auto;
}

.head_in h1{
font-weight:bold;
text-align:center;
padding:0;
margin:0;
}

.navibar_in{
width:100%;
padding:0;
margin:0 auto;
}


.game_title{
width:100%;
margin:0px auto;
}

#main{
width:98%;
color: #000;
font-size:16px;
margin:0px auto;
padding:5px;
background: #F9F9F9;
}

#main .kensu{
color:#333333;
text-align:right;
padding: 5px 10px 5px 5px;
}
	
	.gamereview{
	text-align: left;
	padding:5px;
	line-height:1.6;
	}
	.gamereview img{
	max-width: 320px;
	height: auto;
	}

#main .top_title span {
display: block;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:center;
padding: 8px 10px 8px 10px;
background: #006AD5;
margin:0px;
}

#main h3{
color:#333333;
text-align:left;
font-weight:bold;
background:#F2F2F2;
padding:8px 8px 8px 15px;
border-top:1px solid #999999;
}

#main .reviews_image{
max-width:200px;
padding:5px 10px;
text-align:center;
}

#main .reviews_short{
text-align:left;
padding:5px 10px;
line-height:1.8;
}

#main .reviews_short span{
font-style:normal;
color:#006600;
padding:1px 3px;
}

#main .rel_title{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background: rgb(0,51,102);
background: linear-gradient(180deg, rgba(0,51,102,1) 33%, rgba(0,106,213,1) 100%);
padding:5px 5px 5px 20px;
}
	
/*---メインサブ ---*/

#submain{
width:100%;
margin:0px auto;
padding:0px;
text-align:left;
font-size:14px;
line-height: 1.8;
}

#submain .rel_title{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background: #003366;
padding:8px 5px 8px 20px;

}

#submain .sublink{
border:1px solid #003366;
padding:5px;
}

#submain dl{
text-align:left;
line-height:1.5;
}

#submain dt{
font-weight:bold;
padding:8px 3px 5px 9px;
margin:0px;
}

#submain dt span{
float:right;
font-size:11px;
}

#submain dd{
padding:3px 3px 3px 9px;
line-height:1.8;
border-bottom:1px dotted #999999;
}

#submain-onga{
width:100%;
padding-left:5px;
}

#submain-mmo{
width:100%;
padding-right:5px;
}

.gamelink li a {
display: block;
position: relative;
padding: 15px 25px 15px 15px;
border-top: 1px solid #999999;
background: #F2F2F2;
/* color: #333333; */
font-size: 16px;
font-weight: bold;
text-align: left;
text-decoration: none;
}

.gamelink li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #666666;
border-right: solid 2px #666666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*---Footer---*/

#keylink{
width:100%;
font-size:14px;
margin:0px auto;
text-align:left;
line-height:1.8;
padding:5px 8px;
}

#foot .contents{
width:100%;
line-height:1.8;
padding:0;
margin:0 auto;
}

#foot .linkarea { line-height:1.6; padding:0; margin:0;}



/* ------ ナビ ------ */
	
	#pc_gnavi{
	display: none;
	}
	
	
	#pc_keynavi{
	display:none;
	}
	
	#sma_gnavi{
	position:relative; top:0%; right:0%; 
	}
	
	#sma_gnavi h3{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	background:#003366;
	height:25px;
	padding:5px;
	}
	
	#sma_gnavi ul li {
	list-style:none;
	width:100%;
	margin:2px;
	}
	
	#sma_gnavi ul li a:link,
	#sma_gnavi ul li a:visited,
	#sma_gnavi ul li a:active{
	display: block;
	text-decoration: none;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding: 11px 5px 11px 15px;
	border-bottom: 1px dotted #666666;
	color: #000066;
	}
	#sma_gnavi ul li a:hover{background:#F2F2F2;color:#000066;}

	.p_navigation{display: none;}
	


/* -- keylnk -- */

#foot .contents{
width:100%;
line-height:1.8;
padding:0;
margin:0 auto;
}

}

/* -- 760 end --*/

/* ------ ヘッド ------- */

.navibar{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background:url("/pics/menu/headbar1.png") repeat-x left top;
padding:5px 5px 5px 20px;
}


.navibar span{
float:right;
color:#ffffff;
font-size:12px;
}


#head p{
font-size:12px;
}

#head a:link,
#head a:visited,
#head a:active{
color: #ffffff;
text-decoration: none;
}

#head a:hover{
color:#ffffff;
text-decoration:underline;
}

/* ------ フッタ ------ */


#foot{
clear:both;
background:#003366;
text-align:left;
font-size:16px;
color:#ffffff;
padding:10px 7px 10px 7px;
}



#foot a:link,
#foot a:visited,
#foot a:active{
color: #ffffff;
text-decoration:underline;
}

#foot h3{
font-size:16px;
font-weight:bold;
color:#E8F3FF;
padding:5px 0;
}