/* 開いて実行されるアニメーションを設定*/
details[open] .content {
  animation: fadeIn 2.0s ease-in-out;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* Transparent */
    transform: translateX(+100px); 
    /* translateX(+100px)：右から表示 */
    /* translateX(-100px)：左から表示 */
    /* translateY(+100px)：下から表示 */
    /* translateY(-100px)：上から表示 */

  }
  100% {
    opacity: 1;
    transform: none;
  }
}