@charset "utf-8";
/* CSS Document */

#game_start {
	display: block;
}

#game_main {
	display: none;
}

#game_finish {
	display: none;
}
/*-----------------------------------------start*/

#game_start_textcloud {
	width: 54%;
	top: 22%;
	left: 8%;
}

#game_start_text {
	width: 54%;
	text-align: left;
	top: 50%;
	left: 8%;
	padding: 20px 30px;
}
/*------------------------------------main*/

#game_main_figure {
	top: 10%;
	width: 30%;
	left: 35%;
}

.drop {
	background-color: none;
	width: 17%;
	height: 39%;
	left: 47%;
	top: 55%;
	z-index: 100;
}

.cd_no_show {
	/*display: none;*/
}

#gif_einlegen_1 {
	width: 46%;
	left: 25%;
	top: 27%;
}

#gif_einlegen_2 {
	width: 46%;
	left: 25%;
	top: 46%;
}

#gif_einlegen_3 {
	width: 46%;
	left: 25%;
	top: 65%;
}

#gif_einlegen_4 {
	width: 46%;
	left: 25%;
	top: 84%;
}

.game_main_pictures_left_right {
	width: 25%;
	height: 100%;
}

.game_main_pictures_container {
	width: 100%;
	height: 50%;
}

#game_main_pictures_left {
	left: 0%;
}

#game_main_pictures_left_1 {
	left: 0%;
	top: 0%
}

#game_main_pictures_left_2 {
	left: 0%;
	top: 50%
}

#game_main_pictures_right {
	right: 0%;
}

#game_main_pictures_right_1 {
	right: 0%;
	top: 0%
}

#game_main_pictures_right_2 {
	right: 0%;
	top: 50%
}

.game_main_cd {
	width: 38% !important;
	cursor: pointer;
}

.game_main_cd img {
	position: relative;
}

.game_main_cd span {
	position: absolute;
	top: 7%;
	left: 44%;
}

.game_main_cd_1 {
	top: 19%;
	left: 0%;
}

.game_main_cd_2 {
	top: 19%;
	left: 43%;
}

.game_main_cd_3 {
	top: 57%;
	left: 16%;
}

.game_main_cd_4 {
	top: 57%;
	left: 59%;
}

#game_main_bottom_button {
	width: 100%;
	height: 40px;
	top: 85%;
	bottom: auto;
}

#game_main_eject {
	left: 10px;
	height: 40px;
	width: 33%;
}

#game_main_eject_button {
	background-image: url(../../src/images/image_ix.png);
	background-size: cover;
	z-index: 10;
}

#game_main_eject_text {
	padding-left: 45px;
	padding-top: 9px;
	cursor: pointer;
}

#game_main_play {
	left: 33%;
	height: 40px;
	width: 33%;
}

#game_main_play_button {
	background-image: url(../../src/images/image_play.png);
	background-size: cover;
	z-index: 10;
}

#game_main_play_text {
	padding-left: 45px;
	padding-top: 9px;
	cursor: pointer;
}

#game_main_ready {
	left: 66%;
	height: 40px;
	width: 33%;
}

#game_main_ready_button {
	background-image: url(../../src/images/image_ok.png);
	background-size: cover;
	z-index: 10;
}

#game_main_ready_text {
	padding-left: 45px;
	padding-top: 9px;
	cursor: pointer;
}

#game_main_help {
	top: 85%;
	right: 10px;
	background-image: url("../../src/images/image_help.png");
}
/*----------------------------------------main_info*/

#game_main_info {
	display: none;
	width: 100%;
	height: 100%;
}

#game_main_info_textcloud {
	width: 54%;
	top: 22%;
	left: 8%;
}

#game_main_info_textcloud .game_textcloud_arrow {
	bottom: 24%;
}

#game_main_info_figure {
	position: absolute;
	width: 19%;
	left: 76%;
	top: 27%;
}
/*---------------------------------------finish*/

#game_finish_textcloud {
	width: 54%;
	top: 27%;
	left: 8%;
	padding: 30px;
}

#game_finish_figure {
	position: absolute;
	width: 19%;
	left: 76%;
	top: 36%;
}

.game_finish_restart_button {
	background-image: url("../../src/images/image_restart.png");
	width: 96px;
	height: 36px;
	top: 84%;
	left: 38%;
}

#game_finish_bottom_button {
	width: 30%;
	height: 40px;
	top: 84%;
	bottom: auto;
	left: 9%;
}

#game_finish_play {
	left: 0%;
	height: 40px;
	width: 100%;
}

#game_finish_play_button {
	background-image: url(../../src/images/image_play.png);
	background-size: cover;
	z-index: 10;
}

#game_finish_play_text {
	padding-left: 45px;
	padding-top: 9px;
	cursor: pointer;
}

@media screen and (orientation: portrait) {
	#game_start_textcloud {
		top: 19%;
		width: 58%;
	}
	#game_main_info_textcloud {
		width: 50%;
	}
	#game_start_text {
		top: 45%;
		width: 58%;
	}
	.game_main_pictures_left_right {
		width: 45%;
		height: 50%;
		top: 50%;
	}
	#game_main_figure {
		top: 3%;
		width: 49%;
		left: 0%;
	}
	#game_main_bottom_button {
		width: 30%;
		height: 30%;
		top: 19%;
		left: 57%;
		bottom: auto;
	}
	#game_main_eject {
		left: 0%;
		height: 40px;
		width: 100%;
	}
	#game_main_play {
		left: 0%;
		top: 33%;
		height: 40px;
		width: 100%;
	}
	#game_main_ready {
		left: 0%;
		top: 66%;
		height: 40px;
		width: 100%;
	}
	#game_finish_figure {
		width: 29%;
		left: 60%;
		top: 39%;
	}
	#game_finish_textcloud {
		width: 37%;
		top: 20%;
		left: 10%;
	}
	#game_finish_bottom_button {
		width: 50%;
		height: 40px;
		top: 75%;
		bottom: auto;
		left: 30%;
	}
	#game_main_help {
		top: auto;
		bottom: 10px;
	}
	.drop {
		width: 28%;
		height: 20%;
		left: 19%;
		top: 26%;
	}
}

@media screen and (min-width: 900px) and (orientation: landscape) {
	#game_main_bottom_button {
		width: 85%;
		left: 7%;
	}
}

@media screen and (max-height: 450px) and (orientation: landscape) {
	#game_start_textcloud {
		top: 22% !important;
		padding: 10px 50px 10px 20px !important;
	}
	#game_main_info_textcloud {
		padding: 20px 40px;
	}
	#game_start_text {
		top: 44%;
	}
}