@import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css');
.menu{
  display:block;
  margin-bottom:0;
  float:right;
  padding:0;
  box-sizing:border-box;
  font-family: "Sen", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  }

.menu li{ 
	display: inline-block;
	float: none;
	padding-left: .8em;
	padding-right:0;
	width: auto;
	box-sizing: border-box;
	font-size: 16px;
	border: 0;
}

.show-menu-btn,.hide-menu-btn{
  transition: 0.4s;
  font-size: 30px;
  cursor: pointer;
  display: none;
  line-height:30px
}
.show-menu-btn{
  float: right; 
  /*margin-top:12px; */
  margin-right:10px;
}

.menu a {text-decoration:none; color:#000000; font-size:16px; padding-left:2px; padding-right:2px;}
.menu button {font-size:14px;}
.menu a:hover,
.show-menu-btn:hover,
.hide-menu-btn:hover{
  text-decoration:none;
  color:#FFB338;
}

#chk{
  position: absolute;
  visibility: hidden;
  z-index: -1111;
}

.ico-menu-open { background:url(../images/ico_menu_open.svg) center center no-repeat; background-size:contain; width: 30px; height: 30px; display: block;}
.ico-menu-close{ background:url(../images/ico_menu_close.svg) center center no-repeat; background-size:contain;width: 30px; height: 30px; display: block;}

@media screen and (max-width:800px) {
  .show-menu-btn,.hide-menu-btn{
    display: block;
  }
  .menu{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color:#f1f0ee;
    right: -100%;
    top: 0;
    text-align: left;
    padding: 53px 0 0 0 ;
    line-height: normal;
    transition: 0.4s;
	z-index:1021;
  }
  .menu li{display:block!important; float:none; padding:0 !important; height:auto!important; border-top:1px solid #FFFFFF !important; text-align:center; }
  /*.menu li:first-child a {margin-top:50px}*/
  .menu li:last-child {border-top:none!important;}
  .menu a{
    display: block;
    padding: 15px;
	color:#191919;
	font-size:24px;
  }
  /*.menu li a:last-child{border-bottom:1px solid rgba(0,0,0,0.6)}*/
  .hide-menu-btn {
    position: absolute;
    top: 13px;
    right: 22px;
  }
  
  #chk:checked ~ .menu{
    right: 0;
  }
  
  /*.btn-connect {margin-top:120px; width:90%;}*/
}


#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: none;
    background-color: black;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
* html #opaque {
    position: absolute;
}