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

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


  }
  .tcontainer00{
    position: relative;  
    right: 0;
    left: 0;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    
  }

  .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: black;
    padding-top: 10px;
    z-index: 2;
    margin: auto;
  }
  //ハンバーガーメニュー
  //ハンバーガーメニュー
  //ハンバーガーメニュー
  /*.header{
    position: relative;
  }*/
  .header-area{       
    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: 3 / 4;
  grid-column: 2 / 3;  
  width: 1000px;
  display: grid; //入れ子グリッド
  grid-template-columns: 250px 250px;   
  grid-template-rows: auto auto auto auto;
  row-gap: 0;  
  
  margin-right:auto;
  margin-left:auto; 
  
  }
  .conte_00{
    //background-color: fuchsia;
    grid-row: 1 / 2;
    grid-column: 1 / 5;
    font-size: 30px;
    font-weight: bolder;
    width: 1000px;
    height: 150px;
    
  }
  .conte_00 div.staff1{
    text-align: center;
    color: black;
  }
  
  .conte_01{
    //background-color: antiquewhite;
    padding: left 100px;
    grid-row: 2 / 3;
    grid-column: 1 / 2; 
    text-align: left;
    //padding: 30px;
    display: grid;
    grid-template-columns: 500px 400px;//350px 650px ;   
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;    
    gap: 10px; /* カード間の隙間も親要素を継承しているので上書き */
    //color: white;
    color: #000;
  } 
  .principal{
    color: #000;
    padding-left: 60px;
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    font-size: 30px;  
    font-weight: bolder;
  }
  .conte_02{
    color: #000;
    padding-left: 60px;
    grid-row: 2 / 3;
    grid-column: 1 / 2; 
    
  }
  .conte_03{
    grid-row: 2 / 3;
    grid-column: 2 / 3; 
    //padding-left: 40px;
    background-color: white;
    height: 280px;
    color: black;
    padding: 20px;
    border-radius: 10px;
  }
  .part-time1{
    color: #000;
    padding-left: 60px;
    grid-row: 3 / 4;
    grid-column: 1 / 3; 
    font-size: 30px;  
    font-weight: bolder; 
  }
  .conte_04{
    padding-left: 60px;
    grid-row: 4 / 5;
    grid-column: 1 / 2; 
    
  }
  .conte_05{
    grid-row: 4 / 5;
    grid-column: 2 / 3; 
    //padding-left: 40px;
    background-color: white;
    color: black;
    padding: 20px;
    border-radius: 10px;
  }
  
  .part-time2{
    color: #000;
    padding-left: 60px;
    grid-row: 5 / 6;
    grid-column: 1 / 3; 
    font-size: 30px;  
    font-weight: bolder; 
  }
  .conte_06{
    padding-left: 60px;
    grid-row: 6 / 7;
    grid-column: 1 / 2; 
  }
  .conte_07{
    grid-row: 6 / 7;
    grid-column: 2 / 3; 
    //padding-left: 40px;
    background-color: white;
    color: black;
    padding: 20px;
    border-radius: 10px;
  }
  .part-time3{
    color: #000;
    padding-left: 60px;
    grid-row: 7 / 8;
    grid-column: 1 / 3; 
    font-size: 30px;  
    font-weight: bolder; 
  }
  .conte_08{
    padding-left: 60px;
    grid-row: 8 / 9;
    grid-column: 1 / 2; 
    
  }
  .conte_09{
    grid-row: 8 / 9;
    grid-column: 2 / 3; 
    //padding-left: 40px;
    background-color: white;
    height: 350px;
    color: black;
    padding: 20px;
    border-radius: 10px;
  }
  .gest0{
    color: #000;
    padding-left: 60px;
    grid-row: 9 / 10;
    grid-column: 1 / 3; 
    font-size: 30px;  
    font-weight: bolder; 
  }
  .conte_10{
    padding-left: 60px;
    grid-row: 10 / 11;
    grid-column: 1 / 2; 
    
  }
  .conte_11{
    grid-row: 10 / 11;
    grid-column: 2 / 3; 
    //padding-left: 40px;
    background-color: white;
    height: 190px;
    color: black;
    padding: 20px;
    border-radius: 10px;
  }
  .gest1{
    color: #000;
    padding-left: 60px;
    grid-row: 11 / 12;
    grid-column: 1 / 3; 
    font-size: 30px;  
    font-weight: bolder; 
  }
  .conte_12{
    padding-left: 60px;
    grid-row: 12 / 13;
    grid-column: 1 / 2; 
    
  }
  .conte_13{
    grid-row: 12 / 13;
    grid-column: 2 / 3; 
    //padding-left: 40px;
    background-color: white;
    color: black;
    padding: 20px;
    border-radius: 10px;
  }
  
    
  .wdpancs{
    background-color: aliceblue;
    text-align: center;
  }
/*------- ナビゲーション------*/
/*------- ナビゲーション------*/
/*------- ナビゲーション------*/

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

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

/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/
