/* =================================
TOP CSS
================================= */




.clearboth{clear:both;}
.clearboth hr{display:none;}
.contents a {text-decoration: none;	}
h3#ttl {background-image:url(../img/bg.png);
	background-position:left top;
	padding:0.75em;
	color:#fff;
	line-height:1.5;
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
}
	
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;}
/*¥*//*/
height: auto;
overflow: hidden;
/**/
#sns-bottom{background:#183263;padding:10px 0px;}
#tline{width:980px; margin:5px auto;}
#tline #tw,#tline #fb,#tline #insta{width:300px; margin:0 35px 0 0;text-indent: -9999px;}
#tline #insta{margin:0;}
#tw h3,#fb h3,#insta h3{width:300px; height:80px; background:url(../img/new-sns.jpg) no-repeat; margin:0 0 .5em;}
#fb h3{background:url(../img/new-sns.jpg) no-repeat 0 -80px;}
#insta h3{background:url(../img/new-sns.jpg) no-repeat 0 -160px;}
#tw .twtl,#fb .fbtl,#insta .insta{background:#fff; width:100%; border-top:4px solid #55acee; border-bottom:4px solid #55acee; box-shadow:0 2px 10px rgba(13,117,162,0.8);}
#fb .fbtl{border-top:4px solid #3e5c99; border-bottom:4px solid #3e5c99;}
#insta .insta{border-top:4px solid #ccc; border-bottom:4px solid #ccc;}
/*#insta {margin:3.7em 0 0;}
#insta a{border:3px solid #fff; display:block; border-radius:10px; width:300px; height:120px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image:url(../img/insta.png);}*/


@media all and (min-width: 768px) {
#ttl{font-size:112.5%;}
	header.header span.poster,
	header.header span.poster img {
		display:block;
	}
	header.header span.lazy-done {
		-webkit-animation: bounceInRight 700ms;
		animation: bounceInRight 700ms;
	}
	header.header span.poster,
	header.header span.poster > img {
		width:980px;
		height:630px;
	}
	header.header span.poster {
		margin:0 auto 30px;
	}」
	header.header {
		padding-top: 30px;
		background-image: -webkit-gradient(linear, center top, center bottom, from(hsla(0, 0%, 100%, 0.9)), to(hsla(0, 0%, 100%, 0)));
		background-image: linear-gradient(hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0));
		}
		
#main-box{width:980px;margin:0px auto;}
#column-r {width:300px;float:right;margin-top:10px;}
#column-l {width:670px;float:left;margin-top:5px;}
#center-box{background:#040507;width:100%;padding:10px 0px;}

.game-title span {width:850px;height:50px;margin:0px;display:block;text-indent: -9999px;}

#mov {width:670px; margin:10px auto;}

#sns{width:980px; margin:0px auto;}
#twBox{width:450px; height:360px;margin: 30px 10px;float:left;}
#fbBox{width:450px; height:360px;margin: 30px 10px;float:right;}







}

#top-content a {text-decoration: none;}
#top-content{background-color:transparent;width:100%}

@media all and (max-width: 767px) {
#ttl{font-size:87.5%;}
	header.header span.poster {
		margin:0 auto;
	}
	header.header span.poster{
		background-size:cover;
		position:relative;
		height:0;
		padding-top:64.28571428571428%!important;
	}
	header.header span.poster > img {
		position: absolute;
		left:0;
		top:0;
		width:100%!important;
		height:100%!important;
	}
#main-box{margin:0px auto;}
#mov {width:100%;margin:5px auto;}
#column-r,#column-l {padding-top:10px;}
.game-title span{width:100%; height:0; padding:5.8823529% 0 0;display:block;background-size: contain;position:relative;text-indent:-9999px;margin-bottom:5px;}


#tline #tw,#tline #fb,#tline #insta{width:300px; float:none; margin:0 auto .5em;}


#twBox,#fbBox{width:90%; height:360px;margin: 5px auto;}
#twBox h2 a{display:block; height:30px;background:#1b95e0;padding:5px;color:#FFFFFF;}
#fbBox h2 a{display:block; height:30px;background:#4268b3;padding:5px;color:#FFFFFF;}
#twBox .pBox,#fbBox .pBox{display:block; width:300; height:307px;background:#FFFFFF;margin:0;border:solid 3px #ffffff;border-top:none;}
}


/*============================================================ */
@media print {
	header.header span.poster {display:none;}
}




/*============================================================ */
@media all and (max-width: 767px) {

#tline{width:100%; margin:5px auto;}


	div.latest{width:100%; height:0; padding:10% 0 0; background-size: contain; position:relative;margin-top:5px;text-indent: -9999px;}
	
	div.newspage{
		padding: 0 10px 10px;
		margin: 10px auto;
	}
	div.lsz {
		margin-bottom: 15px;
		display: block;
		background:#efefef;
		box-shadow:0px 0px 9px 0px rgba(135,131,135,0.55);
	}
	ul.newslist div.clearfix {
		padding:15px;


	}
	div.clearfix span.thumb {
		width: 269px;
		height: 186px;
		background-size: 420px 268px;
		display: block;
		margin: 0 auto;
	}
	div.clearfix span.tit{
		margin: 10px 0px;
		display: block;
		text-align: left;
		color: #002f7c;
		line-height: 1.6;
		font-weight: bold;
	}
	div.clearfix span.date {
		color: #333;
		font-size: 87.5%;
		text-align: left;
		display: block;
		margin-bottom: 0.6em;
		text-align: left;
		font-weight: bold;
	}
	div.clearfix span.txt{
		color: #666;
		text-align: left;
		display: block;
		
	}

	div.sns-btns {
		text-align:center;
		padding:6px 0 3px;
		margin-top: 5px;
		padding-top: 5px;
		margin: 0 auto;
	}
}

@media all and (min-width: 768px) {
	div.contents{width: 980px;margin: 0px  auto;}

		div.line{
		width: 980px;
		height: 1px;
		margin: 20px auto;
		background-color: #fff;
	}

	
}






/*更新ボタン*/
div.more a{
	width: 200px;
	height: 50px;
	color: #FFF!important;/*文字色*/
	font-size: 1.2em;/*文字サイズ*/
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
	letter-spacing: 0.05em;/*字間*/
	padding: 15px 40px;/*ボタン内の余白*/
	border-radius: 5px;/*角の丸み*/
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .1s ease-out;/*変化を緩やかに*/
	background: linear-gradient(to bottom, #feedb5 0%,#fbdf93 0%,#fccd4d 35%,#fccd4d 35%,#b69c45 100%); 
	}
	
.banner{margin:10px auto;}


@media all and (min-width: 768px) {
.imgCB span {width:980px;height:80px;margin:8px auto;display:block;text-indent: -9999px;  }
}

@media all and (max-width: 767px) {
.imgCB span{width:100%; height:0; padding-top:8.163265306122449%; display:block;background-size: contain;position:relative;text-indent:-9999px;}
}