#menu1 .fa-chevron-right{float: right;
    line-height: 42px;width: 13%;
    font-size: 20px}
    .cross{width: 15%;
    margin: 3em auto auto auto;
    display: table;}
    #menu1 .btn-width{    width: 92% !important;
    margin-bottom: 17px !important;}
    #menu1 .button-text{line-height: 20px}
    /*#menu1 #menuToggle1 span{    width: auto;
    height: 32px}*/
    .color-2{    width: auto !important;
    height: 40px !important;
    background-color: transparent !important;}
    .color-2 .fa-chevron-right{    line-height: 45px !important;
    font-size: 15px !important;}
    .call, .regist{border-bottom: none !important;}
    .close{display: table;margin: auto;font-size: 35px;background-color: transparent;
    border: none;
    color: #fff;}
    .show{    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 26px;}
    #menu1 input[type=checkbox]{    display: none;}
.iframe {width: 100%;}
#menuToggle1
{
  cursor: pointer;
  position: fixed;
  border: 2px solid #fff;
  display: none;
 padding: 1px 3px;
  border-radius: 7px;   

  top: 25px;
  left: 30px;
  z-index: 10000;
  -webkit-user-select: none;
  user-select: none;
}


#menu1
{
  background-image: linear-gradient(to right,#0098d6 0,#00cbd6 100%);
  overflow-y: scroll;
  position: fixed;
  height: 110vh;

  width: 335px;
  margin: -100px 0 0 -50px;
  padding: 30px;
  padding-top: 58px;
  display: none;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;

}

#menu1 li
{
 line-height: 44px;
  font-size: 20px;
  position: relative;

}
.menu-item{  border-bottom: solid 1px #ededed;}
#menu1 li a{color: #fff;
            }

  .plus1{ right: 1em;
          top: 12px;
          position: absolute;}


.label1 {
  color: #fff;
  padding-top: 0px;
  display: block;
}
@media(max-width: 768px){
  #menuToggle1{display: block;}
}
@media(max-width: 320px){
  .show {font-size: 20px}
  #menu1{    width: 316px;
    margin: -100px 0 0 -31px;}
}