@media screen {
		  body {
		    background: #eee; }
		  
		  .container {
			    max-width: 100%;}
		}

	      [v-cloak] {
	        display: none /* テンプレートの{{}}を非表示にする */
	      }

		.map { height: 800px } /* 600px */

		.overlay {
		    background: rgba(0, 0, 0, .6);
		    position: fixed;
		    width: 100%;
		    height: 100%;
		    left: 0;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    z-index: 950;
		    overflow: hidden;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		}

		.flex-navmenu{
		    display: flex  ;                /* フレックスボックスにする */
		    justify-content:space-between;

		    background-color: #fafad2;
		    width: 100%;
		    padding:  5px;                 /* 余白指定 */

		    gap:32px;

		    /* justify-content: space-evenly;   flex-direction: row	横の位置指定 */
		}


		.sub-nav{
		    	display: flex;                  /* フレックスボックスにする */
			justify-content:space-between;
			aligin-items:center;
			//background-color:#ffffe0;
		}

		.flex-box {
		    display: flex;                  /* フレックスボックスにする */
		    flex-direction: row;        /* 左から右へ（ltr）水平方向に配置 */
		    //background-color: #d3d3d3;
		    gap:16px;
		    padding:  5px;                 /* 余白指定 */

		}

		.flex-item {
		    color:  #fff;               /* 文字色 */
		    /* border-radius:  5px;        角丸指定 */
		}

		.sub-nav .links{
		    	display: flex;                  /* フレックスボックスにする */
			gap:16px;
		}

		.flex-touroku{
		    display: flex  ;             /* フレックスボックスにする */
		    flex-direction:row;          /* 左から右へ（ltr）水平方向に配置 */
		    gap:32px;
		    /* justify-content: space-evenly;  横の位置指定 */
		}

		.flex-touroku-item01{
		    flex-grow: 2  ;             /*比率は 2: 1*/
		}
		.flex-touroku-item02{
		    flex-grow: 1  ;             /*  */
		}


		.flex-touroku-menyu{
		    display: flex  ;             /* フレックスボックスにする */
		    flex-direction:row;          /* 左から右へ（ltr）水平方向に配置 */
		    gap:16px;
		    /* justify-content: space-evenly;  横の位置指定 */
		}

		.flex-touroku-menyu-item01{
		   display: flex  ;             /*  */
		    gap:16px;
		}

.button_g {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 10pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 10px;   /* 余白       */
  background    : #b2b48c;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */

}
.button_g:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
		.input_size{
			font-size:0.8rem;}

		.kensu_size{
			font-size:1rem; }

		input[type="file"] {
		  opacity: 0;
		  visibility: hidden;
		  position: absolute;}

		label {
		  padding: 5px 5px;
		  margin: 0 0 5px;
		  background: navy;   /*aaa	*/
		  color: #fff;
		  font-size:1rem;
		  display: inline-block;
		  cursor: pointer; }

/* Start	*/
		.overlay li {
		    border-top: dotted 2px #bdb76b;
		    list-style: none;
		    width: auto;
		    line-height: 15px;
		    padding: 5px 10px;
		    color: #000080;
		    background-color: #add8e6;/* 薄い水色	濃い茶#330000	青　#007db9	濃い茶 #b8860b */
	 	}

		.scroll-box-top {
		    height: auto;
		    max-height: 800px; /* .map { height: 800px }  */
		    margin-top: 10px;
		    border: solid 1px #bbb;
		    overflow-x: hidden;}

		/* .map { height: 800px }  */

		.scroll-box {
		    height: 300px;
		    overflow-y: auto;
		    margin-bottom: 20px;
		    border: solid 1px #bbb; }

		.scroll-box-mouseover {
		    height: 600px;  /* 600px */
		    overflow-y: hidden;  /* auto */
		    margin-bottom: 20px;
		    border: solid 1px #bbb; }

		.scroll-box-kensaku {
		    height: auto;
		    max-height: 500px;
		    overflow-y: auto;
		    margin-bottom: 20px;
		    border: solid 1px #bbb; }

		table {font-size: 10px; }

		.panel99 {
		    width: auto;
		    height: auto;
		    padding: 10px;
		    background-color: #fff; }

		.panelbtn {
		    width: 100%;
		    padding: 2px;
		    border: none;
		    background: #eee;}

		.panel01 {
		    height: auto;
		    width: auto;
		    padding: 10px;
			background-color: #fff;}

		.excel_save{
				//background-color: #00ced1;	
				cursor: pointer; }

		.normal_save{
				//background-color: #008000;	
				cursor: pointer;}


		.map-modal-container { /* TOP background */
		    display: flex;
		    flex-direction:column; 
		    align-items: center;
		    justify-content: center;

 		    //background:  #eee; 
		    background: rgba(0, 255, 0, .2); /*   (赤 , 緑 , 青 , 透明度) */
		    /*background: rgba(255, 255, 255, .6);  */
		    /* background-color: rgba(0, 255, 0, .2);   (赤 , 緑 , 青 , 透明度) */
		    position: fixed;

/*
		    width: 100vw;
		    height: 100vw;
*/


		    width: 100%;
		    height: 80%;

		    left: 0;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    overflow: hidden;
		    z-index: 900;
		}


		.map-modal { /* TOP INFO background */
		    background-color: #ffffff;
		    display: flex;
		    flex-direction:column; 

		    gap:16px;
/*
		    width: 800px;
		   // heigh: 800px;
*/
		    width: 60%;
		    //heigh: 30%;
		    //width: 60%;

		    padding: 16px;

		    border:solid 1px #D1D5DB;
		    border-radius:4px;

		    align-items: center;
		    justify-content: center;

		}


		.map-modal .map-modal-column {
		    display: flex;
		    
		}

		.map-modal li {
		    border-top: dotted 2px #bdb76b;
		    list-style: none;
		    width: auto;
		    line-height: 15px;
		    padding: 5px 10px;
		    color: #000080;
		    background-color: #add8e6;/* 薄い水色	濃い茶#330000	青　#007db9	濃い茶 #b8860b */
	 	}


		@media (max-width: 576px) {
			.map { height: 350px }

			.flex-touroku{
			    display: flex  ;             /* フレックスボックスにする */
			    flex-direction:column; 	/* 上下に配置 */
			    /* flex-direction:row;          左から右へ（ltr）水平方向に配置 */
			    gap:16px;
			}
			.flex-touroku-item01{
			}
			.flex-touroku-item02{
			}

			.flex-box {
			    display: flex;                  /* フレックスボックスにする */
			    flex-direction: row;        /* 左から右へ（ltr）水平方向に配置 */
			    //background-color: #d3d3d3;
			    gap:8px;
			    padding:  5px;                 /* 余白指定 */

			}

		}