@charset "UTF-8";
/*
*******************************************************************************************************
# トップページ - compiled from top.scss
  ・ローカル変数
  ・page-top - トップページ
*******************************************************************************************************
*/
body {
	height: 100%;
	width: 100%;
	background: none;
	background-color: #000;
	/*overflow-x: hidden;*/
}

/* header
------------------------------------------------------------------- */
header nav{
	margin: 0 0 0 -435px;
}

/* # page-top
----------------------------------- */

/* # placeholder
----------------------------------- */
.wrapper {
	background: url(../img/bg_main.png) no-repeat center 0;
	background-attachment: fixed;
	display: none;
	position: relative;
	height: 1130px;
	width: 100%;
	overflow: hidden;
	background-color: #000;
	background-position: 50% 50%;
	background-repeat: repeat;
}

.wrapper .bg .bg-base {
	position: fixed;
	left: 50%;
	top: 0;
	margin-left: -900px;
	width: 1800px;
}
.wrapper .bg .bg-light {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -765px;
	margin-left: -240px;
}

.wrapper .ttl-main {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -540px;
	margin-left: -490px;
	width: 528px;
	z-index: 1;
}

.wrapper .machine {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -520px;
	margin-left: 75px;
}
.wrapper .character .aestivalis1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -420px;
	margin-left: -615px;
}
.wrapper .character .ruri {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -167px;
	margin-left: -150px;
}
.wrapper .character .akito {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -285px;
	margin-left: -89px;
}
.wrapper .character .yurika {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -275px;
	margin-left: -325px;
}
.wrapper .btn {
	position: relative;
    top: 505px;
    left: 155px;
}

footer {
	position: absolute;
	bottom: 50px;
	left: 50%;
	zoom: 1;
	width: 1000px;
	height: 29px;
	margin-left: -500px;
}
footer:before,
footer:after {
	content: "";
	display: table;
}
footer:after {
	clear: both;
}
footer .copyright {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.hidden {
	opacity: 0;
}