/* WHAT'S NEWS */
div#news_wrap {
	width:800px;height:auto;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
div#news {
	border:1px solid royalblue;
	border-radius:8px;
	background-color:white;
	font-size:1rem;
	overflow:hidden;
} div#news>p {
	text-align:left;
	color:white;
	font-weight:bold;
	background-color:royalblue;
	padding-left:2em;
} div#news>div {
	margin-left:20%;
	padding:10px;
} div#news>div>ul {
	margin:0 0 0 1em;
	padding:0;
	margin-left:3em;
} div#news>div>ul>li {
	list-style-type:none;
	text-indent:-3.5em;
} div#news>div>ul>li>a {
	text-decoration:none;
}
div#news a:link { color:royalblue; }
div#news a:active { color:royalblue; }
div#news a:visited { color:slateblue; }
div#news a:hover { color:deeppink; }

/* 体験版告知 */
div#trialinfo {
	margin-top:10px;
	margin-bottom:0px;
}
div#trialinfo>a {
	display:block;
	width:800px;
	height:178px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
div#trialinfo>a>img {
	width:800px;
	height:356px;
	margin-top:0;
}
div#trialinfo>a>img:hover {
	margin-top:-178px;
}

/* サポーター募集 */
div#supporter {
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

/* 発売遅延告知 */
div#lateinfo {
	margin-top:30px;
}
div#lateinfo>a {
	display:block;
	width:800px;
	height:123px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
div#lateinfo>a>img {
	width:800px;
	height:252px;
	margin-top:0;
}
div#lateinfo>a>img:hover {
	margin-top:-126px;
}

/* twitter */
div#twitter-insert {
	width:1000px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	overflow:hidden;
} div#twitter-insert>div {
	display:inline-block;
	text-align:left;
	width:100%;
	max-width:480px;
	margin-bottom:5px;
	vertical-align: top;
} div#twitter-insert>div>p {
	font-size:12px;
	color:white;
	background-color:dodgerblue;
	border-radius:8px;
	padding:5px;
} div#twitter-insert>div:nth-child(2n+1)>p {
	text-align:left;
} div#twitter-insert>div:nth-child(2n+0)>p {
	text-align:right;
}

/* 中段ボタン */
div#mid-buton {
	width:1000px;
	margin-top:10px;
}
div#mid-buton>div {
	zoom:100%;
}
div#mid-buton>div::after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
div#mid-buton>div>a {
	display:block;
	width:400px;
	height:121px;
	overflow:hidden;
}
div#mid-buton>div>a:nth-child(1) {
	margin-left:100px;
	float:left;
}
div#mid-buton>div>a:nth-child(2) {
	margin-right:75px;
	float:right;
}
div#mid-buton>div>a>img {
	margin-top:0;
}
div#mid-buton>div>a>img:hover {
	margin-top:-121px;
}

/* バナー */
div#banner_gd {
	width:468px;height:60px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
} div#banner_gd>a {
	display:block;
	width:468px;height:60px;
} div#banner_gd>a>img {
	display:block;
	width:468px;height:300px;
	margin:0 auto auto 0;
	animation:banner_roll 12s ease 0s infinite 
} @keyframes banner_roll {
	0% { transform:translateY(0); }
	12% { transform:translateY(0); }
	25% { transform:translateY(-60px); }
	38% { transform:translateY(-60px); }
	50% { transform:translateY(-120px); }
	62% { transform:translateY(-120px); }
	75% { transform:translateY(-180px); }
	87% { transform:translateY(-180px); }
	100% { transform:translateY(-240px); }
}

/* カットイン */
div#cutin_base {
	position:fixed;
	left:0;top:0;right:0;bottom:0;
	z-index:3;
	width:100%;height:100%;
	display:none;
	background-color:rgba(0,0,0,0.8);
}
div#cutin_back {
	position:relative;
	width:100%;height:100%;
	transform:translate(0,0) scale(0);
	transition-property:opacity,transform;
	transition-duration:1s;
	opacity:0;
}
img#cutin {
	position:absolute;
	left:50%;top:50%;
	width:auto;height:auto;
	max-width:95%;max-height:95%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	border:1px solid black;
	border-radius:15px;
}