@charset "UTF-8";
body {
	background: url(Background.gif) no-repeat left;
	overflow: hidden;
	min-height:100%;
	miin-width: 100%;
	position: relative;
	background-size: cover;
	background-position: center center;
	align-content: center;
}


@media (min-width:599px)and (max-width:996px){
	#background {
		display: flex;
		background-size : contain;
	}
}


width {
	width: 100%;
	height: auto;
}
	
/*preloading animation*/
#loader {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: url(loading_goldfish.gif) no-repeat center;
	background-color: #094D86;
	background-size: 80%;
}


/*gacha machine elements*/
#background {
	
	width:100%;
	height:720px;
	position: relative;
	z-index:10;
	display: none;
}

@media (max-width:996px){
	#background {
		display: flex;
		background-size : contain;
	}
}



#machine{
  	transform: translate(0%, -25%); /* center the box within the container   sw adjust here*/ 
	width: auto;
	height:auto;
  	z-index:70;
	margin: 0;
	padding: 0;
}


.img-container {
  border: solid red 1px;
  display: inline-block;
  position: relative;
}


.img-container button {
  position: absolute;
}

#btn1{
	width:100px;
	height:150px;
	
	position: relative;
	z-index: 30;
	top:450px;
	left:-8%;
	border-radius: 40px;
	border:none;
	background-color: transparent;
}

#ori{
	position: relative;
	/*margin-bottom: 100px;*/
	z-index:30;
}



#red_goldfish{
	position: relative;
	display: none;
	z-index:50;
}

#red_darumiao{
	position: relative;
	display: none;
	z-index:50;
}

#blue_koi{

	position: relative;
	display: none;
	z-index:50;
	
}

#blue_nekoi {
	position: relative;
	display: none;
	z-index:50;
}

#green_senbazuko{
	position: relative;
	display: none;
	z-index:50;
}

#red_manekineko{
	
	position: relative;
	display: none;
	z-index:50;
}

#yellow_tanuki{
	position: relative;
	display: none;
	z-index:50;
}

#popout_taneko{
	position: relative;
	display: none;
	z-index:50;
}

#red_omamori {
	position: relative;
	display: none;
	z-index:50;
}

#yellow_taneko {
	position: relative;
	display: none;
	z-index:50;
}

#draw{
	position:relative;
	background-color: transparent;
	z-index:60;
	top:490px;
	left:51%;
	width:285px;
	height:62px;
	border-radius: 15px;
	border:none;

}

#try{
	position: relative;
	background-color: transparent;
	z-index:60;
	top:490px;
	left:9%;
	width:285px;
	height:62px;
	border-radius: 15px;
	border:none;
}