/* ********************************** シリーズアーカイブページの設定 ********************************** */
.post-type-archive-series .series_title_box{
    text-align: center;
}

.post-type-archive-series .series_title_box .main_title{
    border-bottom: 7px solid #B30080;
    padding-bottom: 0.6em;
}

.post-type-archive-series .series_title_box .main_title::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 50%;
    border-bottom: 7px solid #F1B1CD;
}

.post-type-archive-series .orange_border {
    margin: 5em 0;
}

.post-type-archive-series .series_flex_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 2列のグリッドを作成 */
    gap: 5em; /* グリッド間のマージンを設定 */
}

/* 最後のliの余白スペースを埋めるための要素 */
.post-type-archive-series .series_flex_container::after {
    content: "";
    grid-column: span 3; /* 2列にわたって配置 */
}

.post-type-archive-series .series_flex_container li {
    width: 100%;
}

.post-type-archive-series .series_flex_item .contents_box .thumbnail_box {
    width: 100%;
}

.post-type-archive-series .series_flex_item .contents_box img {
    width: 100%;
    height: auto;
    border: 3px solid var(--maincolor);
}

.post-type-archive-series .series_txt_box{
    line-height: 1.2em;
    margin-top: 2em;
}

.post-type-archive-series .title::before{
    content: "";
    background: url(../images/systems/icon/pickup_icon.svg);
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    width: 0.8em;
    height: 1em;
    margin-right: 0.4em;
}

.post-type-archive-series .excerpt{
    padding: 1em 0 0.2em 0;
    border-top: 3px solid var(--assortcolor);
    margin-top: 1em;
    line-height: 1.5em;
}

.post-type-archive-series .link_btn::before {
    content: '●';  /* beforeに●を表示 */
    margin-right: 5px; /* ●とテキストの間に余白を追加 */
    color: #000;  /* 色を指定 */
}

.post-type-archive-series .link_btn{
    margin-top: 0.5em;
}

.post-type-archive-series .link_btn:hover a{
    color: var(--maincolor);
}


.post-type-archive-series .inner_wrapper{
    background: url(../images/systems/other/topics_bg.svg) no-repeat bottom center / 90%;
    background-position: bottom;
    min-height: 300px;
    padding-bottom: 17em;
    padding: 4.5em 6em 17em 6em;
}