@charset "UTF-8";

.p-login-content__header+.p-sns-logos {
  text-align: center;
  margin-top: 1.8rem;
}
.p-sns-logos img,
.logo-sns {
  width: 32px;
  max-width: 32px;
  height: 32px;
  margin: 0px 12px;
}
.p-snslogin__attention {
    text-align: center;
    color: #808080;
    font-size: 1.2rem;
    margin-top: 1.5rem;
}
.sns-login-table-view {
  border-collapse: separate;
  border-spacing: 10px;
}
.sns-login-table-view th,
.sns-login-table-view td {
  text-align: center;
  padding:0px;
}
.sns-login-table-view td.sns-clear {
  vertical-align: top;
}
.sns-login-table-view td.sns-id {
  text-align: left;
}
.sns-login-table-view .sns-title {
  width: 80px;
}
.sns-login-table-view .sns-id {
  min-width: 120px;
}
.sns-login-table-view .sns-delete {
  min-width: 120px;
  text-align: left;
  vertical-align: top;
  padding-left: 30px;
}
.sns-login-table-view th.sns-delete {
  padding-left: 10px;
}
.sns-login-table-view .btn-sns-edit {
  background: #0099cc;
  color: #fff;
  min-width: 65px;
  width: 65px;
  padding: .5rem 0rem;
}
.sns-login-table-view .btn-sns-clear {
  background: #c1000091;
  color: #fff;
  min-width: 65px;
  width: 65px;
  padding: .5rem 0rem;
}

#sns-setting .l-section.member_view,
#sns-setting .l-section.member_edit {
  border: none;
}
#sns-setting .l-section.member_view .l-container,
#sns-setting .l-section.member_edit .l-container {
  padding: 0px;
}
.sns-login-table-view td.sns-ctrl div {
  display: inline-block;
  margin: 2px;
}
.btn.btn-disabled {
  background: #aaa;
  color: #333;
  pointer-events: none;
  text-decoration: none;
  cursor: not-allowed;
}
.col-block {
  width: 100px;
}
td.col-block {
  text-align: center;
}
.btn.btn-block {
  background: #c1000091;
  color: #fff;
  min-width: 70px;
  width: 70px;
  padding: .5rem 0rem;
}
.btn.btn-block.btn.btn-block-unlock {
  background: #0032ffb3;

}

.notice-view-block a.tolink {
  color: #007bff;          /* 清潔感のある青（Bootstrap風） */
  text-decoration: none;    /* 最初は下線を消してスッキリさせる */
  transition: 0.3s;        /* 変化をふわっとさせる */
  display: inline-block;
}

/* マウスを乗せた時（ホバー） */
.notice-view-block a.tolink:hover {
  color: #0056b3;          /* 少し濃い青にする */
  text-decoration: underline; /* ホバーした時だけ下線を出す */
  opacity: 0.8;            /* 少し透明にして「押せる感」を出す */
  display: inline-block;
}


.modal_dialog_sns_accounts .modaal-container {
     max-width: max-content;
     width:50%;
}