#bgrmenu { background-color: #ffffff; text-align: center; font-size: 0.9rem; line-height: 100%; }
#bgrmenu > div { width: 100%; height: 100%; overflow: hidden auto; }
#bgrmenu a { text-decoration: none; }
#bgrmenu .bgrmenubtn { position: absolute; top: 7px; right: 12px; cursor: pointer; z-index: 3; }
#bgrmenu .bgrwak { margin: 0px auto; padding: 0px; width: 90%; max-width: 400px; }
#bgrmenu .logo { margin: 0px auto; padding: 30px 0px; width: 160px; }
#bgrmenu ul.ultyp1 { margin: 0px; padding: 0px; list-style-type: none; text-align: left; }
#bgrmenu ul.ultyp1 li { margin: 0px; padding: 0px; border-top: 1px dashed #999999; }
#bgrmenu ul.ultyp1 li:last-of-type { border-bottom: 1px dashed #999999; }
#bgrmenu ul.ultyp1 li a { position: relative; display: block; padding: 20px 20px 20px 30px; }
#bgrmenu ul.ultyp1 li a::before { position: absolute; top: 50%; left: 10px; width: 4px; height: 23px; content: ""; background-color: #bdcedb; transform: translateY(-50%); }
#bgrmenu ul.ultyp1 li a::after { position: absolute; top: 50%; right: 15px; width: 6px; height: 6px; content: ""; border-top: 1px solid #438baf; border-right: 1px solid #438baf; transform: translateY(-50%) rotate(45deg); }
#bgrmenu .sns { margin: 0px auto; padding: 15px 0px 0px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: space-between; width: 90px; }
#bgrmenu .sns li { width: 40px; }
#bgrmenu .sns img { width: 100%; }
#bgrmenu ul.ultyp2 { margin: 0px; padding: 8px 0px; list-style-type: none; font-size: 0.8rem; line-height: 200%; }
#bgrmenu ul.ultyp2 li { margin: 8px; padding: 0px; }
@media print, (min-width: 768px) {
  #bgrmenu .scllbr::-webkit-scrollbar { width: 7px; }
  #bgrmenu .scllbr::-webkit-scrollbar-thumb { background: #cccccc; }
  #bgrmenu .scllbr::-webkit-scrollbar-track { background: #eeeeee; }
}