#bgrmenu { text-align: center; font-size: 1rem; line-height: 100%; background-color: #ffffff; }
#bgrmenu > div { width: 100%; height: 100%; overflow: hidden auto; }
#bgrmenu ul { margin: 0px; padding: 0px; list-style-type: none; }
#bgrmenu li { margin: 0px; padding: 0px; }
#bgrmenu a { text-decoration: none; }
#bgrmenu .bgrmenubtn { position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 3; }
#bgrmenu .bgrwak { margin: 0px auto; padding: 0px; width: 90%; max-width: 400px; }
#bgrmenu .logo { margin: 0px auto; padding: 20px 0px; width: 190px; }
#bgrmenu .ultyp1 { text-align: left; }
#bgrmenu .ultyp1 li { position: relative; margin: 0px; padding: 0px; border-style: dashed; border-width: 1px 0px 0px; }
#bgrmenu .ultyp1 li:last-of-type { border-width: 1px 0px; }
#bgrmenu .ultyp1 li::before { position: absolute; top: 50%; left: 10px; width: 4px; height: 23px; content: ""; transform: translateY(-50%); }
#bgrmenu .ultyp1 li:nth-of-type(1)::before { background-color: #b44129; }
#bgrmenu .ultyp1 li:nth-of-type(2)::before { background-color: #345f89; }
#bgrmenu .ultyp1 li:nth-of-type(3)::before { background-color: #b1872e; }
#bgrmenu .ultyp1 li:nth-of-type(4)::before { background-color: #c16938; }
#bgrmenu .ultyp1 li:nth-of-type(5)::before { background-color: #577f41; }
#bgrmenu .ultyp1 li a { position: relative; display: block; padding: 20px 20px 20px 30px; }
#bgrmenu .ultyp1 li a::after { position: absolute; top: 50%; right: 15px; width: 6px; height: 6px; content: ""; border-top: 1px solid #222222; border-right: 1px solid #222222; transform: translateY(-50%) rotate(45deg); }
#bgrmenu .ultyp2 { margin: 30px 0px 0px; padding-bottom: 40px; font-size: 0.8rem; line-height: 100%; display: flex; flex-flow: wrap; justify-content: center; }
#bgrmenu .ultyp2 li { position: relative; display: inline-block; padding: 0px 10px; border-left: 1px solid #333333; }
#bgrmenu .ultyp2 li:last-of-type { border-right: 1px solid #333333; }
#bgrmenu .ultyp3 { margin: 20px 0px 0px; font-size: 0.8rem; line-height: 100%; text-align: center; display: flex; flex-flow: wrap; justify-content: center; }
#bgrmenu .ultyp3 li { margin: 0px 4px; width: 70px; }
#bgrmenu .ultyp3 img { margin: 0px auto 5px; width: 40px; }
#bgrmenu .ec { padding: 20px 0px 0px; }
#bgrmenu .ec a { position: relative; display: block; margin: 0px auto; width: 90%; border: 1px solid #999999; text-align: center; line-height: 50px; }
#bgrmenu .ec a::after { position: absolute; top: 50%; right: 15px; width: 6px; height: 6px; content: ""; border-top: 1px solid #222222; border-right: 1px solid #222222; transform: translateY(-50%) rotate(45deg); }
@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; }
}