@charset "UTF-8";

summary{
  display:inline-block; /*Firefox でデフォルトの summary マーカーを消す。*/
  cursor:pointer; /*summary 要素上で hover するとマウスポインターが「Iビーム」になるので、「人差し指」に変更する。*/
  padding:10px;
}

summary::-webkit-details-marker {
  display: none; /*Firefox 以外でデフォルトの summary マーカーを消す。*/
}

details summary i{
  transition: .3s;
}

details[open] summary i{
  transform: rotate(90deg);
}