a {
    font-weight:bold;
    text-decoration:none;
    }
    
    a:link {
    color:  #00ff00;
    }
    
    a:visited {
    color:  #00ff00;
    }
    
    a:hover {
    color:  #00ff00;
    text-decoration:underline;
    }
    
    a:active {
    color:  #00ff00;
    }

body{
    margin: 0em 3em 1.5em 1.5em;
    font-size:100%;
    line-height:1.5rem;
    font-family: Meiryo;
    background-color: rgb(12, 12, 12);
    color:  #00ff00;
    border-color: 1px solid  #00ff00       ;
     }
    .btnarea {
        text-align: center;
        display: block;
      }
      h1,h2,h3,h4,h5,h6 { margin-bottom : 24px}
/* 垂直方向のマージンを統一 */
 
h1 {
    font-size : 40px; 
    line-height : 1;    
    /* 要素の高さ：48px（要素を配置するときの高さの基準の2倍）*/
}
 
h2 {
    font-size : 36px;
    line-height : 1.3333;   
    /* 要素の高さ：48px（要素を配置するときの高さの基準の2倍） */
}
h3 {
    font-size : 24px;
    line-height : 1;    
    /* 要素の高さ：24px（要素を配置するときの高さの基準） */
}
hgroup h2,h4,h5,h6 {
    font-size : 16px; 
    line-height : 1.5;   
    /* 要素の高さ：24px（要素を配置するときの高さの基準） */
}
.tableskmt{
    width:  100%;         /* 幅指定 */
}

.tableskmt tbody td {
    width: calc(3 / 4 * 100%);
 }

 .tableskmt tbody td:first-child {
    width: calc(1 / 4 * 100%);
 }

.thskmt{
    width:  40%;
}

.tdskmt{
    width:  40%;
}

.youtube {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .youtube iframe {
    width: 100%;
    height: 100%;
  }
  .photogarally {
    width:14%;
    height: auto;
 }

 .photogarally2 {
    width: auto;
    height: 14%;
 }