body {
background-image:url(kabe-diary.gif);
    text-align:center;
    margin:0 0 0 0;
    padding: 0 0 0 0;
}

.ContentsFrame {
    background-image:url(kabe-movie.JPG);
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}




@media  (max-width: 768px) 
   body {
    font-size: 3vw;
  }
}


img {
    max-width: 10vw;
    height: auto;
}


contents{
  img{
    max-width:18vw;
}
}





video {
  width: 100%; /* 動画をレスポンシブ化 */
  max-width: 600px; /* 動画の最大幅 */
    height: 500px;
}






.fixed-header {
  position: sticky; /* ヘッダーを固定する */
  top: 0; /* 画面の上部に固定 */
  width: 100%; /* 画面の幅いっぱいに広げる */
  background-image:url(kabe-top1.png); /* 背景色を設定 */
  color: white; /* テキストの色を設定 */
  padding: 10px; /* 内側の余白を設定 */
  z-index: 50; /* ヘッダーを他の要素の上に表示 */
}