@charset "UTF-8";

/* 変更履歴： */
/* 22-07-07 けいはんな、殿町追加　藤井(SSS) */

body {
  background-color: #f0efeb;
  font-family: 'Arial', 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
  color: #302826;
  margin: 0;
  letter-spacing: 0.02rem;
  width: 100%;
}

.good {
  color: limegreen;
  font-weight: bold;
  font-size: 1.8rem;
}

.warn {
  color: #c84842;
  font-weight: bold;
  font-size: 1.8rem;
}

.bad {
  color: #c84842;
  font-weight: bold;
  font-size: 1.8rem;
}

/*IEのみ適用*/
@media all and (-ms-high-contrast: none) {
	body {
    font-weight: 500;
  }

  .display-4 {
    font-weight: 500;
  }
}

#contents {
  visibility: hidden;
}


/*map*/
.text-read {
  font-size: 1.4rem;
}

.text-muted {
  color: #9f9c9b !important;
}

.main-container {
  background-color: #ffffff;
  width: 1750px;
  height: 980px;
}

.cards {
  border: none;
  width: 38rem;
  padding-top: 20px;
  padding-left: 20px;
  /*background-color: rgba(255, 255, 255, .8);*/
}

.card-title {
  height: 1rem;
}

.card-picture {
  width: 220px;
  height:auto;
}

.card-date {
  padding-left: 1rem;
}

.card-value {
  padding-left: 1rem;
  font-size: 1.8rem;
  font-weight: bolder;
}

.shadow {
  box-shadow: 0 .4rem 1rem rgba(48, 40, 38, .15) !important;
}

#mark {
  margin-top: -60px;
  margin-left: 320px;
  width: 53%;
}

#sanjo {
  top: 40px;
  left: -25px;
}

#seta {
  top: 100px;
  left: 1070px;
}

#hadano {
  top: 300px;
  left: 1070px;
}

#keihanna {
  top: 300px;
  left: -25px;
}

#tonomachi {
  top: 500px;
  left: 1070px;
}

#description {
  /*width: 27rem;*/
  text-align: justify;
  top: 400px;
  background: none;
}

#description p {
  line-height: 1.9em;
  letter-spacing: 0.01rem;
}

#description li {
  line-height: 2em;
  letter-spacing: 0.01rem;
}


/*menu*/
.responsive-container {
  background-color: #ffffff;
  width: 100%;
  height: 80%;
}


/*charts*/
#chartdiv {
  width: 100%;
  height: 750px;
}


/*login*/
.form-login {
  width: 100%;
  margin: auto;
}

.form-login .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
}

.form-login input[type="password"] {
  margin-bottom: 20px;
}

.form-control:focus {
  border-color: #a4c56f;
  box-shadow: 0 0 0 0.2rem rgba(160, 190, 110, .25);
}

.custom-control-input:checked~.custom-control-label::before {
  color: #ffffff;
  border-color: #a4c56f;
  background-color: #7aa339;
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(160, 190, 110, .25);
  border-color: #a4c56f;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #a4c56f;
}


/*button*/
.btn-green {
  color: #ffffff;
  background-color: #7aa339;
  border-color: #7aa339;
  letter-spacing: .1rem;
}

.btn-green:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #568635;
  border-color: #568635;
}

.btn-green.focus,
.btn-green:focus {
  color: #ffffff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(160, 190, 110, .25);
}

.btn-blue {
  color: #ffffff;
  background-color: #26ab9f;
  border-color: #26ab9f;
  letter-spacing: .1rem;
}

.btn-blue:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #098c7f;
  border-color: #098c7f;
}

.btn-blue.focus,
.btn-blue:focus {
  color: #ffffff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(38, 171, 159, .25);
}

.btn-white {
  color: rgba(47, 39, 37, .8);
  background-color: #f0efeb;
  border-color: #e3e0d9;
  letter-spacing: .1rem;
}

.btn-white:hover {
  color: #302826;
  text-decoration: none;
  background-color: #e3e0d9;
  border-color: #e3e0d9;
}

.btn-white.focus,
.btn-white:focus {
  color: #302826;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(227, 224, 217, .25);
}