.bl_postNav {
    padding: 8px 15px;
}

.bl_postNav_txtWrap {
    font-size: 11px;
}

.bl_postTop {
    border-bottom: 1px solid #888;
    margin-bottom: 20px;
}

.bl_post_wrap {
    margin-bottom: 20px;
}

.bl_post:not(:last-child) {
    border-bottom: 1px solid #888;
}

.bl_post_img {
    margin-bottom: 15px;
}

.bl_post_ttl {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 15px;
}

.bl_post_txtWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bl_post_txtInner {
    display: flex;
}

.bl_post_date {
    display: inline-block;
    font-size: 14px;
}

.bl_post_like {
    margin-left: 10px;
    font-size: 14px;
}

.bl_post_cnt_pd {
    padding-left: 2px;
}

.bl_post_comment {
    display: flex;
    margin-left: 10px;
    font-size: 14px;
}

.bl_post_comment_icon {
    width: 15px;
    margin-right: 5px;
}

.bl_post_category {
    display: inline-block;
    font-size: 14px;
    padding: 0 5px;
    margin-bottom: 5px;
}

.bl_post_moreBtn {
    font-size: 12px;
    color: #404040;
    cursor: pointer;
}

.bl_post_detail {
    margin-bottom: 20px;
}

.bl_post_detail_txt {
    font-size: 12px;
    margin-bottom: 15px;
}

.bl_post_detail_link {
    display: block;
    font-size: 15px;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    border-radius: 8px;
}

.bl_post_content {
    margin-bottom: 40px;
}

/* 記事ブロック内のスタイル */
.article-text {
    margin: 8px 0;
    line-height: 1.9;
    color: #333;
    letter-spacing: normal;
}

.article-text p {
    font-size: 16px;
    margin: 0;
}

.article-head-2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    align-content: center;
    padding: 0 0 0 8px;
    border-left: 5px solid #E61E82;
    letter-spacing: 0.01em;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-4 {
    margin-top: 16px !important;
}

.mt-8 {
    margin-top: 32px !important;
}

.mt-12 {
    margin-top: 48px !important;
}

.mt-16 {
    margin-top: 64px !important;
}

.mt-20 {
    margin-top: 80px !important;
}

/* フォントサイズ */
.ql-size-fontSize1 {
    display: block;
    font-size: 14px;
}

.ql-size-fontSize2 {
    display: block;
    font-size: 16px;
}

/* ライタープロフィール */
.bl_post_writer {
    background-color: #F0F0F0;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.bl_post_writer_head {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.bl_post_writer_head_icon {
    margin-right: 10px;
    max-width: 18px;
}

.bl_post_writer_head_txt {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
}

.bl_post_writer_content {
    display: flex;
}

.bl_post_writer_content_img {
    width: 100px;
    margin-right: 10px;
}

.bl_post_writer_content_img img {
    border-radius: 50%;
}

.bl_post_writer_content_txtWrap {
    width: calc(100% - 110px);
}

.bl_post_writer_content_name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.bl_post_writer_content_txt {
    font-size: 12px;
}

.bl_post_btn {
    width: 100%;
    border-radius: 8px;
}

.bl_post_btn:not(:last-child) {
    margin-right: 15px;
}

.bl_post_btnWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.bl_post_btn_x {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bl_post_btn_x_img {
    width: 23px;
    padding: 8px 0;
    /* margin: 0 auto; */
}

.bl_post_btn_x_txt {
    display: inline-block;
    font-size: 15px;
    letter-spacing: normal;
    padding-left: 3px;
}

.bl_post_btn_like {
    display: block;
    border: 1px solid #E61E82;
    font-size: 15px;
}

.bl_post_btn_like_icon {
    margin-right: 10px;
    transition: .3s ease all;
}

.bl_post_btn_like_cnt {
    margin-left: 5px;
}

/* コメント */
.bl_post_comment_areaWrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bl_post_comment_area {
    border: 2px solid #707070;
    border-radius: 5px;
    width: 100%;
    height: 145px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.6;
}

.bl_post_btn_comment {
    display: block;
    font-size: 15px;
    padding: 8px 0;
    margin: 0 auto 30px;
}

.bl_post_comment_listWrap {
    margin-bottom: 15px;
    border-bottom: 1px solid #bbb;
}

.bl_post_comment_list {
    margin-bottom: 40px;
}

.bl_post_comment_item {
    padding-top: 20px;
}

.bl_post_comment_item:not(:last-child) {
    border-bottom: 1px solid #bbb;
}

.bl_post_comment_item_date {
    font-size: 12px;
    margin-bottom: 10px;
    letter-spacing: normal;
}

.bl_post_comment_item_txt {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}

.bl_post_comment_empty {
    font-size: 14px;
    padding: 40px 0 10px;
    text-align: center;
}

.bl_post_btn_back {
    display: block;
    font-size: 15px;
    border: 1px solid #E61E82;
    width: 100%;
    border-radius: 8px;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 40px;
}

.bl_post_related {
    margin-bottom: 40px;
}

.bl_post_related_item {
    margin-bottom: 20px;
}

.bl_post_related_item_link {
    display: flex;
}

.bl_post_related_item_link_img {
    width: 50%;
    margin-right: 15px;
}

.bl_post_related_item_link_txtBox {
    width: 50%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.bl_post_related_item_link_ttl {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.3;
}

.bl_post_related_item_link_date {
    font-size: 12px;
    letter-spacing: normal;
}

.bl_related_empty {
    font-size: 14px;
    padding: 40px 0 30px;
    text-align: center;
}

/* observerの発火用 */
#relatedLoadTrigger {
    height: 1px;
}

@media screen and (max-width: 500px) {
    .bl_post_comment_area {
        border: 1px solid #707070;
    }
}