@charset "uft-8";

/* leafletページ用スタイルシート */

    /*赤四角のアイコンのCSS  */
    .icon_s1 {
      width: 10px !important;
      height: 10px !important;
      border-radius: 2.5px;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      background-color: rgb(255, 0, 0);
    }
    /*青四角のアイコンのCSS  */
    .icon_s2 {
      width: 10px !important;
      height: 10px !important;
      border-radius: 2.5px;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      background-color: rgb(0, 0, 255);
    }
    /*緑四角のアイコンのCSS  */
    .icon_s3 {
      width: 10px !important;
      height: 10px !important;
      border-radius: 2.5px;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      background-color: rgb(0, 255, 0);
    }
    /*赤丸のアイコンのCSS  */
    .icon_c1 {
      width: 8px !important;
      height: 8px !important;
      border-radius: 50%;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      background-color: rgb(255, 0, 0);
      }
    /*青丸のアイコンのCSS  */
    .icon_c2 {
      width: 8px !important;
      height: 8px !important;
      border-radius: 50%;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      background-color: rgb(0, 0, 255);
      }
    /*緑丸のアイコンのCSS  */
    .icon_c3 {
      width: 8px !important;
      height: 8px !important;
      border-radius: 50%;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      background-color: rgb(0, 255, 0);
      }
     /*ドロップ型アイコンのCSS  */     
     .raindrop-solid.icon {
       width: 10px;
       height: 10px;
       background-color: currentColor;
       border: solid 1px currentColor;
       border-radius: 6px 6px 6px 0;
       -webkit-transform: rotate(135deg);
               transform: rotate(135deg);
     }

    /*経緯度線白色  */
    .grid_textStyle_W {
      color: #FFFFFF !important;
      font: 12px arial, sans-serif !important;
      width: 80px !important;
    }
    .grid_textStyle_W1 {
      color: #FFFFFF !important;
      font: 12px arial, sans-serif !important;
      width: 80px !important;
    }
    /*経緯度線黒色  */
    .grid_textStyle_B {
      color: #000000 !important;
      font: 12px arial, sans-serif !important;
      width: 80px !important;
    }
    .grid_textStyle_B1 {
      color: #000000 !important;
      font: 12px arial, sans-serif !important;
      width: 80px !important;
    }
    /*凡例関係  */
    .info {
      padding: 10px 8px;
      font: 12px/12px Arial, Helvetica, sans-serif;
      background: white;
      background: rgba(255,255,255,0.8);
      box-shadow: 0 0 15px rgba(0,0,0,0.2);
      border-radius: 5px;
    }
    .info h4 { margin: 0 0 5px; color: #777; }
    .legend { text-align: left; line-height: 15px; color: #555; }
    .legend i {
      width: 10px !important;
      height: 10px !important;
      border-radius: 2.5px;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      float: left; margin-right: 8px;
      opacity: 0.7;
    }
    .legend1 { text-align: left; line-height: 15px; color: #555; }
    .legend1 i {
      width: 8px !important;
      height: 8px !important;
      border-radius: 50%;
      border: 1px solid #000000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
      float: left; margin-right: 8px;
      opacity: 0.7;
    }