/*
 * main.css
 * copyright (c) HCC 2014
 */
 
/* main tags */
html, 
body {
    font-family:arial,helvetica,sans-serif;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	/* overflow: hidden !important; */
	background-color: #FFFFFF;

}

#mapBody {
  position:fixed!important;

}

/* loading */
#loading {
	width:100%;
	height:100%;
	padding-top:10em;
	text-align:center;
	cursor:wait;
}

/* container */
.container-fluid {
}

.scrollbox::-webkit-scrollbar-button {
  display:none;
}



.table {
	/* margin-bottom: 5em; */
}

#findPanel {
/*
	padding-bottom: 5em;
	margin-bottom: 5em;
*/
}

/*　mainMap */
#mainMap {
	border: 1px solid #333333;
	width: 100%;
	height: 100%;
}

/* subPanel */
#subPanel {
	overflow:auto;
	/*padding-top: 10px;*/
	border: 1px solid #333333;
	width: 100%;
	/* height: 100%; */
  /* padding-bottom: 4em; */
}


#overTable {
  margin-bottom: 2em;
}

/* for Popup */
#popup {
  width: 28em;
  max-width: 40vw;
}
@media (max-width: 767px) {
  #popup { max-width: 80vw; }
}
#popup-content {
  /* width:340px!important; */
}


table.popup {
  background-color:#fcfcfc;
  margin: 2px 2px 2px 2px;
}

td.popup {
  white-space:nowrap;
  border:1px solid #c0c0c0;
  background-color:#FFFDFB;
  /*font-size:90%; */
  padding: 0px 5px 0px 5px;
  width: 100%;
  /* white-space:normal;  */
  white-space:normal;
}

td.popup_null {
  white-space:nowrap;
  border:1px solid #c0c0c0;
  text-align:left;
}

td.popup_img {
  white-space:nowrap;
  padding: 0px 4px 0px 2px;
}

th.popup {
  /*font-weight:bold;*/
  white-space:nowrap; 
  border:1px solid #c0c0c0;
  background-color:#F1FFC8;
  /*padding-right:1em;*/
  /* font-size:90%; */
  vertical-align:top;
  width: 120px;
  padding: 0px 2px 0px 2px;
} 

th.popup_title {
  font-weight:bold;
  /* white-space:nowrap;  */
  /*border:1px solid #c0c0c0;*/
  /*background-color:#F1FFC8;*/
  /*padding-right:1em;*/
  font-size:100%;
  vertical-align:top;
  padding: 5px 5px 5px 5px;
} 

.barcode {
  width: 150px;
}

/* for SubPanel */
table.SubPanel {
  background-color:#ffffff;
  border:1px solid #c0c0c0;
  margin: 1% 1% 1% 1%;
  width: 98%;
}

th.SubPanel {
  background-color:#F5DEB3;
  border:1px solid #c0c0c0;
  padding: 2px 2px 2px 2px;
}


td.SubPanel {
  padding: 2px 2px 2px 2px;
}

.divLegend {
  padding-bottom:3em;
}

table.Legend {
  background-color:#ffffff;
  border: none!important;
  /* margin: 1% 1% 1% 1%; */
  margin-right:auto;
  margin-left:auto;
  margin-bottom:2em;
}

table.legend_kasen {
  margin-right:auto;
  margin-left:auto;
  margin-bottom:2em;
  margin-top:2em;
}

table.legend_kasen th {
  border:1px solid #0086d1;
  color: #ffffff;
  background-color:#0086d1;
  text-align:center;
  
}

table.legend_kasen td {
  border: 1px solid #030303;
  padding: 0.5em 3em!important;
}

#legend_contents_depth {
  margin: 1% 1% 1% 1%;
  width: 98%;
}

#second_panel_name {
  padding-left:0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
}

.legendItem {
  width: 100%;
  padding: 1em;
}
/*
.divLegend {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 1em;
}

.legendItem {
  width: 100%;
}
@media (min-width: 767px) {
  .legendItem { width: calc(50% - 5px); }
}

.legendItem img {
  max-width: 100%;
  height: auto;
  display: block;
}

*/
/* for layer_switcher */

.lwTbl {
	/* margin:16px 0; */
	/* table-layout:fixed; */
	width:100%;
}

.lwTbl table {
	margin:10px 10px 0 0;
	overflow:scroll;
}

.lwTbl tr {
	padding:5px 10px 5px 10px;
	/* cursor:pointer; */
	border:1px #aaaaaa solid;
	vertical-align:center;
	background-color:#FFFDFB;
}

.lwTbl tr.top {
	/* display: block; */
	border-width:2;
	color: #800000;
	background: #F5DEB3;
}

.lwTbl tr.head {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	/* border:1px #444444 solid; */
	vertical-align:center;
	background-color:#F1FFC8;
}

.lwTbl th {
	width:5%;
	padding:2px 2px 2px 2px;

}

.lwTbl td.img {
	width:5%;
	padding:2px 2px 2px 2px;
}

.lwTbl td.disp {
	padding:5px 10px 5px 10px;
  word-break:keep-all;
}

.no-break {
  display: inline-block;
}


.layerSwitcher-layer-checkbox{
  cursor:pointer;
}


.layerSwitcher-layer-checkbox-button {
  cursor:pointer;
  width:100%;
  margin:0;
}

/* for trac */
.tracTbl {
	margin:16px 0;
	width:100%;
	table-layout:fixed;
}

.tracTbl table {
	margin:10px 10px 0 0;
	overflow:scroll;
}

.tracTbl tr {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	border:1px #aaaaaa solid;
	vertical-align:center;
	background-color:#FFFDFB;
}

.tracTbl tr.top {
	/* display: block; */
	border-width:2;
	color: #800000;
	background: #F5DEB3;
}

.tracTbl tr.head {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	/* border:1px #444444 solid; */
	vertical-align:center;
	background-color:#F1FFC8;
}

.tracTbl th {
	width:5%;
	padding:2px 2px 2px 2px;

}

.tracTbl td.img {
	width:5%;
	padding:2px 2px 2px 2px;
}

.tracTbl td.disp {
	padding:5px 10px 5px 10px;
}

.hinantitle {
  font-weight:bold;
  white-space:nowrap; 
  font-size:120%;
  vertical-align:top;
  padding:0em 5px 0em 5px ;
}

.hinandesc {
  font-weight:bold;
  white-space:nowrap; 
  font-size:90%;
  vertical-align:top;
  padding:0em 5px  0em 5px ;
}


.off1 { width: 2em; white-space: nowrap; text-align:center;}

.off2 { width: 14em; white-space: nowrap; text-align:left;}
.off3 { width: 10em; white-space: nowrap; text-align:left;}
.off4 { width: 6em; white-space: nowrap; text-align:left;}
.off5 { width: 6em; white-space: nowrap; text-align:left;}
.off6 { width: 6em; white-space: nowrap; text-align:center;}
.off7 { width: 6em; white-space: nowrap; text-align:center;}
.off8 { width: 6em; white-space: nowrap; text-align:center;}
.off9 { width: 6em; white-space: nowrap; text-align:center;}

.list-id { width: 3em!important; max-width: 3em!important; min-width: 3em!important; white-space: nowrap; text-align:center;}
/* .list-name { width: 12em; text-align:left;  } */
/* .list-name-fukushi { width: 24em; text-align:left; word-break:keep-all; } */
.list-name { width: 15em; text-align:left; word-break:keep-all;  } */
.list-name-fukushi { width: 15em; text-align:left; word-break:keep-all; }
.list-address { width: 20em; text-align:left; word-break: keep-all; }
.list-target { width: 10em; text-align:left;}
.list-telno { width: 7em; text-align:left; white-space: nowrap; }
.list-hyoko { width: 5em; text-align:center; white-space: nowrap;}
/* スマホのリスト幅調整 */
@media (max-width: 767px) {
  .list-name-fukushi { width: 24em; text-align:left; word-break:normal }
  .list-address { width: 12em; text-align:left; word-break: normal; }
}


.marusu_shitei {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
  background: #0d7a60;
  font-size: 14px;
  color: white;
  display: inline-block;
}

.popup .marusu_shitei {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 12px;
}

.popup .marusu_ichiji {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 12px;
}

/*対応災害*/
.saigai_tbl{
  background: #ffffff;
}

#dummy {
  display:none;
}

#infoHinanjoShitei,
#infoHinanjoIchiji {
  display:none;
}

#infoHinanjoShitei li,
#infoHinanjoIchiji li{
  list-style: none;
}

#infoKome1,
#infoKome2 {
  display:none;
}


#titleText {
  padding-left:1em; 
  font-size: 1.3em;
  font-weight: bold;
}
@media (max-width: 767px) {
    #titleText {
/*    font-size: 12px !important; */
      font-size: 1.0em;
    }
}

.legendCellCenter {
  text-align: center!important;
}

.legendCellLeft {
  text-align: left!important;
}

.legend_text_header {
  padding: 0.5em;
  margin: 0px 1em;
  border: 1px solid #2D2D2D;
  background-color:#2D2D2D;
  color:#FFFFFF;
  text-align: center;
  font-size:1.2em;
}

.legend_text_body {
  margin: 0px 1.5em;
}

/* 以下は印刷画面に必要 */

._basicCotainer {
    position: absolute;
    z-index: 999999;
    background: #ffffff;
    top: 0px;
    left: 0px;

    width:100%;
    height:100%;
    overflow:auto;
}

._printMapPanel {
    border: 1px solid #555555;
    background: #000000;
    margin-top: 3px;
    margin-left: 20px;
    width:100%;
    height:100%;
    overflow:hidden;

    /* 2022/03/04 */
    position:relative;
}

span.print-title {
    margin-left: 1em;
    font-weight: bold;
    font-size: 1.2em;
}
.print_btn {
    margin: 1em;
}

@media print {
    .no_print {
        display: none;
    }

    .dummy {
        display: none;
    }

}

@media screen {
    .only_print {
        display: none;
    }
}

@media print {
  @page {
  size: auto!important; 
  }
}

/*58202_S*/
/*画面右下の表示系*/
.sinsui_rank{
  bottom: 60px;
  right: 50px !important;
  font-size: 13px;
}

.center_explanation{
  bottom: 10px;
  right: 50px !important;
  font-size: 13px;
}

@media  (max-width: 768px/*1460px*/) {
.sinsui_rank{
  background: rgba(237, 237, 237, 0.8)!important;
}
}

/*計算用の項目を非表示*/
#lon {
  display:none;
}

#lat {
  display:none;
}

#sinsuiall_chk {
  display:none;
}

#sinsui_chk {
  display:none;
}

#sinsuikyoden_chk {
  display:none;
}

#sinsuiaizawa_chk {
  display:none;
}

#sinsuitatiyazawa_chk {
  display:none;
}


#rgb_sin{
  display:none;
}

#shobokei {
  visibility: hidden;
}

/* findlist Panel */
/*
tr.findlist-header_fixed > th.head {
  background-color: #dbdbdb;
  color: #000000;
}
*/

.findlist-head {
  vertical-align:middle!important;
  text-align:center!important;
}

.findlist_records {
  cursor:pointer;
}

.findlist-head.bousai1,
.findlist-head.bousai1,
.findlist-head.bousai3,
.findlist-head.bousai4,
.findlist-head.bousai5,
.findlist-head.bousai6
{
  writing-mode: vertical-lr;
}

/*findlist ヘッダー スクロール固定*/

 tr.findlist-header_fixed th {
  padding: 0.3em 0.5em;
    /* スクロール固定 */ 
    position: -webkit-sticky;
    position: sticky; 
    top: 0rem;
    background-color: #dbdbdb;
    color: #000000;
}

 tr.findlist-header_fixed th:before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
}