/* common body 2025.01.09 */
html {
     font-size:16px;
}
body {
  width:80%;
  margin:auto;
  background-image : linear-gradient(to bottom ,  #726250 , #413125  );
  background-repeat:repeat; 
} 
/* ------ header -------------  */
.header {
    margin: 10px auto;
    height: 60px;
    width: 100%;
    display: grid; /* flexからgridに変更 */
    grid-template-columns: 1fr auto 1fr; /* 左:均等、中:コンテンツ幅、右:均等 */
    align-items: center; /* 上下中央揃え（お好みでbaselineに変更可） */
    padding: 0;
}

.modoru {
    text-align: left;
}

h2 {
    /* margin: 1rem auto; は不要になるので削除または調整 */
    margin: 0; 
    font-size: 2.5vw;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    letter-spacing: 0.2rem;
    text-align: center; /* 文字を中央に */
    color: #fff;
    text-shadow: 0 1px 0 #aaf, 0 3px 0 #aaf, 0 4px 10px rgba(0, 0, 0, .2);
    white-space: nowrap; /* 改行を防ぐ */
}

h6 {
    text-align: right;
    width: auto; /* 30%固定を解除 */
    margin: 0;
    color: ivory;
    font-size: clamp(10px, 1.0vw, 28px);
    text-shadow: 1px 1px 0px black;
}
h4 {
   color:aliceblue;
   font-size:1.5vw ;
   text-shadow: 0 1px 0 #aaf, 0 3px 0 #aaf, 0 4px 10px rgba(0, 0, 0, .2);
}

.videoframe {
      margin:0px auto;
      width:80%;
      }
.videoframe video  {
      border:5px groove #f0f8ff50;
      width:100%;
       }
.modoru a {
      color:aliceblue;
}
.modoru a:link , #modoru a:visited  { 
      text-decoration:none; 
      border:2px ridge ivory;
      color:ivory;
      text-shadow:1px 1px 0px black; 
      border-radius:5px;
      }
.modoru a:hover  {
     color:red;
     background-color:lime;
     }

.modoru a:link , #modoru a:visited  { 
      text-decoration:none; 
      border:2px ridge ivory;
      color:ivory;
      text-shadow:1px 1px 0px black; 
      border-radius:5px;
      }
.modoru a:hover  {
     color:red;
     background-color:lime;
     }
/*-------------- mobile responsive -----iphone6s --------------------*/
@media screen and  (max-width: 768px) { 
        body {
            width:90%;
        }
        .modoru , h6  {
                } 
         h2 {    
             font-size:4.0vw ;
         }
       .videoframe {
             margin:0px auto;
             width:98%;
      }

}
/* --------------------------------------------------------------------- */