#sidemenucotainer {left:0px;
      top: -100px;
      position: fixed;z-index:100;height:100vh;display: flex;
justify-content: center;
align-items: center;}

.containerL {position: relative;}

.containerL .bnrL {
  position: fixed;
/*
  top: 110px;
  */
  /*
  left: -600px;
  width: 600px;
  height: 200px;*/
  left: -55vw;
  width: 55vw;
  height: 24em;
  background: #f5eaea;
  z-index: 100;
  padding: 10px 10px 10px 10px;

 
}
/*
.containerL .red10{
background-color: rgb(169 86 86 / 100%);}
*/
.containerL .bnrL ul {
  display: flex;
 /* position: absolute;*/
  top: 0;
  left: 0px;
  margin: 0;
  padding: 0 0 10px 0;
  width: 100%;
  height: 100%;
  /* overflow:hidden;
 overflow: scroll;*/
}

.sidetitle{
width:100%;display:block;text-align:center;padding: 10px;
}

.sidetitlebox{
 position:relative;height:19em;overflow:scroll;background-color: white;padding: 1em 1em;
}

.containerL .bnrL li {
  /*
  margin: 0 0 20px;*/
  padding: 0 0 0 10px;
  overflow: hidden;
  width: 100%;
}
.containerL .bnrL li div{
  display:flex;justify-content: center;
                  align-items: center;padding:10px;height: 100%;
  width: 100%;
}

.sidecontent{
  height:20em;
}
.but0 {
  position: absolute;
      top: 0;
      left: 55vw;
      width: 2rem;
  height: 6em;
  display: block;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  border: none;
  background-color: rgb(169 86 86 / 50%);
  border-bottom: 1px dotted rgb(240, 240, 240);
  border-left: 1px solid rgb(240, 240, 240);


}
.but0 a,.but1 a,.but2 a,.but3 a{
 -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;text-orientation: upright;
}
.but0not {
  display: none;
}



   
  .but1 {
      position: absolute;
      top: 6em;
      left: 55vw;
      width: 2rem;
  height: 6em;
  display: block;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  border: none;
  background-color: rgb(169 86 86 / 50%);
  border-bottom: 1px dotted rgb(240, 240, 240);
  border-left: 1px solid rgb(240, 240, 240);
  
  }
  .but1not {
      display: none;
}
  
  



      .but2 {
          position: absolute;
          top: 12em;
          left: 55vw;
          width: 2rem;
  height: 6em;
  display: block;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  border: none;
  background-color: rgb(169 86 86 / 50%);
  border-bottom: 1px dotted rgb(240, 240, 240);
  border-left: 1px solid rgb(240, 240, 240);
      
      }
      .but2not {
          display: none;
  }
      
      


           
          .but3 {
              position: absolute;
              top: 18em;
              left: 55vw;
              width: 2rem;
  height: 6em;
  display: block;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  border: none;
  background-color: rgb(169 86 86 / 50%);
  border-left: 1px solid rgb(240, 240, 240);
          
          }
          .but3not {
              display: none;
      }
          
    h2.newstitle{
      font-size:14px;
      color:#369;
      margin:10px 0px 10px 0;
      font-weight:normal;
      border:1px solid #3D79B6;
      border-bottom:3px solid #3D79B6;
      padding:5px 10px;
      text-shadow:1px 1px 0px #fff;
      
      background: rgb(255,255,255); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

@media screen and (max-width:768px) {

  #sidemenucotainer{left:0px;
      top: 0px;
      position: fixed;z-index:10;height:100vh;display: flex;
justify-content: center;
align-items: center;}
  .containerL {position: relative;
  z-index: 5;}

.containerL .bnrL {
   position: fixed;

   top: 110px;
   /*
   left: -600px;
   width: 600px;
   height: 200px;*/
   left: -88vw;
   width: 88vw;
   height: 24em;


   z-index: 100;

}


.containerL .bnrL ul {

  /* height: 100%;*/
}

.containerL .bnrL li {

   overflow: hidden;
}
.containerL .bnrL li div{
   display:flex;justify-content: center;
                   align-items: center;padding:10px;height: 100%;
   width: 100%;
}

.but0 {
   position: absolute;
   top: 0px;
   left: 88vw;
   width: 2rem;
   height: 6em;
   display: block;
   margin: 0;
   padding: 0.5em 0 0.5em 0;
   border: none;
   background-color: rgb(169 86 86 / 50%);
   border-bottom: 1px dotted rgb(240, 240, 240);
   border-left: 1px solid rgb(240, 240, 240);


}
.but0 a,.but1 a,.but2 a,.but3 a{
  -ms-writing-mode: tb-rl;
               writing-mode: vertical-rl;text-orientation: upright;
}
.but0not {
   display: none;
}



    
   .but1 {
       position: absolute;
       top: 6em;
       left: 88vw;
       width: 2rem;
   height: 6em;
   display: block;
   margin: 0;
   padding: 0.5em 0 0.5em 0;
   border: none;
   background-color: rgb(169 86 86 / 50%);
   border-bottom: 1px dotted rgb(240, 240, 240);
   border-left: 1px solid rgb(240, 240, 240);
   
   }
   .but1not {
       display: none;
}
   
   



       .but2 {
           position: absolute;
           top: 12em;
           left: 88vw;
           width: 2rem;
   height: 6em;
   display: block;
   margin: 0;
   padding: 0.5em 0 0.5em 0;
   border: none;
   background-color: rgb(169 86 86 / 50%);
   border-bottom: 1px dotted rgb(240, 240, 240);
   border-left: 1px solid rgb(240, 240, 240);
       
       }
       .but2not {
           display: none;
   }
       


            
           .but3 {
               position: absolute;
               top: 18em;
               left: 88vw;
               width: 2rem;
   height: 6em;
   display: block;
   margin: 0;
   padding: 0.5em 0 0.5em 0;
   border: none;
   background-color: rgb(169 86 86 / 50%);
   border-left: 1px solid rgb(240, 240, 240);
           
           }
           .but3not {
               display: none;
       }
           
}