@charset "UTF-8";

.page-main{
  max-width: 800px;
  padding: 10px 20px;
  margin: 0 auto;
  text-align: center;



  summary {
    background-color: aqua;
    cursor: pointer;
    transition: 0.2s; /* 変化を滑らかに */
  }
  /* ホバー時のスタイル */
  summary:hover {
    cursor: pointer; /* カーソルを指マークに */
    background-color: #a1e5be;
  }

  details[open] summary {
    color: rgb(239, 72, 72);
  }
}