/*メニュー部分*/
details summary{
  /*アニメーション*/
  transition: 0.5s;
  /*文字色*/
  color:blue;
  /*閉じたときの色*/
  background:rightblue;

  /*閉じたときの色
  background:steelblue;*/

  /*閉じたときの余白*/
  padding:1% 2%;
}
/*メニュー部分 開いたとき*/
details[open] summary{
  /*開いたときの色*/
  background:midnightblue;
 /*開いたときの文字色*/
  color:white;
  /*開いたときの余白*/
  padding-left:4%;
}
/*折りたたむ部分*/
details p{
  margin: 2% 4%;
}
details{
  width:100%;
}

/* 開いて実行されるアニメーションを設定*/
details. 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;
  }
}

/* PDFの表示サイズ設定*/
iframe[src$=".pdf"]{
    width:100%;
    height:80vh;
}