@charset "UTF-8";

/* モバイルCSS */

body {
	width:960px !important;
}

#menu {
	display: none
}

#menu_back {
	display: none;
}

#menu_sp {
	display: block;
	width: 960px;
	height: 120px;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -480px;
	z-index: 100;
	background-color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: white solid;
	border-top: white solid;
}
#game_logo_sp {
	width: 270px;
	height: 140px;
	position: absolute;
	top: 0;
	left: 0;
}

#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:block
}

#menu_modal_area_sp {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 50;
	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;
}


/* 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:1544px;
	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;
}


/* 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;
}