.ol-popup {
      display: none;
      position: absolute;
      background-color: white;
      /* -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2); */
      -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
      filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
      /* padding: 15px; */
      padding: 0px;
      border-radius: 4px;
      border: 0px solid #000000;
      bottom: 26px;
      left: -50px;
      pointer-events: auto;
      cursor: pointer;
    }

    .ol-popup:after, .ol-popup:before {
      top: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: auto;
      cursor: pointer;
    }
    .ol-popup:after {
      border-top-color: white;
      border-width: 24px;
      left: 36px;
      margin-left: -10px;
    }
    .ol-popup:before {
      border-top-color: #cccccc;
      border-width: 24px;
      left: 36px;
      margin-left: -10px;
    }


    .ol-popup-closer {
      text-decoration: none;
      font-size:1.70em;
      position: absolute;
      top: -3px;
      right: 3px;
      color:#000000;
    }
    .ol-popup-closer:after {
      content: "";
      color:#e5e5e5;
    }


    .ol-popup-closer {
      text-decoration: none;
      /*font-size:3.70em; 200327変更*/
      font-size:2.70em;
      position: absolute;
      /*top: -22px; 200327変更*/
      top: -10px;
      right: 3px;
      color:#000000;
    }
    .ol-popup-closer:after {
      content: "×";
      color:#e5e5e5;
    }

    .ol-attribution ul{
        margin:0;
        padding:0 .5em;
        font-size:0.75em;
        line-height:1.375em;
        color:#000;
        text-shadow:0 0 2px #fff;
        max-width:calc(100%)
    }