@charset "utf-8";
/* CSS Document */

/*******************マップ**************************/	

#map{
	margin:auto;
	max-width:600px;
	height:auto;
	margin-bottom:30px;
	overflow:hidden;
	
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*********************画像を切り替える************************/

.pc { display: block !important; }
.sp { display: none !important; }

/**************************************************************/


@media screen and (max-width:768px) { 


/******************画像を切り替える************************/

.pc { display: none !important; }
.sp { display: block !important; }


@media screen and (max-width:480px) { 
  
/*********************マップ**********************/	

#map{
	margin:auto;
	max-width:90%;
	height:auto;
	margin-bottom:30px;
	}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}