@charset "utf-8";

@media screen and (max-width:639px) {
/***
　ページ全体
***/
	body {
		min-width:320px;
	}

	#llsPage {
		width			: auto;
		padding-left	: 10px;
		padding-right	: 10px;
	}
	
/***
　メニューエリア
***/
	#lls_menu {
		width			: auto;
		height			: auto;
	}
	
	#lls_menu .lls_date {
		margin-bottom	: 1px;
	}
	
	#lls_menu .lls_reload_guide {
		clear			: both;
		float			: right;
	}
	
	#lls_menu .lls_reload {
		float			: left;
	}
	#lls_menu .lls_guide {
		width			: 150px;
		float			: left;
	}
	
	.lls_img {
		min-width		: 302px;
		margin			: 5px 0px 0px 0px;
	}

/***
　画像エリア
***/
	#map_img {
		width			: 100%;
	}
	
/***
　凡例画像エリア
***/
	#lls_legend {
		padding			: 0px 0px 5px 0px;
		width			: auto;
		height			: 240px;
		clear			: both;
	}
	#lls_legend .legend_title {
		margin-left		: 10px;
		width			: auto;
		float			: none;
		text-align		: left;
	}
	
/***
　サンプル画像エリア
***/
	#sample_info {
		width			: auto;
	}
	
/***
　お知らせメッセージエリア
***/
	#lls_status {
		width			: auto;
	}
/***
　問合せ先エリア
***/
	#information_area {
		padding			: 20px 5px 20px 5px;
	}
}

/***
　最小幅320px対応
***/
@media screen and (max-width:400px) {
	#lls_legend .legend_msg {
		width			: 100px;
	}
	
	#lls_menu .lls_reload_guide {
//		width			: 100%;
	}
	#lls_menu .lls_reload {
//		width			: 50%;
	}
	#lls_menu .lls_guide {
//		width			: 50%;
	}
}