.overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 190;
    opacity: 0;
    visibility: hidden;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;

    transition: all 0.3s;
  }
  div.setnav {
    width: 300px;
    height: 100%;
    background-color: #FFF;
    right: -300px;
    top: 0;
    position: fixed;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;

    transition: all 0.3s;
    
    z-index: 199;
    font-size: 14px;
  }

  .toggle {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 52px;
    height:52px;
    color: #313131;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;

    padding: 0;
    
    z-index: 189;
  }
  span.toggler {
      pointer-events: none;
  }


.navbar-item {
  padding: 0 !important;
}

a.navbar-item:hover {
  background-color: #fafafa;
}

.navtable {
  height: 52px;
}

.navtable2 {
  margin-left: 16px;
}

.navselect{
  margin-top: 7.4px;
  width: 180px;
}

.verhyouki {
  text-align: left;
  margin: 16px;
}

.setteimidashi{
  margin: auto;
  text-align: center;
  font-size: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #4a4a4a;
}

.on_select-display{
  color: #4a4a4a !important;
}
.on_select-options{
  color: #4a4a4a !important;
}


.font-online{
  background-image: url("online.gif");
  background-repeat: no-repeat;
  -webkit-background-size: 16px auto;
  -moz-background-size: 16px auto;
  background-size: 16px auto;
  background-position: 94% 50%;
}

.font-local{
  background-image: url("local.gif");
  background-repeat: no-repeat;
  -webkit-background-size: 20px auto;
  -moz-background-size: 20px auto;
  background-size: 20px auto;
  background-position: 94.8% 50%;
}

.font-online-16{
  background-image: url("online-16.gif");
  background-repeat: no-repeat;
  -webkit-background-size: 16px auto;
  -moz-background-size: 16px auto;
  background-size: 16px auto;
  background-position: 94% 50%;
}

.font-local-16{
  background-image: url("local-16.gif");
  background-repeat: no-repeat;
  -webkit-background-size: 16px auto;
  -moz-background-size: 16px auto;
  background-size: 16px auto;
  background-position: 94% 50%;
}

.select1banme{
  z-index: 240;
}

.select2banme{
  z-index: 238;
}

.select3banme{
  z-index: 236;
}

.select4banme{
  z-index: 234;
}

.select5banme{
  z-index: 232;
}

.select6banme{
  z-index: 230;
}

.select7banme{
  z-index: 228;
}