#flnavi {
  display: flex;
  align-items: stretch;
}
#flnavi > li {
  display: flex;
  align-items: center;
}
#flnavi > li > a {
  font-size: var(--wp--preset--font-size--small);
  text-decoration: none;
}
#flnavi > li > a:hover {
  text-decoration: underline;
}
#flnavi > li.current-menu-item > a {
  text-decoration: underline;
}
#flnavi > li:after {
  content: "\7c";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  color: var(--wp--preset--color--primary);
  margin-left: 10px;
  margin-right: 10px;
}
#flnavi > li:last-child:after {
  display: none;
}
#frnavi {
  display: flex;
  gap: 10px;
}
#frnavi > li > a {
  text-decoration: none;
}
#frnavi > li > a:before {
  font-family: "Font Awesome 6 Brands";
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--wp--preset--color--lightgray);
  border-radius: 50%;
  display: block;
  transition: background-color 500ms;
}
#frnavi > li > a > span {
  display: none;
}
#frnavi > li > a:hover:before {
  background-color: var(--wp--preset--color--primary);
  color: #FFFFFF;
}
#frnavi > li.menu-item-facebook > a:before {
  content: "\f39e";
}
#frnavi > li.menu-item-twitter > a:before {
  content: "\f099";
}
#tlnavi {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
#tlnavi > li {
  display: flex;
  align-items: center;
}
#trnavi {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
#trnavi > li {
  display: flex;
  align-items: center;
}
#trnavi > li.menu-item-phone > a:before {
  content: "\f095";
  font-family: "Font Awesome 6 Pro";
  margin-right: 10px;
}
#trnavi > li.menu-item-mail > a:before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Pro";
  margin-right: 10px;
}
@media (max-width: 640px) {
  #trnavi > li.menu-item-phone > a > span,
  #trnavi > li.menu-item-mail > a > span {
    display: none;
  }
}
ul.menu {
  list-style: none;
}