/* leg.css */

/* leg-cont */
.leg-cont {
    width: auto;
    text-align: center;
}
.leg-cont h4 {
    font-size:18px;
    color: #fff;
    line-height: 2.6;
    background-color: #29b25d;
    border-radius: 12px 12px 0 0;
}
.leg-cont h5 {
    font-size:18px;
    line-height: 2.6;
}
.leg-cont h6 {
    font-size: 16px;
    line-height: 1.3;
    margin-top: 2em;
}
.leg-cont dl {
    display:flex;
    margin:0 8px;
    padding:2px;
}
.leg-cont dt {
    display: flex;
    padding: 6px 0 6px 12px;

}
.leg-cont dd {
    width: 60px;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.leg-cont p {
    line-height: 1.2;
    text-align: left;
    padding: 1em;
    color: #777;

}
.leg-cont img {
    width:100%;

}
dl.leg-figure {
    margin-top:1em;
    width:240px;
}


/* tu tunami */
 #leg_tu dl dd {
   /* width:60px;*/
  }
 #leg_tu dt span {
    width: 45px;
  }
  
.leg-tu-inf {
	background-color: rgb(219,152,183);
}
.leg-tu-20 {
	background-color: rgb(236,163,174);
}
.leg-tu-10 {
	background-color: rgb(254,146,144);
}
.leg-tu-5 {
	background-color: rgb(255,182,183);
}
.leg-tu-3 {
	background-color: rgb(255,216,192);
}
.leg-tu-05 {
	background-color: rgb(247,245,170);
}

/* ko kozui */
.leg-ko-03 {background-color: rgb(255,255,179);}
.leg-ko-05 {background-color: rgb(247,245,170);}
.leg-ko-1 {background-color: rgb(248,225,166);}
.leg-ko-3 {background-color: rgb(255,216,192);}
.leg-ko-5 {background-color: rgb(255,183,183);}
.leg-ko-10 {background-color: rgb(255,145,145);}


/* ta tameike */
.leg-ta-05 {background-color: rgb(127,191,255);}
.leg-ta-1 {background-color: rgb(191,127,255);}
.leg-ta-2 {background-color: rgb(127,255,127);}
.leg-ta-3 {background-color: rgb(255,255,127);}
.leg-ta-5 {background-color: rgb(255,191,127);}
.leg-ta-inf {background-color: rgb(255,127,127);}

/* na naisui */
.leg-na-gesui {background-color: rgb(255,255,255);border:2px solid black;}
.leg-na-7 {background-color: rgb(255 183 183 /.8);}
.leg-na-6 {background-color: rgb(255 183 183 /.8);}
.leg-na-5 {background-color: rgb(255 216 192 /.8);}
.leg-na-4 {background-color: rgb(248 225 166 /.8);}
.leg-na-3 {background-color: rgb(247 245 169 /.8);}
.leg-na-2 {background-color: rgb(255 255 179 /.8);}
.leg-na-1 {background-color: rgb(255 255 179 /.8);}

#leg_tako_onoff_cont {
    margin-bottom: 1.2em;
    text-align: center;
}
#leg_tako_onoff_cont label {
    border-radius: 2px;
    padding: 4px 11px;
    width: 124px;
    text-align: center;
    border: 1px solid #eee
}

/* si sinsui */
.leg-si-s34 {
	background-color: rgba(100,100,255,0.8);
}
.leg-si-s496 {
    border:2px solid #28ff28;
    background: repeating-linear-gradient(135deg, #28ff28, #28ff28 3px, #fff 3px, #fff 10px)       
}
.leg-si-s497 {
    border:2px solid #00ccff;
    background: repeating-linear-gradient(45deg, #00ccff, #00ccff 3px, #fff 3px, #fff 10px)       
}
.leg-si-s51 {
    border:2px solid #0000ff;
    background: repeating-linear-gradient(135deg, #0000ff, #0000ff 3px, #fff 3px, #fff 10px)       
}
.leg-si-h3 {
    border:2px solid #ff1493;
    background: repeating-linear-gradient(45deg, #ff1493, #ff1493 3px, #fff 3px, #fff 10px)       
}
.leg-si-h12 {
	background-color: rgba(100,255,100,0.8);
}


/* ji jisin */
:where(#leg_jisi,#leg_jiek) h4 {
    /*
    background-color: #8ec21f !important;
    */
 }
 :where(#leg_jisi,#leg_jiek) h5 {
/*
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 0.5em;*/
 }

 :where(#leg_jisi,#leg_jiek) dt {
    padding: 6px 18px;

}
 :where(#leg_jisi,#leg_jiek) dd {
    width:60px;
  }
 
  :where(#leg_jisi,#leg_jiek) dt span {
    width: 45px;
  }
  
.leg-jisi-7 {
	background-color: rgb(255,0,0);
}
.leg-jisi-6s {
	background-color: rgb(227,147,0);
}
.leg-jisi-6w {
	background-color: rgb(255,241,0);
}
.leg-jisi-5s {
	background-color: rgb(63,180,112);
}
.leg-jisi-5w {
	background-color: rgb(84,195,241);
}

.leg-jisi-5-3 {
	background-color: rgb(255,255,188);
}
.leg-jisi-5-4 {
	background-color: rgb(254,236,210);
}
.leg-jisi-5-5 {
	background-color: rgb(252,233,242);
}
.leg-jisi-5-6 {
	background-color: rgb(249,208,186);
}
.leg-jisi-5-7 {
	background-color: rgb(242,150,114);
}
.leg-jisi-5-8 {
	background-color: rgb(238,135,180);
}
.leg-jisi-5-9 {
	background-color: rgb(228,0,127);
}
.leg-jisi-6-0 {
	background-color: rgb(230,0,18);
}

.leg-jiek-vh {
	background-color: rgb(26,37,138);
}
.leg-jiek-h {
	background-color: rgb(0,102,169);
}
.leg-jiek-l {
	background-color: rgb(0,163,233);
}
.leg-jiek-vl {
	background-color: rgb(159,217,246);
}
.leg-jiek-no {
	background-color: rgb(230,244,253);
}
.leg-jiek-out {
    background-color: rgb(230,244,253);
}

/* do dosha */

.leg-6-1 {
	background-color: rgb(255,255,0);
}
.leg-6-2 {
	background-color: rgb(255,0,0);
}


.app-onoff-cont-sub dl dd {
    background-size: 32px;
}

.leg-aed {background-image: url(../../../map/img/aed.png);}
.leg-koikihinanbasho {background-image: url(../../../map/img/大地震広域避難場所.png);}
.leg-hinanjo {background-image: url(../../../map/img/避難所.png);}
.leg-hinanbasho {background-image: url(../../../map/img/一時避難場所.png);}
.leg-gyosei {background-image: url(../../../map/img/gyosei.png);}
.leg-hyoko10 {background-image: url(../../../map/img/hyoko10.png);}

.leg-0 {background-image: url(../../../map/img/0.png);}
.leg-1 {background-image: url(../../../map/img/1.png);}
.leg-2 {background-image: url(../../../map/img/2.png);}
.leg-3 {background-image: url(../../../map/img/3.png);}
.leg-4 {background-image: url(../../../map/img/4.png);}
.leg-5 {background-image: url(../../../map/img/5.png);}
.leg-6 {background-image: url(../../../map/img/6.png);}
.leg-7 {background-image: url(../../../map/img/7.png);}
.leg-8 {
    border: 2px solid rgb(112,160,255) !important;
    background-color: rgb(192,234,255);
}
.leg-9 {background-image: url(../../../map/img/9.png);}
.leg-10 {background-image: url(../../../map/img/10.png);}
.leg-11 {background-image: url(../../../map/img/11.png);}
.leg-12 {background-image: url(../../../map/img/12.png);}
.leg-13 {background-image: url(../../../map/img/13.png);}
.leg-14 {background-image: url(../../../map/img/14.png);}
.leg-15 {background-image: url(../../../map/img/15.png);}
.leg-16 {background-image: url(../../../map/img/16.png);}
.leg-17 {background-image: url(../../../map/img/17.png);}
.leg-18 {background-image: url(../../../map/img/18.png);}
.leg-19 {background-image: url(../../../map/img/19.png);}
.leg-20 {background-image: url(../../../map/img/20.png);}
.leg-21 {background-image: url(../../../map/img/21.png);}
.leg-22 {background-image: url(../../../map/img/22.png);}
.leg-23 {background-image: url(../../../map/img/23.png);}
.leg-24 {background-image: url(../../../map/img/24.png);}
.leg-25 {background-image: url(../../../map/img/25.png);}
.leg-26 {background-image: url(../../../map/img/26.png);}
.leg-27 {background-image: url(../../../map/img/27.png);}
.leg-28 {background-image: url(../../../map/img/28.png);}
.leg-29 {background-image: url(../../../map/img/29.png);}
.leg-30 {background-image: url(../../../map/img/30.png);}
.leg-31 {background-image: url(../../../map/img/31.png);}
.leg-32 {background-image: url(../../../map/img/32.png);}
.leg-33 {background-image: url(../../../map/img/33.png);}

.leg-3-1 {background-image: url(../../../map/img/3-1.png);}
.leg-3-2 {background-image: url(../../../map/img/3-2.png);}
.leg-3-3 {background-image: url(../../../map/img/3-3.png);}
.leg-3-4 {background-image: url(../../../map/img/3-4.png);}
.leg-3-5 {background-image: url(../../../map/img/3-5.png);}

.leg-4-1 {background-image: url(../../../map/img/4-1.png);}
.leg-4-2 {background-image: url(../../../map/img/4-2.png);}
.leg-4-3 {background-image: url(../../../map/img/4-3.png);}

.leg-9-1 {
    background-color: rgb(200,255,255);
}
.leg-9-2 {
    border: 2px solid rgb(3,174,210) !important;
    background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 5px, rgb(3,174,210) 5px, rgb(3,174,210) 6px);
}

.leg-19-1 {background-image: url(../../../map/img/19-1.png);}
.leg-19-2 {background-image: url(../../../map/img/19-2.png);}
.leg-19-3 {background-image: url(../../../map/img/19-3.png);}
.leg-19-4 {background-image: url(../../../map/img/19-4.png);}
.leg-19-5 {background-image: url(../../../map/img/19-5.png);}
.leg-19-6 {background-image: url(../../../map/img/19-6.png);}
