/* 計測高さの凡例 */
.measuredHeight1 { width: 10px; height: 10px; background: rgb(127,  59,   8);}
.measuredHeight2 { width: 10px; height: 10px; background: rgb(198, 106,  11);}
.measuredHeight3 { width: 10px; height: 10px; background: rgb(248, 176,  87);}
.measuredHeight4 { width: 10px; height: 10px; background: rgb(252, 230, 200);}
.measuredHeight5 { width: 10px; height: 10px; background: rgb(224, 226, 238);}
.measuredHeight6 { width: 10px; height: 10px; background: rgb(170, 162, 204);}
.measuredHeight7 { width: 10px; height: 10px; background: rgb(102,  71, 151);}
.measuredHeight8 { width: 10px; height: 10px; background: rgba(45, 0, 75, 0.5);}

/* 建物用途の凡例 */
.usage1 { width: 10px; height: 10px; background: rgb(239, 134,  91);}
.usage2 { width: 10px; height: 10px; background: rgb(235,  85,  40);}
.usage3 { width: 10px; height: 10px; background: rgb(255, 255,  84);}
.usage4 { width: 10px; height: 10px; background: rgb(235,  85,  40);}
.usage5 { width: 10px; height: 10px; background: rgb(103, 202,  77);}
.usage6 { width: 10px; height: 10px; background: rgb(117, 251, 141);}
.usage7 { width: 10px; height: 10px; background: rgb(117, 251, 253);}
.usage8 { width: 10px; height: 10px; background: rgb(117, 251, 253);}
.usage9 { width: 10px; height: 10px; background: rgb(117, 251, 253);}
.usage10{ width: 10px; height: 10px; background: rgb( 74, 104, 217);}
.usage11{ width: 10px; height: 10px; background: rgb(  0,   0, 245);}
.usage12 {width: 10px; height: 10px; background: rgb(141, 113, 212);}
.usage13 {width: 10px; height: 10px; background: rgb(151, 204, 246);}
.usage14 {width: 10px; height: 10px; background: rgb( 55, 126,  33);}
.usage15 {width: 10px; height: 10px; background: rgb(130,  73,  32);}
.usage16 {width: 10px; height: 10px; background: rgb(163,  49,  42);}
.usage17 {width: 10px; height: 10px; background: rgb(212, 192, 214);}
.usage18 {width: 10px; height: 10px; background: rgb(230, 230, 248);}

/* 標高の凡例 */
.zmin1 { width: 10px; height: 10px; background: rgb(150,   0, 150);}
.zmin2 { width: 10px; height: 10px; background: rgb(180,   0, 180);}
.zmin3 { width: 10px; height: 10px; background: rgb(200,   0, 100);}
.zmin4 { width: 10px; height: 10px; background: rgb(220,   0,  50);}
.zmin5 { width: 10px; height: 10px; background: rgb(255,  50,  50);}
.zmin6 { width: 10px; height: 10px; background: rgb(255, 100,   0);}
.zmin7 { width: 10px; height: 10px; background: rgb(255, 150,   0);}
.zmin8 { width: 10px; height: 10px; background: rgb(255, 200,   0);}
.zmin9 { width: 10px; height: 10px; background: rgb(220, 240,   80);}
.zmin10 { width: 10px; height: 10px; background: rgb(180, 255, 100);}
.zmin11 { width: 10px; height: 10px; background: rgb(180, 255, 180);}

/* 震度（地上階）の凡例 */
.ijma0 { width: 10px; height: 10px; background: rgba(255, 255, 255, 0);}
.ijma1 { width: 10px; height: 10px; background: rgb(242, 242, 255);}
.ijma2 { width: 10px; height: 10px; background: rgb(  0, 170, 255);}
.ijma3 { width: 10px; height: 10px; background: rgb(  0,  65, 255);}
.ijma4 { width: 10px; height: 10px; background: rgb(255, 230, 150);}
.ijma5w{ width: 10px; height: 10px; background: rgb(255, 230,   0);}
.ijma5s{ width: 10px; height: 10px; background: rgb(255, 153,   0);}
.ijma6w{ width: 10px; height: 10px; background: rgb(255,  40,   0);}
.ijma6s{ width: 10px; height: 10px; background: rgb(165,   0,  33);}
.ijma7 { width: 10px; height: 10px; background: rgb(180,   0, 104);}

/* 最大層間変形角の凡例 */
.ida1 { width: 10px; height: 10px; background: rgb(  0,  10, 112);}
.ida2 { width: 10px; height: 10px; background: rgb(  6,  94, 249);}
.ida3 { width: 10px; height: 10px; background: rgb( 80, 200, 200);}
.ida4 { width: 10px; height: 10px; background: rgb(140, 255, 100);}
.ida5 { width: 10px; height: 10px; background: rgb(255, 235,  66);}
.ida6 { width: 10px; height: 10px; background: rgb(244, 113,  37);}
.ida7 { width: 10px; height: 10px; background: rgb(255,  50,  25);}

/* 最大地動加速度PGAの凡例 */
.pga1 { width: 10px; height: 10px; background: rgb(  0,  10, 112);}
.pga2 { width: 10px; height: 10px; background: rgb(  6,  94, 249);}
.pga3 { width: 10px; height: 10px; background: rgb( 80, 200, 200);}
.pga4 { width: 10px; height: 10px; background: rgb(140, 255, 100);}
.pga5 { width: 10px; height: 10px; background: rgb(255, 235,  66);}
.pga6 { width: 10px; height: 10px; background: rgb(244, 113,  37);}
.pga7 { width: 10px; height: 10px; background: rgb(255,  50,  25);}

/* 構造種別の凡例 */
.typeRC { width: 10px; height: 10px; background: rgb(127, 128, 118);}
.typeS  { width: 10px; height: 10px; background: rgb(124,  28,   1);}
.typeW  { width: 10px; height: 10px; background: rgb(177, 143,  97);}
.typeEtc{ width: 10px; height: 10px; background: rgb(255, 255, 255);}

/* 最大床加速度の凡例 */
.pfa1 { width: 10px; height: 10px; background: rgb(  0,  10, 112);}
.pfa2 { width: 10px; height: 10px; background: rgb(  6 , 94, 249);}
.pfa3 { width: 10px; height: 10px; background: rgb( 80, 200, 200);}
.pfa4 { width: 10px; height: 10px; background: rgb(140, 255, 100);}
.pfa5 { width: 10px; height: 10px; background: rgb(255, 235,  66);}
.pfa6 { width: 10px; height: 10px; background: rgb(244, 113,  37);}
.pfa7 { width: 10px; height: 10px; background: rgb(255,  50,  25);}

/* 被害度の凡例 */
.di1 { width: 10px; height: 10px; background: rgb(  0,  10, 112);}
.di2 { width: 10px; height: 10px; background: rgb(140, 255, 100);}
.di3 { width: 10px; height: 10px; background: rgb(255, 235,  66);}
.di4 { width: 10px; height: 10px; background: rgb(244, 113,  37);}
.di5 { width: 10px; height: 10px; background: rgb(255,  50,  25);}

/* Vs30の凡例 */
.vs1 { width: 10px; height: 10px; background: rgb(255,  50,  25);}
.vs2 { width: 10px; height: 10px; background: rgb(244, 113,  37);}
.vs3 { width: 10px; height: 10px; background: rgb(255, 235,  66);}
.vs4 { width: 10px; height: 10px; background: rgb(140, 255, 100);}
.vs5 { width: 10px; height: 10px; background: rgb( 80, 200, 200);}
.vs6 { width: 10px; height: 10px; background: rgb(  6,  94, 249);}
.vs7 { width: 10px; height: 10px; background: rgb(  0,  10, 112);}
.vs8 { width: 10px; height: 10px; background: rgb(255,   0, 255);}

/* 浸水の凡例 */
.flood1 { width: 15px; height: 10px; background: rgb(255, 255, 188);}
.flood2 { width: 15px; height: 10px; background: rgb(247, 245, 178);}
.flood3 { width: 15px; height: 10px; background: rgb(244, 226, 173);}
.flood4 { width: 15px; height: 10px; background: rgb(249, 217, 195);}
.flood5 { width: 15px; height: 10px; background: rgb(244, 186, 185);}
.flood6 { width: 15px; height: 10px; background: rgb(240, 150, 148);}
.flood7 { width: 15px; height: 10px; background: rgb(228, 139, 198);}
.flood8 { width: 15px; height: 10px; background: rgb(207, 127, 215);}

/* 津波の凡例 */
/*https://www.mlit.go.jp/river/basic_info/jigyo_keikaku/saigai/tisiki/hazardmap/suigai_hazardmap_tebiki_3.pdf*/
.tsunami1 { width: 15px; height: 10px; background: rgb(247, 245, 169);}
.tsunami2 { width: 15px; height: 10px; background: rgb(255, 216, 192);}
.tsunami3 { width: 15px; height: 10px; background: rgb(255, 183, 183);}
.tsunami4 { width: 15px; height: 10px; background: rgb(255, 145, 145);}
.tsunami5 { width: 15px; height: 10px; background: rgb(242, 133, 201);}
.tsunami6 { width: 15px; height: 10px; background: rgb(220, 122, 220);}

/* 急傾斜地の崩壊の凡例 */
.kyukeisha1 { width: 15px; height: 10px; background: rgb(252, 237, 106);}
.kyukeisha2 { width: 15px; height: 10px; background: rgb(233, 133,  86);}

/* 土石流の凡例 */
.dosekiryu1 { width: 15px; height: 10px; background: rgb(233, 217, 126);}
.dosekiryu2 { width: 15px; height: 10px; background: rgb(175,  82, 98);}

/* 地すべりの凡例 */
.jisuberi1 { width: 15px; height: 10px; background: rgb(244, 186,  96);}
.jisuberi2 { width: 15px; height: 10px; background: rgb(187,  84, 146);}

/* 震源深さの凡例 */
.depth1 { width: 15px; height: 10px; background: rgb(120,  21,  13);}
.depth2 { width: 15px; height: 10px; background: rgb(230,  50,  35);}
.depth3 { width: 15px; height: 10px; background: rgb(239, 143,  53);}
.depth4 { width: 15px; height: 10px; background: rgb(254, 251,  83);}
.depth5 { width: 15px; height: 10px; background: rgb(255, 255,  84);}
.depth6 { width: 15px; height: 10px; background: rgb( 58, 130,  35);}
.depth7 { width: 15px; height: 10px; background: rgb( 69, 143, 242);}
.depth8 { width: 15px; height: 10px; background: rgb(  2,   5, 137);}

/* 土地条件の凡例 */
.tochi1 { width: 15px; height: 10px; background: rgb(157, 223, 137);}
.tochi2 { width: 15px; height: 10px; background: rgb(186, 118, 220);}
.tochi3 { width: 15px; height: 10px; background: rgb(215, 141, 221);}
.tochi4 { width: 15px; height: 10px; background: rgb(220, 195, 251);}
.tochi5 { width: 15px; height: 10px; background: rgb(244, 169, 129);}
.tochi6 { width: 15px; height: 10px; background: rgb(247, 197, 147);}
.tochi7 { width: 15px; height: 10px; background: rgb(247, 197, 195);}
.tochi8 { width: 15px; height: 10px; background: rgb(194, 194, 167);}
.tochi9 { width: 15px; height: 10px; background: rgb(224, 224, 151);}
.tochi10{ width: 15px; height: 10px; background: rgb(255, 255, 153);}
.tochi11{ width: 15px; height: 10px; background: rgb(231, 254, 151);}
.tochi12{ width: 15px; height: 10px; background: rgb(250, 226, 198);}
.tochi13{ width: 15px; height: 10px; background: rgb(232, 213, 187);}
.tochi14{ width: 15px; height: 10px; background: rgb(208, 253, 227);}
.tochi15{ width: 15px; height: 10px; background: rgb(208, 253, 254);}
.tochi16{ width: 15px; height: 10px; background: rgb(151, 193, 166);}
.tochi17{ width: 15px; height: 10px; background: rgb(140, 162, 136);}
.tochi18{ width: 15px; height: 10px; background: rgb(163, 163, 192);}
.tochi19{ width: 15px; height: 10px; background: rgb(170, 193, 222);}
.tochi20{ width: 15px; height: 10px; background: rgb(179, 223, 252);}
.tochi21{ width: 15px; height: 10px; background: rgb(127, 162, 250);}

/* 津波浸水範囲の凡例 */
.h23tsunami { width: 15px; height: 10px; background: rgb(66, 82, 254);}

/* 活断層の凡例 */
.faultS { width: 15px; height: 10px; background: #ff0000;}
.faultA { width: 15px; height: 10px; background: #f8e600;}
.faultZ { width: 15px; height: 10px; background: #fbfbbd;}
.faultX { width: 15px; height: 10px; background: #c7c7c7;}

/* 微地形区分の凡例 */
.bichikei1{ width: 15px; height: 10px; background: rgb(150,  84,  28);}
.bichikei2{ width: 15px; height: 10px; background: rgb(123,  97,  29);}
.bichikei3{ width: 15px; height: 10px; background: rgb( 80,  80,  20);}
.bichikei4{ width: 15px; height: 10px; background: rgb(232,  51,  35);}
.bichikei5{ width: 15px; height: 10px; background: rgb(241, 164, 162);}
.bichikei6{ width: 15px; height: 10px; background: rgb(233,  51, 246);}
.bichikei7{ width: 15px; height: 10px; background: rgb(235, 100,  54);}
.bichikei8{ width: 15px; height: 10px; background: rgb(240, 157,  73);}
.bichikei9{ width: 15px; height: 10px; background: rgb(244, 194, 137);}
.bichikei10{ width: 15px; height: 10px; background: rgb(214, 253, 144);}
.bichikei11{ width: 15px; height: 10px; background: rgb(166, 237,  74);}
.bichikei12{ width: 15px; height: 10px; background: rgb(254, 254, 213);}
.bichikei13{ width: 15px; height: 10px; background: rgb(116, 250, 141);}
.bichikei14{ width: 15px; height: 10px; background: rgb(  0,   0, 245);}
.bichikei15{ width: 15px; height: 10px; background: rgb(181, 252, 253);}
.bichikei16{ width: 15px; height: 10px; background: rgb(247, 210,  93);}
.bichikei17{ width: 15px; height: 10px; background: rgb(255, 255,  84);}
.bichikei18{ width: 15px; height: 10px; background: rgb(176, 176,  56);}
.bichikei19{ width: 15px; height: 10px; background: rgb(200, 162, 248);}
.bichikei20{ width: 15px; height: 10px; background: rgb(144, 144, 247);}
.bichikei21{ width: 15px; height: 10px; background: rgb(112, 112, 112);}
.bichikei22{ width: 15px; height: 10px; background: rgb(176, 176, 176);}
.bichikei23{ width: 15px; height: 10px; background: rgb( 76, 168, 248);}
.bichikei24{ width: 15px; height: 10px; background: rgb(224, 224, 224);}

/**/
.intensity-label-1 {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #333;
    background-color: #f2f2ff;
/*    font-size: 0.7em;*/  /* 親要素のフォントサイズの75% */
    font-size: smaller
}
.intensity-label-2 {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #333;
    background-color: #00aaff;
    font-size: smaller
}
.intensity-label-3 {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #fff;
    background-color: #0041ff;
    font-size: smaller
}
.intensity-label-4 {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #333;
    background-color: #fae696;
    font-size: smaller
}
.intensity-label-5-, .intensity-label-5 {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #333;
    background-color: #ffe600;
    font-size: smaller
}
.intensity-label-5\+ {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #333;
    background-color: #ff9900;
    font-size: smaller
}
.intensity-label-6-, .intensity-label-6 {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #fff;
    background-color: #ff2800;
    font-size: smaller
}
.intensity-label-6\+ {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #fff;
    background-color: #a50021;
    font-size: smaller
}
.intensity-label-7 {
    padding: 2px 4px 2px 4px;
    border-radius: 10px;
    color: #fff;
    background-color: #b40068;
    font-size: smaller
}
.earthquake-name {
/*	font-weight: bold;*/
    color: #ffffff9f;
}

/*J-SHISカラーパレットファイル：　https://www.j-shis.bosai.go.jp/cpt-file*/
/* 確率論的地震動予測地図（確率）*/
.jshisprb1 { width: 15px; height: 10px; background: rgb(248, 231, 160);} /* 0-0.1%*/
.jshisprb2 { width: 15px; height: 10px; background: rgb(251, 231,  77);} /* 0.1-0.3%*/
.jshisprb3 { width: 15px; height: 10px; background: rgb(241, 159,  56);} /* 3-6%*/
.jshisprb4 { width: 15px; height: 10px; background: rgb(234,  66,  37);} /* 6-26%*/
.jshisprb5 { width: 15px; height: 10px; background: rgb(165,  33, 103);} /* 26-100%*/

/* 確率論的地震動予測地図（計測震度）*/
.jshisint3 { width: 15px; height: 10px; background: rgb( 76, 167, 248);} /* 震度3以下%*/
.jshisint4 { width: 15px; height: 10px; background: rgb(247, 231, 160);} /* 4*/
.jshisint5w { width: 15px; height: 10px; background: rgb(251, 231, 77);} /* 5弱*/
.jshisint5s { width: 15px; height: 10px; background: rgb(241, 158, 56);} /* 5強%*/
.jshisint6w { width: 15px; height: 10px; background: rgb(234,  66, 37);} /* 6弱*/
.jshisint6s { width: 15px; height: 10px; background: rgb(151,  29,  39);} /* 6強*/
.jshisint7 { width: 15px; height: 10px; background: rgb(165,  33, 102);} /* 7*/

/* 地盤増幅率 */
.arv1 { width: 15px; height: 10px; background: rgb( 25,  64, 244);} /* 0.8以下*/
.arv2 { width: 15px; height: 10px; background: rgb(247, 230, 160);} /* 0.8-1.0*/
.arv3 { width: 15px; height: 10px; background: rgb(251, 231,  77);} /* 1.0-1.2*/
.arv4 { width: 15px; height: 10px; background: rgb(241, 158,  56);} /* 1.2-1.4*/
.arv5 { width: 15px; height: 10px; background: rgb(234,  65,  37);} /* 1.4-1.8*/
.arv6 { width: 15px; height: 10px; background: rgb(151,  29,  39);} /* 1.8-2.3*/
.arv7 { width: 15px; height: 10px; background: rgb(165,  33, 102);} /* 2.3以上*/

/* AVS30 */
.avs1 { width: 15px; height: 10px; background: rgb(162,  32,  21);} /* 50 m/s*/
.avs2 { width: 15px; height: 10px; background: rgb(222,  48,  33);} /* 120 */
.avs3 { width: 15px; height: 10px; background: rgb(233,  79,  39);} /* 160 */
.avs4 { width: 15px; height: 10px; background: rgb(236, 147,  53);} /* 200 */
.avs5 { width: 15px; height: 10px; background: rgb(247, 220,  74);} /* 250 */
.avs6 { width: 15px; height: 10px; background: rgb(255, 255,  84);} /* 300 */
.avs7 { width: 15px; height: 10px; background: rgb(211, 255,  82);} /* 400 */
.avs8 { width: 15px; height: 10px; background: rgb(128, 247,  88);} /* 500 */
.avs9 { width: 15px; height: 10px; background: rgb( 97, 211, 140);} /* 700 */
.avs10 { width: 15px; height: 10px; background: rgb( 21,  79, 235);} /* 1000 */
.avs11 { width: 15px; height: 10px; background: rgb(  1,   5, 201);} /* 3000*/