@charset "utf-8";

.ol {position:relative;background:#fff;text-align:center;border-bottom:1px solid #e6eaef}
.ol h2 {width:0;height:0;overflow:hidden}
.ol_wr {position:relative}

#ol_svc:after {display:block;visibility:hidden;clear:both;content:""}
#ol_svc a, #ol_svc span {text-align:center;display:block;width:50%;float:left;background:#fff;height:38px;line-height:38px}
#ol_svc a {background:#fafafa}

#ol_s_before form {padding:20px}
#ol_s_before input[type=text], #ol_s_before input[type=password] {position:relative;width:100%;background:#fbfbfc;height:40px;padding:0 80px 0 5px;border:1px solid #e6e6e6}
#ol_s_before .i1:before {position:absolute;right:25px;top:5px;content:"\f007" !important;z-index:9;font-size:14px;line-height:34px;text-align:center;color:#909499;width:0;height:0;background:transparent;font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#ol_s_before input[type=password] {margin-top:-1px;border-top:1px solid #e3e7ee}
#ol_s_before .i2:before {position:absolute;right:25px;top:45px;content:"\f023" !important;z-index:9;font-size:14px;line-height:34px;text-align:center;color:#909499;width:0;height:0;background:transparent;font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#ol_s_submit {width:100%;height:36px;font-weight:bold;font-size:1.083em;border-radius:30px;margin-top:15px}
.ol_before_btn {float:right;margin:5px 0;color:#aaa;line-height:1em}
.ol_before_btn a {display:inline-block;float:left;padding:5px;border:1px solid #d5d9dd;border-radius:3px;color:#999}

.ol_auto_wr {margin-top:20px;clear:both;display:block}
.ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ol_auto {float:left;display:inline-block;line-height:20px}
#ol_auto label {color:#555;vertical-align:top;padding-left:5px}
#ol_auto label span {margin-top:2px}
.ol_password_lost {display:inline-block;float:right;line-height:20px;color:#555}

#ol_after_hd {padding:20px;height:90px;position:relative}
#ol_after_hd strong {display:block;margin-bottom:5px}
#ol_after_hd .btn_admin {display:inline-block;padding:5px;text-align:center;line-height:26px;font-size:1em}
#ol_after_hd .profile_img {position:absolute;left:20px;top:20px;display:inline-block;margin:0 0 10px}
#ol_after_hd .profile_img img {width:50px;height:50px;border-radius:50%}
#ol_after_info {position:absolute;bottom:0;right:0;color:#000;background:#fff;width:20px;line-height:20px;height:20px;overflow:hidden;border-radius:50%;-webkit-box-shadow:0 1px 5px #d6d6d6;-moz-box-shadow:0 1px 5px #d6d6d6;box-shadow:0 1px 5px #d6d6d6}

.ol_m_info {padding-left:65px;text-align:left}
.ol_m_info a.btn_b04 {border:1px solid #d5d9dd;background:#fff;color:#555;padding:5px;line-height:26px;font-size:1em}

#ol_after_private {border-top:1px solid #f2f2fe;margin:0;padding:10px 0;list-style:none}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {float:left;width:50%}

#ol_after_private a {display:block;color:#525d71}
#ol_after_private span {display:block}
#ol_after_private i {margin:5px 0;color:#fff;font-size:1em}

#ol_after_memo, #ol_after_pt {border-right:1px solid #f5f5f5}
#ol_after_memo strong,
#ol_after_pt strong,
#ol_after_scrap strong {display:inline-block;font-weight:normal;margin:5px 0;padding:1px 5px;background:#d0d0d0;color:#fff;border-radius:10px}
#ol_after_pt strong {background:#8e74ef}
#ol_after_scrap strong {background:#d0d0d0}

#ol_after_btn {margin:0 0 15px}
#ol_after_btn a {display:inline-block;padding:0 10px;line-height:25px;border-radius:3px;font-weight:bold;vertical-align:baseline}
#ol_after_btn a.btn_admin {border:1px solid #c90d1e}

#sns_outlogin {border:0 !important;background:#fff !important;padding:0 !important;margin-top:0 !important}
.login-sns h3 {color:#000 !important;text-align:left !important;margin-top:20px !important;padding-top:0 !important}
.sns-wrap {text-align:left !important}