@charset "UTF-8";

/* 全体CSS */

/***	body	***/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;

	width:100%;

	font-family:"ヒラギノ角ゴ　Pro", "Osaka", "ＭＳ ゴシック", sans-serif;
	font-size:28px;
	color:#000;

	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;

	background-color:#FFF;

	position:relative;
}

#wrapper {
	width:auto;
}

/* 01top */

#top {
	width:100%;
	max-width:1280px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	/* for SP */
	height:1560px;
	background-image: url("/images/01top/top_img.jpg");
	background-repeat: no-repeat;

}

#top_image01 {

	width:100%;
	height:211px;

	left:50%;
	margin-left:-480px;

	position:absolute;

	z-index:20;

	/* for SP */
	bottom:40px;

}

#top_image01_in1 {

	width:480px;
	height:211px;

	left:0;
	margin-left:0;

	position:absolute;

	z-index:20;
}

#top_image01_in2 {

	width:480px;
	height:211px;

	left:0;
	margin-left:480px;

	position:absolute;

	z-index:20;

}

#top_image01a {

	width:960px;
	height:510px;

	left:50%;
	margin-left:-480px;

	position:absolute;

	z-index:20;

	/* for SP */
	bottom:40px;

}

#top_image01_in1a {

	width:960px;
	height:170px;

	left:50%;
	top:0;

	margin-left:-480px;

	position:absolute;

	z-index:20;
}

#top_image01_in2a {

	width:960px;
	height:170px;

	left:50%;
	top:170px;

	margin-left:-480px;

	position:absolute;

	z-index:20;

}

#top_image01_in3a {

	width:960px;
	height:170px;

	left:50%;
	top:340px;

	margin-left:-480px;

	position:absolute;

	z-index:20;

}

#top_image_cover01 {

	width:100%;
	height:1210px;

	top:0;
	left:0;

	position:absolute;

	z-index:11;

	background-image: url("/images/01top/top_img_1.png");
}

#top_image_cover02 {

	width:100%;
	height:1210px;

	top:0;
	left:0;

	position:absolute;

	z-index:12;

	background-image: url("/images/01top/top_img_4.png");
}

#top_image_cover03 {

	width:100%;
	height:1210px;

	top:0;
	left:0;

	position:absolute;

	z-index:13;

	background-image: url("/images/01top/top_img_3.png");
}




/* 02pv */

#pv {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#pv_movie {
	width:800px;
	height:450px;

	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}

/* 03jizen */

#jizen {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	background-image: url("/images/03jizen/jizen_back_pattern.gif");

	background-color:#cbd4da;

}

#jizen_image01 {

	width:960px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	z-index:10;
}

#jizen_image02 {

	width:960px;
	height:185px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;
}

#jizen_image02_in1 {

	width:320px;
	height:185px;

	top:0;
	left:0;

	position:absolute;

	z-index:10;
}

#jizen_image02_in2 {

	width:320px;
	height:185px;

	top:0;
	left:320px;

	position:absolute;

	z-index:10;
}

#jizen_image02_in3 {

	width:320px;
	height:185px;

	top:0;
	left:640px;

	position:absolute;

	z-index:10;
}

#jizen_image03_status {

	width:692px;
	height:96px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;
}

#jizen_image03 {

	width:960px;
	height:421px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

	background-image: url("/images/03jizen/jizen_img_2.png");
}

#jizen_image03_form {

	width:670px;
	height:53px;

	top:174px;
	left:50%;
	margin-left:-335px;

	position:absolute;

	z-index:10;
}

#jizen_image03_form input {

	width:100%;
	height:100%;

	font-size:30px;
}

#jizen_image03_btn {

	width:594px;
	height:104px;

	top:240px;
	left:50%;
	margin-left:-297px;

	position:absolute;

	z-index:10;
}

#jizen_image04 {

	width:960px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	z-index:10;
}

#jizen_image05 {

	width:960px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	z-index:10;
}

/* 04intro */

#intro {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	background-image: url("/images/04intro/intro_back.jpg");
	background-position: center top;
}

#intro_image01 {

	width:960px;
	height:782px;

	margin-left:auto;
	margin-right:auto;
}


/* 05chara */

#chara {
	width:100%;
	max-width:1280px;
	height:762px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	background-color:#f1f6fa;
}

.charaIn {
	width:100%;
	max-width:1280px;
	height:762px;

	top:0;
	left:0;

	position:absolute;

	background-position: center top;
}

.charaImg {
	width:960px;
	height:762px;

	top:0;
	left:50%;
	margin-left:-480px;

	position:absolute;
}

.charaMain {
	width:960px;
	height:762px;

	top:0;
	left:0;

	position:absolute;

	z-index:10;
}

.charaCvBtn1 {
	width:88px;
	height:88px;

	top:330px;
	left:70px;

	position:absolute;

	z-index:20;
}

.charaCvBtn2 {
	width:88px;
	height:88px;

	top:330px;
	left:200px;

	position:absolute;

	z-index:20;
}

.charaCvBtn3 {
	width:88px;
	height:88px;

	top:330px;
	left:330px;

	position:absolute;

	z-index:20;
}

#chara01 {
	background-image: url("/images/05chara/chara_back_1.jpg");
}
#chara02 {
	background-image: url("/images/05chara/chara_back_2.jpg");
	display:none;
}
#chara03 {
	background-image: url("/images/05chara/chara_back_3.jpg");
	display:none;
}
#chara04 {
	background-image: url("/images/05chara/chara_back_4.jpg");
	display:none;
}
#chara05 {
	background-image: url("/images/05chara/chara_back_5.jpg");
	display:none;
}
#chara06 {
	background-image: url("/images/05chara/chara_back_6.jpg");
	display:none;
}

#charaBtn {
	width:960px;
	height:220px;

	margin-left:auto;
	margin-right:auto;

	text-align:center;

	position:relative;
}

#charaBtn_in1 {
	width:240px;
	height:110px;

	top:0;
	left:0;

	position:absolute;
}

#charaBtn_in2 {
	width:240px;
	height:110px;

	top:0;
	left:240px;

	position:absolute;
}

#charaBtn_in3 {
	width:240px;
	height:110px;

	top:0;
	left:480px;

	position:absolute;
}

#charaBtn_in4 {
	width:240px;
	height:110px;

	top:0;
	left:720px;

	position:absolute;
}

#charaBtn_in5 {
	width:240px;
	height:110px;

	top:110px;
	left:240px;

	position:absolute;
}

#charaBtn_in6 {
	width:240px;
	height:110px;

	top:110px;
	left:480px;

	position:absolute;
}

/* 11comment */

#comment {
	width:100%;
	max-width:1280px;
	height:560px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

.commentIn {
	width:100%;
	max-width:1280px;
	height:560px;

	top:0;
	left:0;

	position:absolute;
}

.commentImg {
	width:960px;
	height:560px;

	top:0;
	left:50%;
	margin-left:-480px;

	position:absolute;
}

#comment01 {
	z-index:10;
}
#comment02 {
	z-index:20;
	display:none;
}
#comment03 {
	z-index:30;
	display:none;
}
#comment04 {
	z-index:40;
	display:none;
}
#comment05 {
	z-index:50;
	display:none;
}
#comment06 {
	z-index:60;
	display:none;
}
#comment07 {
	z-index:70;
	display:none;
}

#commentBtn {
	width:960px;
	height:220px;

	margin-left:auto;
	margin-right:auto;

	text-align:center;

	position:relative;

}

#commentBtn_in1 {
	width:240px;
	height:110px;

	top:0;
	left:50%;

	margin-left:-480px;

	position:absolute;
}

#commentBtn_in2 {
	width:240px;
	height:110px;

	top:0;
	left:50%;

	margin-left:-240px;

	position:absolute;
}

#commentBtn_in3 {
	width:240px;
	height:110px;

	top:0;
	left:50%;

	margin-left:0;

	position:absolute;
}

#commentBtn_in4 {
	width:240px;
	height:110px;

	top:0;
	left:50%;

	margin-left:240px;

	position:absolute;
}

#commentBtn_in5 {
	width:240px;
	height:110px;

	top:110px;
	left:50%;

	margin-left:-360px;

	position:absolute;
}

#commentBtn_in6 {
	width:240px;
	height:110px;

	top:110px;
	left:50%;

	margin-left:-120px;

	position:absolute;
}

#commentBtn_in7 {
	width:240px;
	height:110px;

	top:110px;
	left:50%;

	margin-left:120px;

	position:absolute;
}




/* 06story */

#story {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#story_title {

	width:960px;
	height:111px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#story_contents {

	width:960px;
	height:518px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#story_contents_in1 {

	width:320px;
	height:518px;

	top:0;
	left:0;

	position:absolute;
}

#story_contents_in2 {

	width:320px;
	height:518px;

	top:0;
	left:320px;

	position:absolute;
}

#story_contents_in3 {

	width:320px;
	height:518px;

	top:0;
	left:640px;

	position:absolute;
}

/* 07system */

#system {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	background-image: url("/images/07system/system_back_still.jpg");
	background-position: center top;
}

#system_image01 {

	width:960px;
	height:754px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#system_image01_in1 {

	width:960px;
	height:754px;

	top:0;
	left:0;

	position:absolute;
	z-index:11;
}

#system_image01_in2 {

	width:960px;
	height:754px;

	top:0;
	left:0;

	position:absolute;
	z-index:12;
}

#system_image01_in3 {

	width:960px;
	height:754px;

	top:0;
	left:0;

	position:absolute;
	z-index:13;
}

#system_image01_in4 {

	width:960px;
	height:754px;

	top:0;
	left:0;

	position:absolute;
	z-index:14;
}

#system_image02 {

	width:960px;
	height:604px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#system_image02_in1 {

	width:960px;
	height:604px;

	top:0;
	left:0;

	position:absolute;
	z-index:11;
}

#system_image02_in2 {

	width:960px;
	height:604px;

	top:0;
	left:0;

	position:absolute;
	z-index:12;
}

#system_image02_in3 {

	width:960px;
	height:604px;

	top:0;
	left:0;

	position:absolute;
	z-index:13;
}

#system_image02_in4 {

	width:960px;
	height:604px;

	top:0;
	left:0;

	position:absolute;
	z-index:14;
}

#system_image03 {

	width:960px;
	height:724px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#system_image03_in1 {

	width:960px;
	height:724px;

	top:0;
	left:0;

	position:absolute;
	z-index:11;
}

#system_image03_in2 {

	width:960px;
	height:724px;

	top:0;
	left:0;

	position:absolute;
	z-index:12;
}

#system_image03_in3 {

	width:960px;
	height:724px;

	top:0;
	left:0;

	position:absolute;
	z-index:13;
}

#system_image03_in4 {

	width:960px;
	height:724px;

	top:0;
	left:0;

	position:absolute;
	z-index:14;
}

/* 08game */

#game {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	background-color:#333333;
}

#game_image01 {

	width:960px;
	height:124px;

	margin-left:auto;
	margin-right:auto;
}

#game_image02 {

	width:960px;
	height:1140px;

	margin-left:auto;
	margin-right:auto;
}

#game_image_contents {

	width:960px;
	height:1140px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#game_image_contents_in1 {

	width:960px;
	height:1140px;

	top:0;
	left:0;

	position:absolute;

	z-index:11;
}

#game_image_contents_in2 {

	width:960px;
	height:1140px;

	top:0;
	left:0;

	position:absolute;

	z-index:12;
}

#game_image_contents_in3 {

	width:960px;
	height:1140px;

	top:0;
	left:0;

	position:absolute;

	z-index:13;
}

#game_image_contents_in4 {

	width:960px;
	height:1140px;

	top:0;
	left:0;

	position:absolute;

	z-index:14;
}

#game_image_contents_in5 {

	width:960px;
	height:1140px;

	top:0;
	left:0;

	position:absolute;

	z-index:15;
}

#game_image_contents_in6 {

	width:960px;
	height:1140px;

	top:0;
	left:0;

	position:absolute;

	z-index:16;
}

#game_image_contents_in7 {

	width:960px;
	height:1140px;

	top:0;
	left:0;

	position:absolute;

	z-index:17;
}

#game-pc {
	display:none;
}

/* 12countdown */

#countdown_title {
	width:960px;
	height:120px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#countdown {
	width:100%;
	max-width:1280px;
	height:450px;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

.countdownIn {
	width:100%;
	max-width:1280px;
	height:450px;

	top:0;
	left:0;

	position:absolute;
}

.countdownImg {
	width:800px;
	height:450px;

	top:0;
	left:50%;
	margin-left:-400px;

	position:absolute;
}

#countdown09 {
	z-index:10;
}
#countdown08 {
	z-index:20;
	display:none;
}
#countdown07 {
	z-index:30;
	display:none;
}
#countdown06 {
	z-index:40;
	display:none;
}
#countdown05 {
	z-index:50;
	display:none;
}
#countdown04 {
	z-index:60;
	display:none;
}
#countdown03 {
	z-index:70;
	display:none;
}
#countdown02 {
	z-index:80;
	display:none;
}
#countdown01 {
	z-index:90;
	display:none;
}
#countdown00 {
	z-index:100;
	display:none;
}

#countdownBtn {
	width:930px;
	height:200px;

	margin-left:auto;
	margin-right:auto;

	text-align:center;

	position:relative;

}

#countdownBtn_in9 {
	width:186px;
	height:100px;

	top:0;
	left:50%;

	margin-left:-465px;

	position:absolute;
}

#countdownBtn_in8 {
	width:186px;
	height:100px;

	top:0;
	left:50%;

	margin-left:-279px;

	position:absolute;
}

#countdownBtn_in7 {
	width:186px;
	height:100px;

	top:0;
	left:50%;

	margin-left:-93px;

	position:absolute;
}

#countdownBtn_in6 {
	width:186px;
	height:100px;

	top:0;
	left:50%;

	margin-left:93px;

	position:absolute;
}

#countdownBtn_in5 {
	width:186px;
	height:100px;

	top:0;
	left:50%;

	margin-left:279px;

	position:absolute;
}

#countdownBtn_in4 {
	width:186px;
	height:100px;

	top:100px;
	left:50%;

	margin-left:-465px;

	position:absolute;
}

#countdownBtn_in3 {
	width:186px;
	height:100px;

	top:100px;
	left:50%;

	margin-left:-279px;

	position:absolute;
}

#countdownBtn_in2 {
	width:186px;
	height:100px;

	top:100px;
	left:50%;

	margin-left:-93px;

	position:absolute;
}

#countdownBtn_in1 {
	width:186px;
	height:100px;

	top:100px;
	left:50%;

	margin-left:93px;

	position:absolute;
}

#countdownBtn_in0 {
	width:186px;
	height:100px;

	top:100px;
	left:50%;

	margin-left:279px;

	position:absolute;
}

/* 09twitter */

#twitter {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#twitter_image01 {

	width:960px;
	height:130px;

	margin-left:auto;
	margin-right:auto;
}


#twitter_area {

	width:500px;
	height:500px;

	margin-left:auto;
	margin-right:auto;

}

/* 10footer */

#footer {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#footer_hr {

	width:100%;
	height:2px;

	margin-top:30px;

	background-color:#000;
}

#footer_image01 {

	width:960px;
	height:338px;

	margin-left:auto;
	margin-right:auto;
}

#footer_image02 {

	width:960px;
	height:98px;

	margin-left:auto;
	margin-right:auto;
}

#footer_banner {

	width:750px;
	height:160px;

	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

#footer_banner2 {

	width:750px;
	height:160px;

	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}


/* other */

#SoundBox {
	display:none;
}



/* 13anakare */

#anakare_image01 {

	width:960px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	z-index:10;
}

#anakare_jizenarea {
	width:100%;
	max-width:1280px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	background-image: url("/images/03jizen/jizen_back_pattern.gif");

	background-color:#cbd4da;

}

#anakare_image02 {

	width:960px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	z-index:10;
}

#anakare_image03 {

	width:960px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	z-index:10;
}

#anakare_image04 {

	width:960px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	z-index:10;
}