@media screen and ( max-width : 599px ){

.sp_none {
	display: none;
}


#mepi_c_box_game { /* スマホ要素 */

	width : 320px;
	height: 510px;
	
	font-size : 16px;
	
	
}



#mepi_c_layoutbox_field { /* スマホ要素 */
	
/*	top : 60px; */
	top : 30px;
	left : 0px;
	
	width : 320;
/*	height: 252; */
	height: 282; 
	
	overflow: hidden;
/*
	background-color:#00ff00;
*/
}

#mepi_c_layoutbox_field_child { /* スマホだけ */
	position: absolute;
	
	top: 30px;

}






#mepi_c_layoutbox_stage_info { /* スマホ要素2 */

	top: 1px;
	left: 0px;
	
	width : 100%;
	height : 16px;
}




#mepi_c_info_stage_box {
	top: 0px;
}

#mepi_c_info_stage_title {
	left: 0px;
	width : 70px;
	text-align : right;
}

#mepi_c_info_stage {
	left : 75px;
}











#mepi_c_info_turn_box {

	top: 0px;
	left: 120px;
	
}

#mepi_c_info_turn_title {
	
	left: 0px;
	width : 60px;
	
}

#mepi_c_info_turn {

	left : 65px;
}











#mepi_c_layoutbox_status_info { /* スマホ要素2 */
	
	left: 0px;
	top : 20px;
	
}


.mepi_c_mark_box { /* スマホ2 */
	transform-origin: center;
	
	transform: scale(0.6);
}




#mepi_c_info_life_box{ /* スマホ要素 */
	position: absolute;
	
	top: 0px;
	left: 0px;
	
	width: 33%;
	
}



#mepi_c_info_life_title { /* スマホ要素 */
	
	width : 50px;
	
}


#mepi_c_info_life { /* スマホ要素 */
	
	left : 55px;
	top : 0px; /* これは必要 */
}

#mepi_c_info_life_number {
	left : 75px;
}












#mepi_c_info_vp_box{ 
	position: absolute;
	
	top: 0px;
	left: 140px;
	
}



#mepi_c_info_vp_title { 
	
	width : 40px;
	text-align: right;
	
}


#mepi_c_info_vp { 
	
	left : 44px;
	top : 1px;
}

#mepi_c_info_vp_number {
	
	left : 60px;
}













#mepi_c_info_item_box{ 
	
	top: 20px;
	left: 0px;
	
}



#mepi_c_info_item_title { 
	
	width : 50px;
	
}


#mepi_c_info_item { 
	
	left : 54px;
}











#mepi_c_layoutbox_control { /* スマホ要素 */

	top : 390px;
	width: 100%;
	height : 120px;
}


#mepi_c_box_control {
	left : 5px; // これは必要
	
}





















.mepi_c_control_square {
	height: 60px;
	width: 60px;
	border: solid 4px #000000;

}

.mepi_c_control_oblong {
	height: 30px;
	width: 130px;
	border: solid 4px #000000;
	border-radius: 15px;
	font-size: 13px;
	line-height: 24px;
}

#mepi_c_control_left {
	top : 30px;
	left : 0px;
}


.mepi_c_control_arrow_left::before {
	left: 24px;
	top: 16px;
	width: 23px;
	height: 22px;
}

.mepi_c_control_arrow_left::after {
	top: 5px;
	left: -20px;
	border: 22px solid transparent;
	border-right: 22px solid #000000;	
}



#mepi_c_control_right {
	top : 30px;
	left : 120px;
}

.mepi_c_control_arrow_right::before {
	right: 24px;
	top: 16px;
	width: 23px;
	height: 22px;
}

.mepi_c_control_arrow_right::after {
	top: 5px;
	right: -20px;
	border: 22px solid transparent;
	border-left: 22px solid #000000;	
}


#mepi_c_control_up {
	top : 0px;
	left : 60px;
}

.mepi_c_control_arrow_up::before {
	left: 16px;
	top: 24px;
	width: 22px;
	height: 23px;
}

.mepi_c_control_arrow_up::after {
	top: -20px;
	left: 5px;
	border: 22px solid transparent;
	border-bottom: 22px solid #000000;	
}

#mepi_c_control_down {
	top : 60px;
	left : 60px;
}

.mepi_c_control_arrow_down::before {
	left: 16px;
	bottom: 24px;
	width: 22px;
	height: 23px;
}

.mepi_c_control_arrow_down::after {
	bottom: -20px;
	left: 5px;
	border: 22px solid transparent;
	border-top: 22px solid #000000;	
}

#mepi_c_control_center {
	top : 60px;
	left : 180px;
}

#mepi_c_control_reset {
	top : 90px;
	left : 180px;
}

#mepi_c_control_face {
	top : 0px;
	left : 180px;
}

#mepi_c_control_hold {
	top : 30px;
	left : 180px;
}












#mepi_c_layoutbox_magic{ /* スマホ要素 スマホ2 */
	
	top : 314px;
	left : 0px;
	
	width : 100%;
	height : 0px;
	background: #000000;
}



#mepi_c_magic_title {
	position: absolute;
	
	width: 100%;
	text-align: left;
	padding-left: 26px;
}

#mepi_c_magic_box {
	position: absolute;
	
	top: 18px;
}


.mepi_c_magic_each_box{
	position: absolute;
	
	width: 106px;
	height: 22px;
	
	border: 4px solid #ffffff;
	border-radius: 12px;
	
	font-size: 10px;
	line-height: 16px;
	
	
}



.mepi_c_magic_no_0 { top: -18px; left: 106px; }
.mepi_c_magic_no_1 { top: -18px; left: 212px; }
.mepi_c_magic_no_2 { top: 6px; left: 0px; }
.mepi_c_magic_no_3 { top: 6px; left: 106px; }
.mepi_c_magic_no_4 { top: 6px; left: 212px; }
.mepi_c_magic_no_5 { top: 30px; left: 0px; }
.mepi_c_magic_no_6 { top: 30px; left: 106px; }
.mepi_c_magic_no_7 { top: 30px; left: 212px; }


































#mepi_c_reset_window_inside { 
	
	width: 60%;
	height: 40%;
	
	left : 20%;
	top : 20%;
	
	
	font-size: 16px;
	
	line-height: 50px;
	box-sizing: border-box;
	
}


.mepi_c_reset_window_each_box {
	
	height: 34px;
	
	left: calc(50% - 70px); width: 140px;
	
	line-height: 26px;

	font-size: 16px;
	box-sizing: border-box;
	
}


#mepi_c_reset_window_back { 
	top: 45px;
}

#mepi_c_reset_window_yes { 
	top: 95px;
}

#mepi_c_reset_window_no { 
	top: 145px;
}




























#mepi_c_clear_window_inside {
	
	left : 15%;
	top : 45%;
	
	width: 70%;
	height: 10%;
	
	font-size: 26px;
	line-height: 54px;
	font-weight: bold;
	
}

#mepi_c_one_more_window {

	left : 10%;
	top : 40%;
	
	width: 80%;
	height: 18%;
	
	font-size: 25px;
	line-height: 50px;

}


#mepi_c_one_more_window_yes , #mepi_c_one_more_window_no {
	
	width: 85px;
}


















#mepi_c_fail_window {
	
	left : 20%;
	top : 20%;
	
	width: 60%;
	height: 40%;
	
	font-size: 16px;
	line-height: 50px;
	box-sizing: border-box;
	

}


.mepi_c_fail_window_each_box {

	height: 34px;
	
	left: calc(50% - 70px); width: 140px;
	
	line-height: 26px;

	font-size: 16px;
	box-sizing: border-box;

}



#mepi_c_fail_window_back {
	top: 45px;
}

#mepi_c_fail_window_yes {
	top: 95px;
}

#mepi_c_fail_window_no {
	top: 145px;
}







#mepi_c_erase_mode_cancel_window {
	
	top : 390px;
	height : 120px;
	
}





#mepi_c_control_scale_up {
	display: none;
	
}

#mepi_c_control_scale_down {
	display: none;
	
}









/* スマホ用魔法欄 対となるのはコンパネの部分 */

.conpane_magic_a {
	
	display: inline-block;
	right: 55px;
	transform-origin: top left;
	transform: translate(24px,4px) scale(0.36);
	
}


.conpane_magic_b {
	
	position: absolute;
	right: 8px;
	
	
}














































}