#header{
	width: 100%;
	background-color: rgb(0,231,255);
}

#header img{
	width: 100%;
}

#flow{
	width: 100%;
	background-color: rgb(255,255,255);
}

#flow img{
	width: 100%;
}

#photo img
{
	display:block;
	float:left;
	width: 50%;
}


#main_oniserch{
	width: 100%;
	background-color: rgb(0,231,255);
}

#main_oniserch #info{
	width: 100%;
	background-color: #FFF;
}

#main_oniserch table{
	width:95%;
	font-size: 200%;
	padding-bottom: 50px;
}

#main_oniserch table th{
	padding: 30px; 
	width : 30%;
}

#main_oniserch table td{
	padding: 30px;
}

#main_oniserch img{
	width: 100%;
}

#hint{
	width: 100%;
	background-color: rgb(255,255,255);
}

#hint img{
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

#secret_to {
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #164dff;
	border-radius: 4px;
}

#secret_to img{
	width: 70%;
	padding-top: 40px;
	padding-bottom: 40px;
}

#secret_search{
	width: 100%;
	background-color: rgb(0,231,255);
	text-align: center;
}

#secret_search img{
	width: 60%;
	display: block;
	margin: auto;
	padding-bottom: 80px;
}

#secret_search input{
	text-align: center;
	height: 100px;
	width: 60%;
	font-size: 150%;
	color: #dcdcdc;
	border-radius: 5px;
	border: 0px;
}

#error_img{
	visibility: hidden;
}

#secret{
	width: 100%;
	background-color: rgb(0,231,255);
}

#secret img{
	width: 90%;
	display: block;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 30px;
}

#footer{
	width: 100%;
	background-color: rgb(213,213,213);
}

#footer img{
	width: 90%;
	display: block;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#eventtopic{
	width: 60% !important;
}

@media screen and (min-width: 1080px){

	#header img{
		width: 60%;
		display: block;
		margin: auto;
	}

	#flow img{
		width: 60%;
		display: block;
		margin: auto;
	}

	#main_oniserch img{
		width: 60%;
		display: block;
		margin: auto;
	}
	#play
	{
		background-color: rgb(255,255,255);
		width:100%
	}
	#play img
	{
		width: 50%;
		float:left;
		display: block;	
		margin:0
	}

	#hint img{
		width: 60%;
		display: block;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#secret_to {
		width: 60%;
	}

	#secret_to img{
		width: 60%;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#secret_search input{
		margin-top: 150px;
	}

	#secret img{
		width: 40%;
	}

	#footer img{
		width: 60%;
		display: block;
		margin: auto;
	}

	#eventtopic{
	width: 40% !important;
}
}