.wrap {
    background: rgb(240, 240, 240);
}

/*--------------------------------------------

article-view__post

--------------------------------------------*/
.article-view__post {
    padding: 50px 5%;
}
.article-view__first__post {
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.article-view__first__post h1 {
    font-size: 300%;
    letter-spacing: 0.1em;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.25em;
}
.article-view__first__post h1 span {
    font-size: 40%;
    letter-spacing: 0em;
}

/*--------------------------------------------
min-width 650
--------------------------------------------*/
@media (min-width: 650px) {
    
}

/*--------------------------------------------
min-width 810
--------------------------------------------*/
@media (min-width: 810px) {

}

/*--------------------------------------------
min-width 1080
--------------------------------------------*/
@media (min-width: 1080px) {
}


/*--------------------------------------------

main-post__list

--------------------------------------------*/
.main-post__list {
    padding: 0 5%;
    padding-bottom: 50px;
}
.main-post__list .sort-options {
    padding-bottom: 1em;
}

.post-item__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3em;
}
.post-item {
    width: 100%;
    border-top: solid 2px var(--color-darkgrey);
    padding-top: 3em;
}

/*--------------------------------------------
min-width 650
--------------------------------------------*/
@media (min-width: 650px) {
    
}

/*--------------------------------------------
min-width 810
--------------------------------------------*/
@media (min-width: 810px) {

}

/*--------------------------------------------
min-width 1080
--------------------------------------------*/
@media (min-width: 1080px) {
}