.tbody{
  background-color: black;
  /*================================================================================--*/
    overflow-x: hidden;
  }
  .tcontainer00{
    position: relative;
    right: 0;
    left: 0;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    //background-color: #7b5cf6;
    }
  
  .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;
  }
  //ハンバーガーメニュー 
  //ハンバーガーメニュー
  //ハンバーガーメニュー   
/*================================================================================--*/
.tcontainer_a{
  display: grid;
  grid-template-columns: 1fr 1000px 1fr;    
    grid-template-rows: auto auto auto;
}
.tcontainer_e{    
    //background-color: rgb(18, 195, 243);  
    display: grid;
    row-gap: 0;
    grid-template-columns: 1fr 1000px 1fr;    
    grid-template-rows: auto auto auto;
    /*line-height: 0%;*/
    margin-right:auto;
    margin-left:auto;   
    border-left: groove;  
    border-right: groove;  
    border-bottom: groove; 
    border-bottom: groove; 
    border-width: thick;  
}
.cont_0{
  text-align: center;
  font-size: 40px;
  font-weight: bolder;
  //background-color: rgb(90, 236, 18); 
  grid-row: 1 / 2;
  grid-column: 2 / 3;    
  row-gap: 0;  
  padding-left: 20px;
  font-size: 3.4rem;
  font-style: italic;
  letter-spacing: .1em;
  color: #0000ff;//#fff;
  text-shadow: -4px 3px 0 #1e90ff, -8px 6px 0 #000;//fa4141
}
.cont_1{
  background-color: #dcdcdc; 
  grid-row: 2 / 3;
  grid-column: 2 / 3;    
  display: grid;
  row-gap: 0;  
  padding-left: 100px;
}
// //////////////////////////////////////////////////////////
// //////////////////////////////////////////////////////////
// //////////////////////////////////////////////////////////
/* --- ↓問合せぺージ  予約------------------------------------------- */
.main10 {
    
    border-style: ridge;
    padding: 10px;  
    width: 800px;
    margin : 0 auto;    
  } 
  .daimei{
    padding-right: 80px;
    font-size: 30px;
    font-weight: bolder;
    text-align: center;
  }   
  .main101 {
    border-style: ridge;
    padding: 10px;  
    width: 800px;
    margin : 0 auto;    
  }   
    
  table {
    padding: 5px;  
    margin-left: 10px;
  }   
  td {
    height: 30px;
  } 
  input {
    margin: 4px;
    padding-left: 6px;
  }
  .tab1 {
    width: 180px;
  }
  tr {
    border: 2px #808080 solid;
  }
  input,textarea {
    border: 2px #808080 solid;    
  }
  .ta1 {
    vertical-align:top;    
  }
  textarea {
    vertical-align:top;
    margin-top: 4px;
    margin-left: 3px;
  }
  .chui {
    color: red;
    font-size: large;
    font-weight: bolder;
  }
  .kakunin {
    color: blue;
    font-size: larger;
    font-weight: bolder;
  }
  /* --- ↑問合せぺージ  予約------------------------------------------- */

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


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

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

/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/
.tbody{
  background-color: red;
}