/*メニュー部分*/
details summary{
  /*アニメーション*/
  transition: 0.5s;
  /*文字色*/
  color:steelblue;
  /*閉じたときの色*/
  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;
}



.cursor:hover{
  color: red;
  cursor: pointer;
}

.responsive {
width: 100%;
aspect-ratio: 16/9;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}

.line {
  border-image: linear-gradient(transparent 0%, #7f7fff, transparent 0%) ;
}