/*	IMPORT RESET	*/
@import url("reset.css");
/*	IMPORT BASIC	*/
@import url("basic.css");
/*	<header><footer><nav>ｿｰｽのｲﾝﾎﾟｰﾄ	*/
@import url("nav.css");
/*	ﾌﾚｯｸｽﾎﾞｯｸｽのｲﾝﾎﾟｰﾄ	*/
@import url("co-flexbox.css");

body {
	position: relative;
}
/*--------------------------------------------------------
	ｺﾝﾃﾝﾂ部分の設定
----------------------------------------------------------*/
ul.map {
	display: flex;
	display: -webkit-flex;	
	flex-direction: column;
	-webkit-flex-direction: column;
}
ul.map li:nth-of-type(1) {
	position:relative;
	width: 100%;
}
ul.map li:nth-of-type(1) span{ 
	position:absolute; 
	top: 0; 
	left: 0; 
	width: auto; 
	padding-left: 3px;
	font-size: 80%;
	color:#fff; 
	line-height:1.2; 
	background-color:#000; 
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	 opacity: 0.5; 
}
ul.map img {
	width: 100%;
}
ul.map li:nth-of-type(2) {
	width: 100%;
}
#map_canvas1 {
	height: 238px;
}
#map_canvas2 {
	height: 238px;
}
#map_canvas3 {
	height: 238px;
}
#map_canvas4 {
	height: 238px;
}
#map_canvas5 {
	height: 238px;
}
#map_canvas6 {
	height: 238px;
}
@media screen and (min-width: 768px) {
ul.map {
	flex-direction: row;
	-webkit-flex-direction: row;
}
ul.map li:nth-of-type(1) {
	flex-basis: 460px;
	-webkit-flex-basis: 460px;
}
ul.map li:nth-of-type(1) span{ 
}
ul.map li:nth-of-type(2) {
	flex-grow: 1;
	-webkit-flex-grow: 1;
	width: 0;

}}
@media screen and (min-width: 960px) {
ul.map li:nth-of-type(1) {
	flex-basis: 580px;
	-webkit-flex-basis: 580px;
}
#map_canvas1 {
	height: 300px;
}
#map_canvas2 {
	height: 300px;
}
#map_canvas3 {
	height: 300px;
}
#map_canvas4 {
	height: 300px;
}
#map_canvas5 {
	height: 300px;
}
#map_canvas6 {
	height: 300px;
}}