#map {
    width: 100%;
    height: 500px;
}

.divicon {	/* 文字ラベル */
	display: table-cell;
	color: #f00;
	background-color: #99FFFF;
	opacity: 0.7;
	white-space: nowrap;
	font-size: 12px;
	font-weight: bold;
	writing-mode: horizontal-tb;
}

/*画面幅1024px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1024px){

	#map {
    width: 1024px;
    height: 768px;
}

/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px){

	#map {
    width: 700px;
    height: 500px;
}

/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

	#map {
    width: 600px;
    height: 500px;
}

/*画面幅500px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:500px){

	#map {
    width: 500px;
    height: 500px;
}

}

/*画面幅400px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:400px){

	#map {
    width: 400px;
    height: 500px;
}

}