/* CSS Document */
html,body {
	height: 100%;
	width: 100%;
	position: fixed; 
	margin: 0;
	padding: 0;
}
#play_music{
	position: fixed;
	top: auto;
	bottom: 10px;
	left: 5px;
	width: 300px;
	text-align: center;
}
#play_music audio{
	width: 100%;
	height: 30px;

}
#play_music img{
	width: 200px;
	height: auto;
}
/*Tablet View ----------------------------------------------------------------------------------------------*/
@media (min-width: 768px){
	#play_music{
		position: fixed;
		top: 10px;
		left: auto;
		bottom: auto;
		right: 20px;
		width: 240px;
		text-align: center;
		height: 72px;
	}
	#play_music audio{
		/*width: 160px;*/

	}
	#play_music img{
		width: 200px;
		height: auto;
	}
	
	
	#slide .frame{
/*		width: 960px;
		height: 200px;

*/	}
	#container{
		display: flex;
		flex-wrap: wrap;
	}
	#message{
		width: 800px;
		margin: 10px auto;
	}
	#catch{
		width: 50%;
		display: flex;
		align-items: center;
	}
	#catch>div{
		width: 50%;
		text-align: center;
	}
/*	#catch ul{
		text-align: left;
		list-style: none;
		line-height: 400%;
		list-style-image: url("../images/char_bird.png")
		
	}*/
	#catch li{
		/*text-align: left;*/
		line-height: 400%;
		padding-top: 0px;
		/*list-style-type:none;
		background-image:url("../images/char_bird.png");
		background-repeat:no-repeat;
		background-position:left 20px;
		padding-left:36px;*/
	}
	
	#map{
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#map iframe{
		width: 400px;
		height: 300px;
	}
	#privacy{
/*		width: 100%;
		text-align: right;
		padding-right:10px;
*/	}
	
}

/*Desktop View ----------------------------------------------------------------------------------------------*/
@media (min-width: 1024px){
		
}

#EdgeID2 {
	width: 960px;
	height: 200px;
	margin: 0px;
	padding: 0px;
}