div.map {
	margin:  0px;
	padding: 0px;
/*	background-color: #c09;  */
}


/*===============================================
● 画面の横幅が375px以下
===============================================*/
@media screen and (max-width: 375px) {
/* Google Map */
div.google-map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%; /* 比率を1:1に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}


/*===============================================
● 画面の横幅が376px以上かつ480px以下
===============================================*/
@media screen and (min-width: 376px) and (max-width: 480px) {
/* Google Map */
div.google-map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%; /* 比率を1:1に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}


/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media screen and (min-width: 481px) {
/* Google Map */
div.google-map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 31.25%; /* 比率を1920:600に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}