@charset "UTF-8";

#mapid {
  margin: 0px;
  padding: 0px;
  width: 960px;
  height: 460px;
  background-color: gray;
}
.field {
  display: flex;
}

.example {
  font-size: 200%;
  text-align: center;
}

.example table {
  margin: 10px auto 100px;
}

.icon-red {
  filter: hue-rotate(150deg);
}
button {
  width: 7em;
  height: 3em;
}

/*ここからグラフページ*/
.bio{
     display:flex;
     justify-content:center;
}
#title{
  position: relative;
  padding:1rem 2rem calc(1rem + 8px);
  padding-left:27px;
  padding-top:17px;
  background-color: #00a885;
  font-family: serif;
  font-size:45px;
  color:#000;
  margin-top:0px;
  margin-bottom:10px;
}
#title:before{
  position: absolute;
  top: 8px;
  left: 10px;
  width: 90%;
  height: 71%;
  content: '';
  border: 7px dashed #000;
}
#subtitle{
    font-size:30px;
    margin-top:10px;
    color:#000;
    font-family:serif;
    padding-left:0px;
    padding-right:0px;
    border-bottom:15px ridge #8b0000;
    padding-top:0px;
    padding-botton:0px;
    margin-bottom:0px;
}
#girl{
      border-bottom:7px double #8b0000;
      padding-bottom:0px;
}
#boy{
      border-bottom:7px double #8b0000;
      padding-bottom:0px;
}
.ready{
    font-size:20px;
    display:flex;
    margin-top:0px;
    justify-content:center;
}