@charset "UTF-8";

/* モバイルCSS */

body {
	width: 960px !important;
}

#menu {
	display: none
}

#menu_back {
	display: none;
}

#menu_sp {
	display: block;
	width: 116px;
	height: 120px;
	position: fixed;
	top: 0;
	right: 0;
	/* margin-left: -480px; */
	z-index: 110;
	/* background-color: #000; */
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu_btn_sp {
	width: 116px;
	height: 116px;
	top: 5px;
	right: 5px;
	position: absolute;
}

#menu_close_btn_sp {
	width: 116px;
	height: 116px;
	top: 5px;
	right: 5px;
	position: absolute;
	display: none;
}

#menu_back_sp {
	width: 100%;
	height: 150px;
	display: none;
}

#menu_modal_area_sp {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
}

#menu_modal_sp {
	position: fixed;
	width: 680px;
	height: 874px;
	left: 50%;
	top: 120px;
	margin-left: -340px;
}

#modal_btn_area_sp {
	width: 600px;
	height: 750px;
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -300px;
}

.menu_item_sp {
	position: relative;
	width: 490px;
	height: 102px;
	margin-left: auto;
	margin-right: auto;
}

	.menu_item_sp img {
		width: 100%;
		height: 100%;
	}

#menu_modal_back_sp {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
}

#pv_banner_area {
	width: 400px;
	top: 10px;
	z-index: 90;
}

#pv_banner {
	width: 400px;
	height: 106px;
}
/* top */
#top {
	display: none;
}

#top_sp {
	width: 960px;
	height: 1160px;
	position: relative;
	background-image: url('/images/01top/top_sp.jpg');
	background-repeat: no-repeat;
	display: block;
}

#top_image01_sp {
	width: 960px;
	height: 407px;
	top: 470px;
	left: 0;
	z-index: 10;
	position: absolute;
}

#top_image02_sp {
	width: 960px;
	height: 216px;
	top: 850px;
	left: 0;
	z-index: 10;
	position: absolute;
}


/* jizen */
#jizen {
	background-color: #ffffec;
}

#jizen_box {
	display: block;
}

#jizen_box_in1 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

	#jizen_box_in1 img {
		width: 960px;
	}

#jizen_box_in2 {
	width: 960px;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
}

#jizen_box_in2_info {
	width: 960px;
	margin-left: -480px;
}

	#jizen_box_in2_info img {
		width: 960px;
	}

#jizen_box_in2_textbox {
	width: 900px;
	height: 80px;
	top: 240px;
	left: 50%;
	margin-left: -450px;
	font-size: 80px;
	position: absolute;
}

#jizen_box_in2_btn {
	width: 482px;
	height: 138px;
	top: 320px;
	left: 50%;
	margin-left: -241px;
	position: absolute;
}

#jizen_box_in2_btn_img {
	width: 482px;
}
#jizen_info2 {
	width: 960px;
	height: 417px;
}
/* movie */
#movie_title {
	width: 960px;
}

	#movie_title img {
		width: 960px;
	}

/* info */

#info_box {
	display: block;
}

#info_box_in1 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height:600px;
}

#info_box_in1_twitter {
	display: none;
}

#info_box_in1_twitter_sp {
	width: 800px;
	height: 600px;
	top: 0;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	display: block;
}

#info_box_in2 {
	width: 960px;
	height: 722px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#info_box_in2_news_up {
	width: 960px;
	height: 90px;
}

	#info_box_in2_news_up img {
		width: 960px;
		height: 90px;
	}

#info_box_in2_news_body {
	width: 960px;
	height: 600px;
	background-image: url('/images/04info/info_news_area_back.png');
	background-repeat: repeat-y;
	background-size: 960px 26px;
}

.info_box_in2_news_topic {
	width: 690px;
	margin-left: 136px;
	line-height: 1.2em;
}

	.info_box_in2_news_topic p {
		font-size: 30px;
	}

#info_box_in2_news_bottom {
	width: 960px;
	height: 32px;
}

	#info_box_in2_news_bottom img {
		width: 960px;
		height: 32px;
	}

.info_news_icon {
	width: 84px;
}

.info_news_line {
	width: 960px;
	height: 26px;
}

/* story */

#story_title {
	width: 960px;
}

	#story_title img {
		width: 960px;
	}

#story_text {
	width: 960px;
}

	#story_text img {
		width: 960px;
	}

div#story_banner {
	display: block;
}

div#story_banner_scenario {
	width: 960px;
}

div#story_banner_world {
	width: 960px;
}

/* chara */
#chara {
	background-position: center center;
}

#chara_title {
	width: 960px;
	height: 158px;
	background-image: url('/images/06chara/character_title_back_sp.png');
}

#chara_title_image {
	width: 960px;
	margin-left: -480px;
}

	#chara_title_image img {
		width: 960px;
	}


#chara_image {
	height: 1540px;
}

#chara_image1 {
	height: 1540px;
	background-image: url('/images/06chara/character_1_sp.png');
}

#chara_image2 {
	height: 1540px;
	background-image: url('/images/06chara/character_1_sp.png');
}

#chara_voice {
	width: 960px;
	height: 220px;
}

#chara_voice_in {
	width: 960px;
	height: 220px;
}

	#chara_voice_in img {
		width: 960px;
	}

#chara_voice_btn1 {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: -380px;
	position: absolute;
}

	#chara_voice_btn1 img {
		width: 100px;
	}

#chara_voice_btn2 {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: -248px;
	position: absolute;
}

	#chara_voice_btn2 img {
		width: 100px;
	}

#chara_voice_btn3 {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: -116px;
	position: absolute;
}

	#chara_voice_btn3 img {
		width: 100px;
	}

#chara_voice_btn4 {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: 16px;
	position: absolute;
}

	#chara_voice_btn4 img {
		width: 100px;
	}

#chara_voice_btn5 {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: 148px;
	position: absolute;
}

	#chara_voice_btn5 img {
		width: 100px;
	}

#chara_voice_btn6 {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: 280px;
	position: absolute;
}

	#chara_voice_btn6 img {
		width: 100px;
	}


#chara_voice_btn1_ex {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: -350px;
	position: absolute;
}

	#chara_voice_btn1_ex img {
		width: 100px;
	}

#chara_voice_btn2_ex {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
}

	#chara_voice_btn2_ex img {
		width: 100px;
	}

#chara_voice_btn3_ex {
	width: 100px;
	height: 100px;
	top: 70px;
	left: 50%;
	margin-left: 250px;
	position: absolute;
}

	#chara_voice_btn3_ex img {
		width: 100px;
	}




#chara_box1 {
	display: block;
}

#chara_box_in1-1 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#chara_box_in1-2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#chara_box2 {
	display: block;
}

#chara_box_in2-1 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#chara_box_in2-2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* system */

#system_image {
	height: 1639px;
	background-image: url('/images/07system/system_scenario_img_sp.png');
}

#system_menu_scenario {
	width: 320px;
}

#system_menu_ending {
	width: 320px;
}

#system_menu_summon {
	width: 320px;
}


/* spec */

#spec_title {
	width: 960px;
}

	#spec_title img {
		width: 960px;
	}
#spec_anakare {
	height:270px;
	background-size:initial;

}

#spec_box {
	display: block;
}

#spec_box_in1 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

	#spec_box_in1 img {
		width: 960px;
	}

#spec_box_in2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

	#spec_box_in2 img {
		width: 960px;
	}

#spec_creator {
	width: 960px;
}

/* footer */

#footer_box {
	display: block;
}

#footer_box_in1 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

	#footer_box_in1 img {
		width: 960px;
	}

#footer_box_in2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

	#footer_box_in2 img {
		width: 960px;
	}