@charset "utf-8";

.ol {margin:0 0 10px;text-align:center}
.ol h2 {width:0;height:0;overflow:hidden}

#ol_before { display:inline-block; width:100%; background:#fff;padding:20px 0px 0px 30px;text-align:left; font-size:1.3em;}
#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff;}
#ol_before img {width:40px; margin-right:10px; float:left;}
#ol_before span.welcom { position:relative; width:calc(100% - 50px); height:40px; display:inline-block; float:left;}
#ol_before span.welcom_intro { display:inline-block; width:100%; line-height:100%;}
#ol_before span.welcom_join { position:absolute; display:inline-block; width:100%; font-size:0.7em; bottom:0%; left:0%; margin:-5px 0 0 0;}
#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
#ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
.ol_before_btn {margin:15px 0 0;color:#aaa;line-height:1em}
.ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left;}
#ol_password_lost {border-left:1px solid #777}

#ol_after_hd {padding:20px 0 10px 30px;}
#ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_hd strong {display:block;float:left;color:#000;padding:0 0 0 15px;line-height:40px; font-size:1.3em; font-weight:normal;}
#ol_after_hd .btn_admin {float:left; display:block; padding:0px!important; text-align:center; color:#ff0000; margin-right:0px; margin-top:0px; margin-left:40px;}
#ol_after_hd .profile_img {position:relative;float:left;display:inline-block}
#ol_after_hd .profile_img img {width:40px;height:40px;border-radius:50%}
#ol_after_info {}

#ol_after_private {clear:both;margin-top:10px;background:#fff;padding:0 20px;list-style:none;border-bottom:1px solid #ddd}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;float:left;width:33.333%;text-align:left;border-right:0px solid #ddd}
#ol_after_private li a {color:#000}
#ol_after_private i {margin:0 5px 0 0;color:#b9bcbf;font-size:1.2em}
#ol_after_private strong {position:absolute;top:16px;right:10px}
#ol_after_memo strong {background:#37bc9b;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em}
#ol_after_pt strong {background:#8cc152;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em;font-weight:normal}
#ol_after_private li#ol_after_scrap {border-right:0;text-align:center}
#ol_after_private a {display:inline-block;padding:15px 10px}

#ol_after_btn { position:fixed; background:#fff; bottom:0%; display:inline-block; width:100vw; text-align:left; padding:20px 30px 30px 20px; left:0%; text-align:right; z-index:1000;}
#ol_after_btn a {display:inline-block; font-size:1.2em; margin-left:10px;}
#ol_after_btn a img {width:20px; margin-right:7px;}
#ol_after_logout {}