#bgrmenu { background-color: #ffffff; text-align: center; font-size: 0.85rem; line-height: 100%; }
#bgrmenu > div { width: 100%; height: 100%; overflow: hidden auto; }
#bgrmenu a { text-decoration: none; }
#bgrmenu ul { list-style-type: none; }
#bgrmenu .bgrmenubtn { position: absolute; top: 0px; right: 0px; z-index: 3; width: 60px; height: 60px; cursor: pointer; }
#bgrmenu .bgrwak { margin: 0px auto; padding: 0px; width: 90%; max-width: 400px; }
#bgrmenu .h1z { margin: 0px auto; padding: 30px 0px 15px; width: 50%; max-width: 180px; font-size: 1rem; line-height: 100%; }
#bgrmenu .h1z img { width: 100%; }
#bgrmenu ul.ultyp1 { margin: 0px; padding: 10px 0px 0px; text-align: left; }
#bgrmenu ul.ultyp1 li { position: relative; margin: 0px; padding: 0px; border-top: 1px dashed #999999; }
#bgrmenu ul.ultyp1 li::before { position: absolute; top: 50%; left: 10px; width: 4px; height: 23px; content: ""; transform: translateY(-50%); }
#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::after { position: absolute; top: 50%; right: 15px; width: 6px; height: 6px; content: ""; border-top: 1px solid #333333; border-right: 1px solid #333333; transform: translateY(-50%) rotate(45deg); }
#bgrmenu .sns { margin: 0px auto; padding: 20px 0px 0px; display: flex; flex-flow: wrap; width: 200px; }
#bgrmenu .sns li { width: 40px; }
#bgrmenu .sns img { width: 100%; }
#bgrmenu ul.ultyp2 { margin: 0px; padding: 0px 0px 20px; font-size: 0.75rem; line-height: 200%; display: flex; flex-flow: wrap; justify-content: center; }
#bgrmenu ul.ultyp2 li { margin: 10px 10px 0px; padding: 0px; }
#bgrmenu .cntrz a { display: block; margin: 10px auto 0px; padding: 5px 0px; width: 180px; border: 1px solid #cccccc; font-size: 0.7rem; line-height: 100%; text-align: center; }
#bgrmenu .sns { margin: 0px; padding: 20px 0px; width: 100%; font-size: 0.7rem; line-height: 100%; display: flex; flex-flow: wrap; justify-content: center; }
#bgrmenu .sns li { margin: 10px 0px 0px; width: 20%; max-width: 70px; }
#bgrmenu .sns img { margin: 0px auto 4px; width: 100%; max-width: 40px; }
#bgrmenu .line { margin: 0px auto; padding: 10px 0px; width: 90%; max-width: 250px; }
#bgrmenu .line a { position: relative; display: flex; flex-flow: wrap; justify-content: center; padding: 5px 0px; line-height: 30px; text-decoration: none; border: 1px solid #777777; }
#bgrmenu .line a::before { content: ""; position: absolute; top: 50%; right: 5px; width: 0px; height: 0px; border-width: 6px; border-style: solid; transform: translateY(-50%); }
#bgrmenu .line img { width: 32px; margin-right: 10px; }
#bgrmenu .line div { display: inline-block; padding-right: 10px; font-size: 0.8rem; line-height: 32px; }
@media screen and (min-width: 768px) {
  #bgrmenu .bgrmenubtn { width: 88px; height: 88px; }
  #bgrmenu .scllbr::-webkit-scrollbar { width: 7px; }
  #bgrmenu .scllbr::-webkit-scrollbar-thumb { background: #cccccc; }
  #bgrmenu .scllbr::-webkit-scrollbar-track { background: #eeeeee; }
}