@charset "utf-8";

/* = mod-authorProfile
-----------------------------------------------
 * 記事を書いた人
----------------------------------------------- */

/* UI改修の暫定対応 */
.mod-authorProfile {
    border-top: 1px solid #ebebeb;
    color: #222;
    font-family: "Montserrat", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 32px;
    word-break: break-word;
}

.mod-authorProfile .heading {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}

.mod-authorProfile .detail {
    align-items: flex-start;
    display: flex;
    margin-left: 40px;
}

.mod-authorProfile .detail .avatar {
    border-radius: 2px;
    height: 96px;
    margin-right: 16px;
    width: 96px;
}

.mod-authorProfile .detail .wrap {
    line-height: 1.8;
    width: calc(100% - 152px); /* chromeで画像が縦に伸びるバグ解消 */
}

/* wrap */
.mod-authorProfile .detail .authorTitle,
.mod-authorProfile .detail .authorUrl {
    font-size: 12px;
}

.mod-authorProfile .detail .authorTitle {
    margin-left: 16px;
}

.mod-authorProfile .detail .authorUrl {
    margin-bottom: 16px;
}