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

#ol_before{}
#ol_before fieldset{position:relative;padding:20px }
#ol_before fieldset:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border:1px solid #e2e6ed;background:none;height:35px;background:#f8f9fb;padding:0 10px;padding-right:80px;border-radius:0}
#ol_before input[type=password]{border-top:0}
#ol_submit {width:80px;height:70px;position:absolute;top:20px;right:20px;font-weight:bold;font-size:1.083em; }
#ol_svc {float:left;color:#858895;font-size:0.92em;margin:10px 0 0;line-height:20px}
.ol_before_btn{float:right;margin:10px 0 0;line-height:20px;font-size:0.92em}
.ol_before_btn a{display:inline-block;float:left;padding: 0 10px;color:#4a5ba9}
#ol_password_lost{border-right:1px solid #dee2e7;color:#858895}

#ol_before #sns_outlogin{border-top:1px solid #e8e8e8;padding:10px}
#ol_before .login-sns h3{margin-top:0;padding-top:0;}

#ol_after_hd{padding:20px 20px 20px 90px;position:relative}
#ol_after_hd strong {display:block;}
#ol_after_hd .profile_img{display:inline-block;position:absolute;top:20px;left:20px;width:55px;height:55px}
#ol_after_hd .profile_img img{border-radius:50%;width:100%;height:auto}
#ol_after_info{position:absolute;bottom:-5px;right:-5px;background:#fff;background-size:15px;width:30px;line-height:30px;text-align:center;border-radius:50%;color:#999;font-size:15px;}
#ol_after_info:hover{color:#4a5ba9}


#ol_after_private {margin:0;padding:0;border-top:1px solid #e8e9eb;background:#f9fafc;list-style:none}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;border-left:1px solid #e8e9eb;line-height:45px;padding:0;float:left;width:40%;padding:0 10px }
#ol_after_private li:first-child{border-left:0}
#ol_after_private li:hover{background:#f3f3f3}
#ol_after_private li strong{float:right;background:#4a5ba9;line-height:20px;color:#fff;padding:0 5px;display:inline-block;font-size:0.92em;font-weight:normal;border-radius:5px;margin-top:12px}
#ol_after_private li i{color:#4a5ba9;}
#ol_after_memo {}
#ol_after_pt {}
#ol_after_private #ol_after_scrap {width:20%;text-align:center}
#ol_after_private a {display:block}

#ol_after_btn {margin:5px 0}
#ol_after_btn a{display:inline-block;padding:0 10px;line-height:30px;vertical-align:top;border:1px solid #ddd;font-weight:bold}
#ol_after_logout{;color:#555}

.ol_bg {position:fixed;top:0;left:0;background:#fff;width:100%;height:100%;background:rgba(255,255,255,0.6);z-index:998}
.ol .btn_close{background: #211c32;height: 50px;padding:0 20px;width:100%;border:0;text-align:right;color:#a9a3bc;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
box-shadow: 0 0 10px rgba(0,0,0,0.8);}

@media (max-width: 969px){
    .ol{display:none;position:fixed;top:0;right:0;height:100%;border:0;z-index:998}
    .ol_wr{position:relative;background:#1b1725;width:280px;height:100%;z-index:999}
    #ol_before #sns_outlogin{border:0;text-align:left;padding:0 20px 20px}
    #ol_before .login-sns h3 {text-align:left;}
    #ol_before .sns-wrap {text-align:left}
    #ol_password_lost{border-right:1px solid #312c3d}
    #ol_after_hd{color:#fff}
    #ol_after_private {border-top:0;background:none}
    #ol_after_private li{width:100%;border-left:0}
    #ol_after_private li a{color:#fff}
    #ol_after_private li i {margin:0 10px}
    #ol_after_private li:hover{background:none}
    #ol_after_private #ol_after_scrap{width:100%;text-align:left}
    #ol_after_logout{;color:#fff}

}