.sns .panel:before {
  margin-bottom: 20px; }

.sns .panel:after {
  margin-top: 20px; }

.p-profile {
  margin-top: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd; }
  .p-profile dt {
    margin-bottom: 15px; }
    .p-profile dt img {
      display: block;
      margin: 0 auto;
      border: 1px solid #ddd;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .p-profile dt img {
          width: 114px; } }
  .p-profile dd {
    text-align: center;
    font-size: 15px;
    margin-left: 0; }

ul.p-account-horizontal {
  text-align: center;
  list-style-type: none;
  padding: 0; }
  ul.p-account-horizontal li {
    display: inline-block;
    margin: 0 5px; }
  ul.p-account-horizontal li a {
    display: block;
    color: #333; }
    @media screen and (max-width: 767px) {
      ul.p-account-horizontal li img {
        width: 34px; } }

ul.p-account-vertical {
  display: table;
  margin: 0 auto;
  list-style-type: none;
  padding: 0; }
  ul.p-account-vertical li {
    display: table-row;
    font-size: 13px; }
    ul.p-account-vertical li a {
      display: block;
      color: #333; }
      ul.p-account-vertical li a img {
        margin-right: 8px; }
        @media screen and (max-width: 767px) {
          ul.p-account-vertical li a img {
            width: 34px; } }
    ul.p-account-vertical li:not(:last-child) a {
      margin-bottom: 10px; }

@media screen and (min-width: 768px) {
  .sns .panel {
    padding-left: 40px;
    padding-right: 40px; }
    .sns .panel:before {
      margin-bottom: 40px; }
    .sns .panel:after {
      margin-top: 40px; }
  .p-ael {
    position: relative; }
    .p-ael_left {
      width: 50%;
      float: left; }
      .p-ael_left .p-profile {
        border-bottom: none;
        border-right: 1px solid #ddd;
        padding: 20px 0; }
    .p-ael_right {
      position: absolute;
      top: 50%;
      left: 0;
      width: 50%;
      margin-left: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .p-profile {
    padding-bottom: 30px;
    margin-bottom: 40px; }
    .p-profile dt {
      margin-bottom: 20px; }
    .p-profile dd {
      font-size: 24px; }
  ul.p-account-vertical {
    display: table;
    margin: 0 auto; }
    ul.p-account-vertical li {
      font-size: 16px; }
      ul.p-account-vertical li a img {
        margin-right: 12px; }
      ul.p-account-vertical li:not(:last-child) a {
        margin-bottom: 30px; } }