@charset "utf-8";
.ol {position:relative;margin:0 0 10px;position:relative}
#ol_before h2 {width:0;height:0;overflow:hidden}
#ol_after h2 {width:0;height:0;overflow:hidden}

#ol_before {background:var(--blue); color:#fff; height:60px; }
.ol_before_link {padding:10px 20px; }
.ol_before_link .obl_btns { display:flex; height:40px; line-height:38px; border:1px solid var(--blue); border-radius:6px; overflow:hidden; }
.ol_before_link .obl_btns a { width:50%; flex-shrink:0; font-size:14px; font-weight:700; text-align:center; color:var(--blue); }
.ol_before_link .login { }
.ol_before_link .join { border-left:1px solid var(--blue);  }

#ol_after_hd {background:var(--blue); padding:15px 20px;text-align:left;position:relative;color:#fff;line-height:20px;}
#ol_after_hd .name01 { font-size:12px; }
#ol_after_hd .name02 { display:flex; gap:5px;  font-size:12px; }
#ol_after_hd strong { font-size:16px; font-weight:700; }
#ol_after_hd .btn_admin { display:inline-block; padding:0 5px;border:0;text-align:center; line-height:22px; height:24px; background:#fff; color:var(--blue); border-radius:3px; border:1px solid rgba(255,255,255,0.5); }
#ol_after_hd .ol_after_btn { display:inline-block; padding:0 5px;border:0;text-align:center; line-height:22px; height:24px; color:#fff; border-radius:3px; border:1px solid rgba(255,255,255,0.5); }
#ol_after_hd .ol_after_hd_btn { margin-top:5px; display:flex; gap:5px; }


#ol_after_private { padding:10px 20px; }
#ol_after_private .oapDiv { width:100%; display:flex; border:1px solid #efefef; border-radius:6px; color:var(--black); font-weight:700; }
#ol_after_private .oapDiv > a { width:50%; padding:15px; display:flex; justify-content: space-between; }
#ol_after_private .oapDiv > a.win_point { border-right:1px solid #efefef; } 
#ol_after_private .oapDiv a strong { color:var(--blue); font-size:14px; }