@charset "utf-8";
/* CSS Document */

/*全体設定*/
body{
	background: #215096;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
img{
	max-width: 100%;
}

.contents{
	max-width:1000px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
}

.contents img{
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

/*ヘッダー設定*/
header{
	max-width:1000px;
	margin: 0 auto;
	border-bottom: 3px solid #000066;
	background: rgb(255, 255, 255);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDRkMWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(212, 209, 255, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(212, 209, 255, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(212, 209, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(212, 209, 255, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(212, 209, 255, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(212, 209, 255, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d1ff', GradientType=0);
    /* IE6-8 */
}

/*各見出し設定*/
h1{
	font-size:25px;
	font-weight: bold;
	color: #000066;
	margin: 0px auto 5px;
	padding: 30px 0 3px;
	border-bottom: 3px solid #000066;
	max-width:91%;
}
h2{
	width:89%;
	margin: 20px auto;
	padding: 10px;
	background:#e7e7e7;
	font-size: 20px;
	font-weight: bold;
	color:#000;
	text-align: center;
	line-height: 120%;
}
h3{
	color:#215096;
	font-weight: bold;
	border-bottom: 2px dotted #215096;
	padding: 5px 0;
	margin-bottom: 10px;
}


/*SNS関連*/
.sns{
/*	text-align: right;
	overflow: hidden;
	width:95%;
	margin: 10px 0;*/
	display: flex;
	justify-content: flex-end;
	width:95.6%;
}
.sns img{
	width:80px;
	margin: 0px 3px;
}

.sns img:hover{opacity: 0.8}

/*記事の内容関連*/
.main_con{
	width:90%;
	margin: 0 auto;
}


.news{
	margin: 20px 0;
	line-height: 130%;
	font-size:14px;
}

.day{
	text-align: right;
	font-size:13px;
	max-width:95.5%;
}

.game-summry{
	margin-bottom: 20px;
	line-height: 130%;
}

.link_font{
	color:#006699;
	font-weight: bold;
}
.strong_font{
	color:#FF0000;
	font-weight: bold;
}
.bold_font{
	font-weight: bold;
}
.b-img{padding:10px 0;}

.qr{
	text-align:left;
}
.textright{
	text-align:right;
}
.video-container{
	text-align:center;
	margin: 0 auto;
}
.imglist{
	overflow: hidden;
	max-width: 570px;
	margin: 0 auto;
}
.imglist li{
	float: left;
	width:50%;
	margin-bottom: 5px;
}

.game-copy{
	text-align: center;
	font-size:13px;
}

.spec li{
	margin-bottom: 10px;
	font-size:14px;
}
.spec span{font-weight: bold;}

.dl_link{margin-bottom: 25px;}
.dl_link img{margin: 0;}

.summry{
	margin-bottom: 20px;
	line-height: 130%;
	font-size:13px;
}

.company{margin-bottom: 25px;}
.company li{
	font-size:11px;
	margin-bottom: 5px;
	margin-left: -5px;
}


.backbtn {
	display: block;
	text-align: center;
	margin: 0 auto 25px;
}
.backbtn a{
	width:250px;
	background: #000066;
	color: #FFF;
	padding: 5px 10px;
	border: 1px solid #000;
	border-radius: 15px;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.backbtn a:hover{
	width:250px;
	background: #FFF;
	color: #000066;
	padding: 5px 10px;
	border: 1px solid #000;
	border-radius: 15px;
	font-weight: bold;
	text-decoration: none;
}

/*footer関連*/
footer{
	background: #000066;
	color:#FFF;
	padding: 5px;
	text-align: center;
	font-size:12px;
}