body{
  font-family: "Hachi Maru Pop", serif;
}
/* フォント指定 */


body {
    background-image: url(img/20251030.GIF);
    background-size: 15%;
    background-repeat: repeat;
    background-position: bottom;
} /* 背景画像 */

div{
  background-color:#FFCCFF;
    width: 350px; 
      margin: 0 auto;
}

div img {    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   }/* 画像をいい感じに表示 */
   
div video {    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   }/* 動画もいい感じに表示 */
   
div iframe {    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   }/* つべもいい感じに表示 */


h1{
 color:#FF00CC;
}


p{
 color:#660099;
}

h2{
color:#FF00CC;
}

h3{
color:#FFEEFF;
}

h4{
color:#CC0099;
}



details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary  {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
  color:#FF00CC;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}
/* 折りたたみ要素 */