.tbody{
  background-color: black;
  //background-color: #dcdcdc; 
  /*================================================================================--*/
    overflow-x: hidden;
    

/* 画像ファイルの指定 */
background-image: url(../bonimges/tsuji_p6a.jpg);
   
/* 画像を常に天地左右の中央に配置 */
background-position: center center;
 
/* 画像をタイル状に繰り返し表示しない */
background-repeat: no-repeat;
 
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
background-attachment: fixed;
 
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
background-size: cover;
 
/* 背景画像が読み込まれる前に表示される背景のカラー */
//background-color: #464646;


  }
  .tcontainer00{
background-image: ;
    position: relative;
    right: 0;
    left: 0;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    //background-image: url(../imges/tsuji11boka.png);
      }
  
  .topname{
    text-align: left;
    grid-row: 1 / 2;
    grid-column: 1 / 4;
    //background-color: #7b5cf6;
    width: 1000px;
    text-align: center;
    font-size: 40px;
    /* webフォント */
    font-family: "Calistoga", serif;
    font-weight: 400;
    font-style: normal;
    /* webフォント */
    font-weight: bolder;
    //text-shadow: 5px 5px 5px #dddef7;
    color: #ffffff;
    padding-top: 10px;
    z-index: 2;
    margin: auto;
  }
  //ハンバーガーメニュー
  //ハンバーガーメニュー
  //ハンバーガーメニュー
  /*.header{
    position: relative;
  }*/
  .header-area{    
    //background-color: fuchsia;    
    position: absolute;
    right: 0;
    left: 0;    
    
    width: 50px;
    margin: 0 auto;
    transform: translate(300px, -56px);
    justify-content: space-between;
    height: 65px;
    padding: 200px;
    align-items: center;
    z-index: 3;
  }
  .hamburger{
    //background-color: hotpink;
    position: absolute;
    top: 2%;
    right: 0;
    //left: 0;
    //transform: translateX(-50%);
    width: 50px;
    height: 30px;
    margin: 0 auto;
    
    z-index: 30;
  }
  .hamburger span{
    position: absolute;
    width: 80%;
    height: 5px;
    background-color: white;
    transition: .5s;/* 追記 */
  }
  .hamburger span:first-of-type{/* ハンバーガーメニューの1番目の線 */
    top: 0;
  }
  .hamburger span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
    top: 50%;
  }
  .hamburger span:last-of-type{/* ハンバーガーメニューの3番目の線 */
    top: 100%;
  }
  .slide-menu{    
    /*background-color: papayawhip;*/
    position: absolute;
    top: 80px;
    width: 100%;
    left: 50%; /*メニューの位置調整　*/
    padding-left:150px; /*メニューの位置調整　*/
    transform: translateX(300%);
    transition: 1.00s;/* 追記 */
    z-index: 50;
  }
  .slide-menu_b{
    width: 600px;
    height: 580px;
    border-radius:30px;
    background-color: #fcfcfc;
    transform: translateX(-50%);
    list-style: none;
    padding-top: 40px;
    /* webフォント */
    font-family: "Calistoga", serif;
    font-weight: 400;
    font-style: normal;
    /* webフォント */
    z-index: 50;
  }
  .slide-menu li{    
    font-size: 30px;
    font-weight: bolder;
    color: black;
    width: 600px;
    line-height: 60px;//200%;
    /*text-align: center;*/
    text-align: left;
    transform: translateX(-5%);
    padding-left: 80px;
   }
   .slide-menu li.hom0{
    line-height: 30px;//200%;
    margin-bottom: -0.5em;
   }
  .slide-menu li.hom0::after{
    content: '\A \00a0 \00a0\00a0ホーム\A  ';
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    margin-top: -5.5em;
  }
   .slide-menu li.sta0{
    line-height: 30px;//200%;
    margin-bottom: -0.5em;
   }
  .slide-menu li.sta0::after{
    content: '\A \00a0 \00a0\00a0 スタッフ\A  ';
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    margin-top: -5.5em;
  }
  
   .slide-menu li.les0{
    line-height: 30px;//200%;
    margin-bottom: -0.5em;
   }
  .slide-menu li.les0::after{
    content: '\A \00a0 \00a0\00a0 レッスン\A  ';
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    margin-top: -5.5em;
  }
   .slide-menu li.she0{
    line-height: 30px;//200%;
    margin-bottom: -0.5em;
   }
  .slide-menu li.she0::after{
    content: '\A \00a0 \00a0\00a0 日程&申込み\A  ';
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    margin-top: -5.5em;
  }
  
  .slide-menu li.spo0{
    line-height: 30px;//200%;
    margin-bottom: -0.5em;
   }
  .slide-menu li.spo0::after{
    content: '\A\00a0 \00a0\00a0スポンサー\a  ';
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    margin-top: -5.5em;
  }
  .slide-menu li.pro0{
    line-height: 30px;//200%;
    margin-bottom: -0.5em;
   }
  .slide-menu li.pro0::after{
    content: '\A\00a0 \00a0\00a0プロジェクト\a  ';
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    margin-top: -5.5em;
  }
  .slide-menu li.onl0{
    line-height: 30px;//200%;
    margin-bottom: -0.5em;
   }
  .slide-menu li.onl0::after{
    content: '\A\00a0 \00a0\00a0オンラインショッピング\a  ';
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    margin-top: -5.5em;
  }
  
  .hamburger.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
    top: 50%;
    transform: rotate(405deg);
  }
  .hamburger.active span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
    opacity: 0;/* 透明にする */
  }
  .hamburger.active span:last-of-type{/* ハンバーガーメニューの3番目の線 */
    top: 50%;
    transform: rotate(-405deg);
  }
  .slide-menu.active{
    transform: translateX(0%);
    z-index: 10;
  }
  //ハンバーガーメニュー 
  //ハンバーガーメニュー
  //ハンバーガーメニュー 
/*================================================================================--*/
/**/
//.conte_01{
  /*background-color: azure;  
  grid-row: 2 / 3;
  grid-column: 2 / 3;    
  height: 200px; */
//}

.tcontainer00_1{ 
  //background-color: rgb(237, 239, 239); 
  grid-row: 2 / 3;
  grid-column: 2 / 3;  
  width: 1000px;
  display: grid;
  grid-template-columns: 200px 200px 200px 200px 200px;  
  grid-template-rows: auto auto auto;
  margin-right:auto;
  margin-left:auto;  
  }
  .conte_00{
    //background-color: fuchsia;
    grid-row: 1 / 2;
    grid-column: 1 / 6;
    color: white;
    font-size: 30px;
    font-weight: bolder;
    width: 1000px;
    height: 50px;
    text-align: center;
  }  
  .conte_02{
    color: white;
    padding-left: 30px;
    grid-row: 2 / 3;
    grid-column: 2 / 3; 
    text-align: left; 
    font-weight: bolder;   
  }
  .conte_03{
    //background-color: rgb(43, 226, 113);
    grid-row: 2 / 3;
    grid-column: 4 / 6; 
  }  
  .conte_04{
    //background-color: blueviolet;
    grid-row: 3 / 4;
    grid-column: 1 / 6; 
  } 
  #text-button{
    text-align: center;
    color: black;
    font-size: large;
    font-weight: bolder;
    background-color: #fcfcfc;
    width: 150px;
    height: 40px;
    padding: 9px;
    margin: 0 auto;
    border-radius: 10px;
    cursor : pointer;
  }   
  .cont_1{
    background-color: #dcdcdc; 
    //background-color: black;
    width: 800px;
    
    left: 0;
    right: 0;
     
    grid-row: 2 / 3;
    grid-column: 2 / 3;    
    display: grid;
    row-gap: 0;  
    padding-left: 150px;
    border-radius: 10px;
    margin: 0 auto;
  }
  #myInput{
    width: 70px;
    text-align: center;
    color: #f81a1a;
    border: 2px solid;
    border-color: #000;
    border-radius: 5px;
  }
  #inputField{
    font-size: 50pxpx;
    
    width: 70px;
    text-align: center;
    color: #f81a1a;
    border: 2px solid;
    border-color: #000;
    border-radius: 5px;
  }
  .table1 {
      margin-left: 40px;
      background-color: #dcdcdc;
      width: 50px;
      }
  .nittei{
    width: 400px;
    
    font-weight: bolder;
    //border: 2px solid;
  }
  .nittei td{   
    font-size: 24px;
    width: 10px;
    
    text-align: right;
  }
  #myTable{
    text-align: center;
  }    
  .iro{
    font-weight: bolder;
    background-color: #FFDDFF;
    cursor: pointer;
  }
      .dai {
        color: white;
          text-align: center;
          font-weight: bold;
          font-size: larger;
          font-size: x-large;
          transform:translateX(-0px)
      }
      .in01 {
          margin-left: 2px;
          font-size: 18px;
          font-weight: bolder;
          border: 2px solid #000;
          size: 100px;
          border-radius: 5px;
          line-height: 40px;
          padding-left: 10px;
      }
      .lab1 {
          margin-left: 20px;
          font-weight: bold;
          
      }  
      .lab1_l{
          margin-left: 20px;
          border: 2px solid #000;    
      } 
      .lab11 {
          margin-left: 20px;
          color: red;
          font-weight: bold;
      }   
      .lab3 {
          margin-left: 5px;
          font-weight: bold;
          border: 2px solid #000;
          text-align: right;
          width: 100px;
      }       
      select {
          margin-left: 50px;
      } 
      #text-button2{
        cursor : pointer;  
        font-size: larger;
        font-weight: bolder;
        padding-left: 400px;
      } 
      .tare {
          margin-left: 50px;
          border: 2px solid #000;
      }
      .send {
          margin-left: 50px;
          margin-bottom: 30px;
          border: 2px solid #000;
          width: 80px;
      }
      .rise {
          margin-left: 50px;
          margin-bottom: 30px;
          border: 2px solid #000;
          width: 80px;
      }
      .desi {
          text-align: center;
          background-color: ghostwhite;
      }
      #mivent {
          margin-left: 50px;
          color: blue;
          font-weight: bold;
          text-decoration-line: underline;
      }
      .wdpancs{
        background-color: aliceblue;
          text-align: center;
      }
  .wdpancs{
    background-color: aliceblue;
    text-align: center;
  }
/*------- ナビゲーション------*/
/*------- ナビゲーション------*/
/*------- ナビゲーション------*/

/*------- ナビゲーション------*/
/*------- ナビゲーション------*/
/*------- ナビゲーション------*/

/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
@media screen and (max-width:600px) {
/* --- ↓ index ------------------------------------------- */
/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/

/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/