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

body {
  margin-top: 30px; /* ヘッダーの高さ分だけ下げる */
}


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


img {
    max-width: 100%;
    height: auto;
}



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


















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-game.gif);
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}