@charset "utf-8";

@media print,screen and (min-width : 501px) {

#list dl{
  display:flex;
}
#list dt{
  width: 400px;
  border-left:solid 1px #977d76;
  border-bottom:solid 1px #977d76;
  padding: 10px;
}
#list dd{
  flex: 1;
  border-left:solid 1px #977d76;
  border-bottom:solid 1px #977d76;
  border-right:solid 1px #977d76;
  padding: 10px;
  display:flex;
  align-items: center;
}

#list .listhead{
  margin-top: 20px;
}
#list .listhead dt,
#list .listhead dd{
  background-color: #ebdfd0;
  font-family:"NotoSansJP-6";
  color: #565356;
  padding: 10px;
  border-top:solid 1px #977d76;
  text-align: center;
  display: block;
}

}
@media screen and (max-width : 500px) {

#list dl{
  width: 100%;
  margin-top: 16px;
}
#list dt{
  border:solid 1px #977d76;
  padding: 10px 4px;
  background-color: #ebdfd0;
  font-family:"NotoSansJP-5";
}
#list dd{
  border-left:solid 1px #977d76;
  border-bottom:solid 1px #977d76;
  border-right:solid 1px #977d76;
  padding: 10px 4px;
}

#list .listhead{
  margin-top: 20px;
}
#list .listhead dt,
#list .listhead dd{
  display: none;
}

}