.tbody{
  //background-color: #c0c0c0;
  background-color: black; 
  /*================================================================================--*/
    overflow-x: hidden;
    //web　font設定
      font-family: "Klee One", cursive;
      font-weight: 400;
      font-style: normal;
      //web　font設定
  }
  a {
    color:black;
    text-decoration:underline;
    }
  .tcontainer00{
    position: relative;
    right: 0;
    left: 0;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    //background-color: #7b5cf6;
  }
  .topname{
    //background-color: #7b5cf6;
    text-align: center;
    font-size: 60px;
        
    /* webフォント */
    font-family: "Calistoga", serif;
    font-weight: 400;
    font-style: normal;
    /* webフォント */
    font-weight: bolder;
    //text-shadow: 5px 5px 5px #dcdcdc;
    color: #ffffff;
    padding-top: 10px;
    z-index: 2;
  }
  //ハンバーガーメニュー
  //ハンバーガーメニュー
  //ハンバーガーメニュー
  .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;
  }
  //ハンバーガーメニュー 
  //ハンバーガーメニュー
  //ハンバーガーメニュー 
/*================================================================================--*/

.full{  
  position: absolute;
    right: 0;
    left: 0;
    width: 1000px;
    //height: auto;
    margin: 0 auto;   
    background-repeat: no-repeat;
    background-size: contain;//cover;
    background-position: center; 
    height: 600px;
    border-radius:10px;    
}
 .full div {    
    background-repeat: no-repeat;
    background-size: contain;//cover;
    width:1000px;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: contain;
    height: 600px;/*100vh;　　　　ここを調整するとfullの面積（高さ）を変更できる*/
    margin: 0;
    //z-index: 20;
    border-radius:10px;
  }
  .full div.img01 {
    //background-color: #10bb00;
    background-image: url(../imges/tsuji_h1.jpg);
    position: relative;
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:top;                     /* 画像の表示位置を指定  */
    background-size: contain;                         /* 画像のサイズを指定    */ 
    width:1000px;                                           /* 横幅のサイズを指定    */
    height: 700px;                        
  }  
  .full div.img02 {
    //background-color: #7b5cf6;
    background-image: url(../imges/tsuji_h2.jpg);
    position: relative;
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:top;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:1000px;                                            /* 横幅のサイズを指定    */
    height: 1000px;
  }
  .full div.img03 {
    background-image: url(../imges/tsuji_h3.jpg);
    position: relative;
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:top;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:1000px;                                            /* 横幅のサイズを指定    */
    height:1000px;
  }
  .full div.img04 {
    background-image: url(../imges/tsuji_h4.jpg);
    position: relative;
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:top;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:1000px;//100%;                                            /* 横幅のサイズを指定    */
    height:1000px;
    
  }
  .full .slick-dots {
    bottom: 4%;
    z-index: +1;
  }  
  .yukiwo1{
    position: absolute;
    font-size: 50px;
    font-weight: bolder;
    top: 540px;
    left: 40px;
    width: 750px;
    //background-color: aqua;
    /* webフォント */
    font-family: "Noto  Serif Japanese", serif;
    //font-weight: ExtraBold 800;
    font-style: normal;
    /* webフォント */
    //text-shadow: 0 0 5px #fff; 
    text-shadow: 3px 3px 5px white;//1px 1px 3px white;
    z-index: 8;
  }
  /* ---  他のページ                          ----------------- */ 
  .tcontainer{ 
    //background-color: rgb(212, 255, 0);     
      display: grid;
      row-gap: 0;
      grid-template-columns: 1fr 400px 600px 1fr;    
      grid-template-rows: auto auto auto auto auto;    
      margin-right:auto;
      margin-left:auto;  
      z-index: -1;   
      gap: 5px;
  } 
  .full1{
    //background-color: #eebf59;
    grid-row: 1 / 2;
    grid-column: 2 / 4; 
    /*background-image: url(../imges/tsuji7.jpg);
    background-repeat: no-repeat;
    background-size: contain;//cover;
    background-position: center; 
    width: 100%;  */
    background-color: #dcecf7;
    width: 1000px;
    height: 450px;
    border-radius:10px;
  
  }
  .full1 div.come1{
    //text-align: center;
    font-size: 40px;
    font-weight: bolder;
    padding: 20px;
  }
  .full1 div.come1_2{
    //text-align: center;
    font-size: 20px;
    font-weight: bolder;
    padding-left: 50px;
    padding-right: 50px;
    //web　font設定
      font-family: "Klee One", cursive;
      font-weight: 400;
      font-style: normal;
      //web　font設定
  }
  .full2{
    //background-color: #dcecf7;
    grid-row: 2 / 3;
    grid-column: 3 / 4; 
    position: relative;
    //background-color: #dcecf7;
    width: 560px;
    height: 100px;
    //border-radius:10px; 
  }
  .full2 div.come2{
    //text-align: center;
    color: white;
    font-size: 40px;
    font-weight: bolder;
    //padding: 20px;
    padding-top: 40px;
    padding-left: 160px;

  }
  .full2 div.come2_2{
    width: 400px;
    color: white;
      font-size: 20px;
      font-weight: bolder;
      padding-left: 50px;
      padding-left: 100px;
      z-index: 10;
      //web　font設定
      font-family: "Klee One", cursive;
      font-weight: 400;
      font-style: normal;
      //web　font設定
    }
    .full2 img.kei1{
      width: 560px;
      position: absolute; 
      top: 0;
      left: 0;
    }
    .full3{
      //background-color: #dcecf7;
      grid-row: 2 / 3;
      grid-column: 2 / 3; 
      width: 300px;
      height: 10px;
      padding-top: 100px;
      padding-left: 130px;      
      border-radius:10px; 
      position:relative
    }
    .full3 img.kei2{
      width: 200px;
      position: absolute; 
      top: 260px;
      left: 150px;
    }
    .full4{
      //background-color: #eebf59;
      grid-row: 3 / 4;
      grid-column: 2 / 3; 
      /*background-image: url(../imges/tsuji7.jpg);
      background-repeat: no-repeat;
      background-size: contain;//cover;
      background-position: center; 
      width: 100%;  */
      //background-color: #dcecf7;
      width: 350px;
      height: 750px;
      border-radius:10px;
    
    }
    .full4 div.come4{
      //text-align: center;
      color: white;
      font-size: 30px;
      font-style: italic;
      /* webフォント */
    font-family: "Calistoga", serif;
    font-weight: 400;
    font-style: normal;
    /* webフォント */
    
      font-weight: bolder;
      padding: 20px;
    }
    .full4 div.come4_2{
      //text-align: center;
      color: white;
      font-size: 20px;
      font-weight: bolder;
      //web　font設定
      font-family: "Klee One", cursive;
      font-weight: 400;
      font-style: normal;
      //web　font設定
      padding-left: 50px;
      padding-right: 50px;
      width: 530px;
    }
    .toiawase{
      font-size: 20px;
      color: white;
      padding-left: 100px;
    }
    .full5{
      //background-color: #dcecf7;
      grid-row: 3 / 4;
      grid-column: 3 / 4;       
      //background-color: #dcecf7;
      position: relative;
      width: 650px;
      height: 650px;
      padding-top: 0px;
      padding-left: 0px;
      right: 0;      
      border-radius:10px; 
      z-index: 5;
    }
    .full5 img.full5_2{
      width: 600px;
      position: absolute; 
      top: 0;
      right: 0;
    }
  
  .wdpancs{
    background-color: aliceblue;
    text-align: center;
  }
/*------- ナビゲーション------*/
/*------- ナビゲーション------*/
/*------- ナビゲーション------*/

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

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

/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/