@charset "UTF-8";


#repertoire{
  margin: auto;
  max-width: 600px; /* about.cssの#about / .performanceと同値 */
}


#repertoire .lead{
  font-family:'Open Sans', system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-size:11.4px;
  line-height:215%;
  letter-spacing:.13em;
  margin:38px 0 28px;
}

.rep-list{
  list-style:none;
  padding:0;
  margin:0 0 2rem;
  border-top:1px solid #eee;
}


.rep-list li{
  display:grid;
  grid-template-columns:190px 1fr; 
  gap:.5rem 1rem;
  align-items:baseline;
  padding:.65rem 0;
  border-bottom:1px solid #eee;
  font-family:'Open Sans', system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-size:11.4px;
  line-height:215%;
  letter-spacing:.02em;
}

.rep-list .composer{
  font-weight:600;
  color:#111;
  white-space:nowrap;
}

.rep-list .work{
  color:#222;
}


@media (max-width: 720px){
  .rep-list li{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
  }
}

#repertoire + footer{
  margin-top:10px;
}