body.legends {
  max-width:960px;
  display: flex;
  margin:0 auto;
  flex-direction: column;
  min-height: 100vh;
  overflow: auto;
  font-size:16px;

  h1{
    font-family: serif;
    font-size:1.5rem;
  }
  h2{
    font-family: 'Times New Roman', Times, serif;
    font-size:1.3rem;
  }
  p{
    line-height: 1.7;
  }
  p+h2{
    margin-top: 2.5rem;
  }
}

.legend_section{
  display: flex;
  flex-wrap:wrap;
  gap:1.5rem;
  color:#ccc;
  text-decoration:none;
  p{
    margin-top: 0;
  }
  .__text{
    width:100%;
    max-width:600px;
  }
  .__born_year{
    font-size:1rem;
    font-weight:normal;
  }
  .__image {
    margin-inline:auto;
    width:30%;
    min-width:280px;
  }
  .__jp h2{
    margin: 0;
    font-size:1.6rem;
  }
  .__en{
    margin-top: 1.5rem;
    font-size:0.8rem;
  }
  .__en h3{
    margin: 0;
    font-weight:normal
  }
}
.legend_section:hover{
  color: #fd9;
  transition:0.3s;
}

.link_to_interview{
  display:inline-block;
  background: #000;
  color:#fc1;
  padding:6px 10px;
  border:solid 1px #fc1;
  border-radius:5px;cursor:pointer;
  text-decoration: none;;
}

.link_to_interview:hover{
  background: #fc1;
  color:#000;
  transition:0.3s;
}
.pano_link{
  text-align: right;
  padding: 12px 0;
}

.full-image-wrapper{
  margin:0 -1.5rem;
}
.full-image-wrapper figcaption{
  padding:0.2rem 1rem;
  text-align:right;

}
.full-image-wrapper img{
  display: block;
}

figure{
  margin: 0;
}
figcaption{
  font-size:0.8rem;
  margin-top: 0.3rem;;
}
.note-item{
  margin-left:2rem;
}

.note-item p{
  font-size:0.9rem;
  color:#da0
}

#fullScreenHeader.w960 {
  position: relative;
  display: flex;
  flex-wrap:wrap;
}
.header_path{
  display: flex;
  margin-left:8px;
}

#page-footer {
  margin-top: 0;
}

#legend-footer{
  li{
    list-style: none;
  }
  .__main li{
    
    min-width:60px;
  }
  a{
    text-decoration: none;
    color:#444;
  }
  ul{
    margin: 0;
    padding: 0;
  }
  .__inner{
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 1rem;
    gap:1rem
  }
  .__main{
    flex-grow:1;
    display: flex;
    flex-wrap:wrap;
    gap:1.5rem;
    justify-content: left;
  }
  .__sns{
    margin-inline: auto;
    display: flex;
    gap:0.5rem;
    align-items: center;
  }
}



.present_link{
  color:#fc0;
}

.next_page{
  margin-top: 2rem;
  text-align: center;
}

@media (max-width: 768px) {
  .next_page{display:none;}
}