@charset "utf-8";
/* ==========================================================

    single共通

========================================================== */
/* メイン記事
===========================================================*/
.l-mainContent__inner>.post_content { /* swellデフォルト打消しのためこのclass名 */
    max-width: 760px; width: 92%;
    padding: 4em 0 8em;
    margin-right: auto; margin-left: auto;
}

/* PC（1420以上） */
@media screen and (min-width: 1420px) {
    .l-mainContent__inner>.post_content {
        margin-right: 11.5vw; /* 真ん中に表示されているように見せるためのサイズ */
    }
}


/* PrevNext
===========================================================*/
.prevnext_original {
    padding-top: 1em; margin-bottom: -1em;
    border-top: 1px dashed var(--color_border);
}

.prevnext_original li {
    position: relative;
    width: 49%;
}

.prevnext_original li .p-postList__thumb { width: 50%;}

.prevnext_original .p-postList__title { font-size: 13px;}

.prevnext_original li:before {
    content: "";
    display: block;
    width: .5em; height: .5em;
    pointer-events: none;
    position: absolute; top: 50%; z-index: 1;
    color: #fff;
}

.prevnext_original li a {
    display: flex;
    flex-direction: column; justify-content: center;
}

/* .__prev */
.prevnext_original .__prev {
    border-left: 1.25em solid var(--color_main);
    padding-left: 1px;
}

.prevnext_original .__prev:before {
    border-bottom: 1px solid;
    border-left: 1px solid;
    left: calc(-1.25em + 0.25em);
    transform: rotate(45deg) translateY(-50%);
}

.prevnext_original .__prev:hover { box-shadow: 1px 1px 2px var(--swl-color_shadow);}


/* .__next */
.prevnext_original .__next {
    border-right: 1.25em solid var(--color_main);
    padding-right: 1px;
}

.prevnext_original .__next:before {
    border-top: 1px solid;
    border-right: 1px solid;
    right: calc(-1.25em + 0.7em);
    transform: rotate(45deg) translateY(-50%);
}

.prevnext_original .__next:first-child { margin-left: auto;}

.prevnext_original .__next a { align-items: flex-end;}

.prevnext_original .__next:hover { box-shadow: -1px 1px 2px var(--swl-color_shadow);}




/* ブログカード
===========================================================*/
.p-blogCard__title {
    font-weight: bold;
    color: #80b12f;
}

.p-blogCard__inner:hover { opacity: 0.8;}





/* メイン記事下（関連記事 等）
===========================================================*/
.l-articleBottom { border-top: 1px dashed var(--color_border);}