.post-writer {
  padding-top: 0; }
  .post-writer__header {
    text-align: center;
    background: #fee165;
    font-size: 26px;
    font-weight: bold;
    color: #333333;
    padding: 8px 0; }
    @media only screen and (max-width: 767px) {
      .post-writer__header {
        font-size: 18px; } }
    .post-writer__header span,
    .post-writer__header img {
      display: inline-block;
      vertical-align: middle; }
    .post-writer__header img {
      width: 20px;
      margin-left: 8px; }
  .post-writer__body {
    padding: 30px; }
    .post-writer__body > a {
      display: block;
      width: 80%;
      margin: auto;
      margin-top: 40px;
      background: #fee165;
      color: #333333;
      text-align: center;
      padding: 12px 0; }
      @media only screen and (max-width: 767px) {
        .post-writer__body > a {
          width: 100%;
          margin-top: 20px; } }
      .post-writer__body > a span {
        display: inline-block;
        vertical-align: middle;
        padding-left: 40px;
        position: relative;
        font-size: 18px;
        color: #333; }
        @media only screen and (max-width: 767px) {
          .post-writer__body > a span {
            font-size: 15px; } }
        .post-writer__body > a span:before {
          content: "";
          width: 28px;
          height: 28px;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          background: #fff;
          border-radius: 28px; }
        .post-writer__body > a span:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 0 6px 12px;
          border-color: transparent transparent transparent #fee165;
          position: absolute;
          left: 10px;
          top: 0;
          bottom: 0;
          margin: auto; }
  .post-writer__writer {
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .post-writer__writer {
        display: block; } }
    .post-writer__writer > div:nth-child(1) {
      width: 180px; }
      @media only screen and (max-width: 767px) {
        .post-writer__writer > div:nth-child(1) {
          margin: auto; } }
      .post-writer__writer > div:nth-child(1) div {
        padding-top: 100%;
        background-size: cover;
        background-position: center;
        border-radius: 100%;
        overflow: hidden; }
    .post-writer__writer > div:nth-child(2) {
      width: calc(100% - 180px);
      padding-left: 40px; }
      @media only screen and (max-width: 767px) {
        .post-writer__writer > div:nth-child(2) {
          padding: 0;
          width: 100%;
          margin: auto;
          margin-top: 20px; } }
      .post-writer__writer > div:nth-child(2) p:nth-child(1) {
        font-weight: bold;
        font-size: 18px;
        padding-bottom: 8px;
        border-bottom: 1px solid #e5e5e5; }
      .post-writer__writer > div:nth-child(2) p:nth-child(2) {
        font-size: 15px;
        line-height: 1.8;
        margin-top: 12px; }

/*# sourceMappingURL=post_writer.css.map */