.guacamole {
  display: flex;
  justify-content: center;
  width: 1280px;
  margin: 0 auto;
  padding: 0 4rem;
  margin-bottom: 3rem;
}
.guacamole div{
  flex: 1;
  padding: 0 2rem;
}
.guacamole .guacamole-type:hover {
  opacity: 0.5 ;
}
.mylist{
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.mylist li{
  list-style: disc;
  font-size: 20px;
}
details[open] .open {
  display: none ;
}
details:not([open]) .close {
  display: none ;
}
details > summary {
  cursor: pointer;
}
.midashi {
  font-size: 24px;
  font-weight: bold;
}
.test {
  color: #E70216;
  font-weight: bold;
}