@charset "utf-8";

*{
  margin:0px;
  padding:0px;
  /*font-family: "メイリオ",sans-serif;*/
}

.prefecture-checkbox:disabled {
   background-color: red; /* Change this to your desired color */
   border: 2px solid blue; /* Optional: change border color */
}


.leaflet-control-window .close {
   top: 0px !important;
   right: 12px !important;
   color: #ccc !important;
   background-color: transparent !important;
   font-size: 33pt !important;
}
.leaflet-control-window .close:hover {
    transform: none;
    background: rgba(0, 0, 0, 0);
    color: #f27474 !important;
}
.swal2-close {
    font-size: 33pt !important;
    font: 16px / 14px Tahoma, Verdana, sans-serif;
    margin-top: -5px;
    margin-right: -2px;
}

html,body{
  height: 100%;
}
body{
   /*background-color: rgb(240,240,240);*/
   /*font-family: AR P丸ゴシック体E;*/
   font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
   margin: 0;
   padding: 0;
}
select{
   font-family:AR P丸ゴシック体E;
   height: 20px;
   background-color: white;
}
@supports (-webkit-touch-callout: none) {
    input[type="button"], input[type="submit"],
    textarea, select, button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    input[type="text"], input[type="date"], select {
        background-color: white;
    }
}
/*#wrapper{
   width: 1250px;
   height: 97vh;
   margin: 0 auto;
   background-color: #FFF;
   border-left: solid 1px rgb(190,190,190);
   border-right: solid 1px rgb(190,190,190);
   border-bottom: solid 1px rgb(190,190,190);
}*/
/*#headerCont{
   width: 1250px;
   height: 9vh;
   margin: 0 auto;
   position: relative;
}*/
/*#header{
   left: 10px;
   font-size:40px;
   color: rgb(255,255,255);
   width: 100%;
   height: 100%;
   background-color: #08588E;
}
#header img{
   display: block;
   margin-left: 20px;
}
#kitaechigo{
   font-size: 12pt;
   font-weight: bold;
   color: rgb(255,255,255);
   position: absolute;
   top: 25px;
   right: 30px;
}
#kitaechigo1{
   font-size: 14pt;
   font-weight: bold;
   color: rgb(255,255,255);
   position: absolute;
   top: 25px;
   right: 400px;
}
#kitaechigo2{
   font-size: 14pt;
   font-weight: bold;
   color: rgb(255,255,255);
   position: absolute;
   top: 10px;
   right: 400px;
}*/
.blink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #ffffff }
 100% { color: #ffff1a }
}
/*
#menuCont{
   width: 1250px;
   height: 5vh;
   //height: 37px;
   margin: 0 auto;
   border-bottom: solid 1px rgb(190,190,190);
   position: relative;
   bottom: 6px;
}
#menu{
   width: 1250px;
   height: 5vh;
   position: absolute;
   top: 0px;
   background-color: #08588E;
}
#menu ul{
   list-style: none;
   margin: 0;
   padding: 0;
}
#menu ul li{
   float: left;
   margin-right: 9px;
}
#menu ul li a{
   width: 145px;
   height: 5vh;
   background-color: #08588E;
   display: block;
   text-align: center;
   text-decoration: none;
   line-height: 37px;
   font-weight: bold;
   font-size: 14pt;
   color: rgb(255,255,255);
}
#menu ul li a:hover{
   font-size: 15pt;
   color: rgb(240,134,1);
}
#menu ul li a#current{
   font-size: 14pt;
   color: #00ff00;
}
*/

.newblink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #ffffff }
 100% { color: yellow }
}
/*
.itemForm {
    margin-left: 20px;
}
*/
.formPrev, .formNext {
    font-family: メイリオ, sans-serif;
    width: 70px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: rgb(60, 179, 113);
    text-decoration: none;
    padding: 4px 0px;
    border-radius: 5px;
}
.formPrev:disabled, .formNext:disabled{
    background-color: #676767;
	color: #353535;
}
.formYear, .formDate{
	background-color: #ffffff;
    color: #353535;
    font-weight: bold;
    font-size: 15px;
    height: 24px;
}
.formYear:disabled, .formDate:disabled{
    background-color: #676767;
}

/* tsuji add */
input[type='submit'],
button,
label {
    cursor: pointer;
}
input[type='button'],
input[type='submit'],
button {
    border: 0;
}

input[type='radio'],
input[type='checkbox'] {
  accent-color: #08588E;
  inline-size: 1rem;
  block-size: 1rem;
  /*vertical-align: middle;*/
  vertical-align: text-top;
}

.tooltip,
.tooltip-left, .tooltip-top {
    position: relative;
}
.tooltip:hover:before {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0.2rem 0.6rem;
    background-color: #FFFFFFDD;
    font-size: 13px;
    font-weight: 400;
    text-wrap-mode: nowrap;
    border-radius: 5px;
    border: 1px solid #d3d3d3cc;
    content: attr(tooltip-title);
    z-index: 1000;
    color: #353535;
}
.tooltip-left:hover:before {
    position: absolute;
    top: -0.5rem;
    left: -3.5rem;
    padding: 0.2rem 0.6rem;
    background-color: #FFFFFFDD;
    font-size: 13px;
    font-weight: 400;
    text-wrap-mode: nowrap;
    border-radius: 5px;
    border: 1px solid #d3d3d3cc;
    content: attr(tooltip-title);
    z-index: 1000;
    color: #353535;
}
.tooltip-top:hover:before {
    position: absolute;
    top: -1rem;
    left: 1rem;
    padding: 0.2rem 0.6rem;
    background-color: #FFFFFFDD;
    font-size: 13px;
    font-weight: 400;
    text-wrap-mode: nowrap;
    border-radius: 5px;
    border: 1px solid #d3d3d3cc;
    content: attr(tooltip-title);
    z-index: 1000;
    color: #353535;
}

/* help */
#help_info_wrapper .help_footer {
    text-align: center;
}
#help_info_wrapper .help_footer button {
    width: 120px;
}
#help_first_content {
    padding: 1em;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    width: 700px;
}
#help_first_content p {
    margin: 0.8em 0;
}
#help_first_content img {
    height: 1.2rem;
    margin: 6px;
    filter: brightness(0) saturate(100%) invert(22%) sepia(22%) saturate(4942%) hue-rotate(182deg) brightness(105%) contrast(94%);
    vertical-align: bottom;
}
#Maplayer img {
/*
    filter: brightness(0) saturate(100%) invert(20%) sepia(90%) saturate(1599%) hue-rotate(184deg) brightness(96%) contrast(94%);
*/
}

.theme_color {
    color: #08588E;
}