#js-map-taeget {
  border: 1px solid #ccc;
}
#js-map-taeget {
  height: 500px;
  margin: 0 auto;
  margin-top: 29px;
  margin-bottom: 28px;
  width: 1120px;
}
@media all and (max-width: 1122px) {
  #js-map-taeget {
    width: 100%;
    position: relative;
  }
}
@media all and (max-width: 768px) {
  #js-map-taeget {
    height: 100%;
  }
  .googlemap {
    height: 100%;;
  }
}

.gm-style .gm-style-iw-c {
  width: auto;
  padding: 20px;
  padding-right: 35px;
}
.gm-style .gm-style-iw-chr {
  position: absolute;
  right: 0;
  top: 0;
}

.gm-style .gm-style-iw-chr button {
  position: absolute;
  right: 0;
  left: 0;
}
.gm-style .gm-style-iw-d a {
  font-size: 17px;
  color: #333;
}
.gm-style .gm-style-iw-d .arrow{
  background-image: url(../img/common/popupArrow.png);
  width: 14px;
  height: 14px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: -2px;
  margin-right: 7px;
}
.gm-style .gm-style-iw-d .text {
  font-size: 13px;
  color: #a72126;
}
@media all and (max-width: 1120px) {
  #js-map-taeget {
    height: 500px;
    margin: 0 auto;
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  /* #js-map-taeget {
    height: 65.104vw;
    margin: 0 auto;
    width: 79.166%;
  } */
  .gm-style .gm-style-iw-c {
    padding: 2.604vw;
    padding-right: 4.557vw;
  }
  .gm-style .gm-style-iw-d a {
    font-size: 3.322vw;
  }
  .gm-style .gm-style-iw-d .arrow{
    width: 2.822vw;
    height: 2.822vw;
    vertical-align: -0.26vw;
    margin-right: 0.911vw;
  }
  .gm-style .gm-style-iw-d .text {
    font-size: 3.322vw;
  }
}


.popupOriginalCloseButton {
  width: 30px;        /* 線の長さ */
  height: 30px;
  position: absolute; /* 基準位置に指定 */
  right: 0;
  top: 0;
  display: grid;
  
  place-content: center;
  cursor: pointer;
}

.popupOriginalCloseButton .buttonInnerWrap {
  width: 10px;
  height: 10px;
  display: block;
/*   place-content: center; */
  position: relative;
  
}
.popupOriginalCloseButton .buttonInnerWrap::before,
.popupOriginalCloseButton .buttonInnerWrap::after {
  content: "";      /* 疑似要素に必須 */
  width: 10px;      /* 幅いっぱいを指定 */
  height: 1px;      /* 適度な太さを指定 */
  display: block; /* 高さを持たせるためにinline-blockを指定 */
  background: #333; /* 線の色を指定 */
  border-radius: 2px;    /* 線の端を丸くしたいなら指定する */
  position: absolute;    /* 相対位置に指定 */
  top: 3.5px;           /* 表示位置を上から0pxに指定 */
  left: 0;          /* 表示位置を左から0pxに指定 */
}

.popupOriginalCloseButton .buttonInnerWrap::before {
  transform: rotate(45deg); /* 時計回りに45度回転させる */
}
.popupOriginalCloseButton .buttonInnerWrap::after {
  transform: rotate(-45deg); /* 反時計回りに45度回転させる */
}