/**
 * アーカイブページのクリティカルCSS
 */
.stl-main{
    position: relative;
    padding: var(--header-max-h) 7vw 7vw;
}
.stl-archive-header{padding: 1.5em 0;}
.stl-archive-title{
    position: relative;
    display: inline-block;
    padding: .5em 2.5em .5em 0;
    font-size: 1.25em;
    font-weight: 700;
}
.stl-archive-title:before{
    content: "";
    position: absolute;
    width: 2em;
    height: 1.5px;
    background: rgb(var(--stl-accent-rgb));
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.stl-archive-article-list{
    display: grid;
    gap: 2em;
}
.stl-article-card{
    position: relative;
    padding: .5em;
    transition: .3s;
}
.stl-article-card:hover{background: #f5f5f5;}/*#F2EFEA*/
.stl-article-card-grid{display: grid;}
.stl-article-title-wrap{
    order: 20;
    padding: 0 .5em 1em;
}
.stl-article-title{
    display: -webkit-box;
    font-weight: 700;
    line-height: 1.8;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 3em;
}
.stl-article-meta-info{
    display: grid;
    grid-template-columns: calc(100% - 6em) 6em;
    order: 10;
    font-size: 14px;
    padding: 1em .5em;
}
.stl-article-category-list{
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
}
.stl-article-category-link{
    position: relative;
    display: block;
    padding: .25em .75em;
    color: rgb(var(--stl-accent-rgb));
    border: 1px solid rgb(var(--stl-accent-rgb));
    border-radius: 99px;
    z-index: 9;
    transition: .3s;
}
.stl-article-category-link:hover{
    color: #fff;
    background: rgb(var(--stl-accent-rgb));
}
.stl-article-date{
    text-align: right;
    padding: .25em 0;
    color: #555;
}
.stl-article-card-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.stl-article-img-wrap{
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.stl-article-img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.no-archives{
    text-align: center;
    padding: 7vw 0;
    letter-spacing: .15em;
}
.no-archives:before{
    content: "NOT FOUND.";
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 700;
    font-size: 7vw;
    opacity: .1;
    line-height: .85;
}
@media(orientation: portrait){
    .no-archives{padding: 10vh 0;}
    .no-archives:before{font-size: 10vw;}
}
/* Tab&PC */
@media(min-width: 576px){
    .stl-archive-article-list{gap: 3em 1em;}
}
/* Tab */
@media(min-width: 576px) and (max-width: 991px){
    .stl-archive-article-list{grid-template-columns: repeat(2, 1fr);}
}
/* PC */
@media(min-width: 992px){
    .stl-archive-title{font-size: 1.6em;}
    .stl-archive-article-list{grid-template-columns: repeat(3, 1fr);}
    .stl-article-title{font-size: 1.25em;}
}