@charset "UTF-8"; 

/* for map page */

#marker_exp {
	margin: 0;
	padding: 0;
	list-style: none;
}

#marker_exp li {
	display: inline-block;
}

#marker_exp img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

/* smart phone */
@media screen and ( max-width: 1100px )
{
	#map_canvas {
		width: 100%;
		height: 300px;
		margin-bottom: 10px;
	}
	
	#marker_exp {
		margin: 10px;
	}
	
	#marker_alert {
		margin: 10px;
	}
	
	h3 {
		color: #c90a30;
		font-size: 20px;
		text-align: center;
	}
	
	#intro {
		width: 100%;
		margin: 50px auto 50px auto;
	}

	img.sample {
		width: 300px;
		height: 225px;
		
		border: 1px solid #fdf3f5;

		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}
	
	#doracomi {
		width: 100%;
		text-align: center;
		margin-bottom: 100px;
	}
	
	#orbis_guide {
		width: 100%;
		text-align: center;
	}
	
	.exp {
		margin: 30px 0 30px 0;
	}
	
	.exp span {
		color: #c90a30;
	}
}

/* pc */
@media screen and ( min-width: 1100px )
{ 
	#map_canvas {
		width: 100%;
		height: 500px;
		margin-bottom: 10px;
	}
	
	#marker_exp {
		float: left;
	}

	#marker_alert {
		float: right;
	}
	
	h3 {
		color: #c90a30;
		font-size: 30px;
		text-align: center;
	}
	
	#intro {
		width: 1100px;
		margin: 50px auto 50px auto;
	}

	img.sample {
		width: 400px;
		height: 300px;
		
		border: 1px solid #fdf3f5;

		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}
	
	#doracomi {
		float: left;
		width: 540px;
		text-align: center;
	}
	
	#orbis_guide {
		float: right;
		width: 540px;
		text-align: center;
	}
	
	.exp {
		margin: 30px 0 30px 0;
	}
	
	.exp span {
		color: #c90a30;
	}
}