#list-main-header {
    width: 100%;
    height: 300px;
}
#list-main-header .img-wrap {
    height: 300px;
}
.img-wrap img {
    height: 300px;
    object-fit: cover;
}
#list-main-header h1#title-pc {
    color: #333;
    font-size: 2em;
    font-weight: bold;
    background: white;
    display: inline-block;
    height: 64px;
    position: relative;
    top: -64px;
    padding: 20px 112px 0px 32px;
    line-height: 46px;
}
h1#title-pc span.sub-title {
    font-size: 0.5em;
    font-weight: lighter;
    margin-left: 12px;
}
#list-main-header div#title-sp {
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    padding-top: 112px;
    background: rgba(0, 0, 0, 0.25);
    display: none;
}
div#title-sp span.sub-title  {
    font-size: 0.79rem;
    font-weight: 300;
}
div#title-sp h1 {
    font-size: 1.93rem;
    font-weight: bold;
    letter-spacing: 1px;
}
div#title-sp span.list-kinds  {
    font-size: 0.8rem;
    font-weight: normal;
    padding-top: 42px;
    display: inline-block;
    color: #333;
    margin-top: 24px;
    background: white;
    margin: 8px;
    border-radius: 18px;
    padding: 4px 20px;
}
span.list-kinds span.tag {
    color: #3EB8CE;
}



/* メインリスト */
main .contents-wrap {
    max-width: 1280px;
    width: calc(100% - 50px);
    margin-right: auto;
    margin-left: auto;
    margin-top: 24px;
    margin-bottom: 64px;
}

#list-main-wrap .list-wrap {
    background: #FFF;
}

#list-main-wrap .right-items-wrap {
    background: #FFF;
}


/* 記事リスト */
.section-title span.ai-counter  {
    color: #A5A5A5;
    float: right;
    font-weight: lighter;
    font-size: 0.9em;
}
.section-title span.ai-counter::before {
    content: "|";
    margin-right: 12px;
}


/* MOREボタン */
.ra-more {
    display: inline-block;
}
.ra-more-sp {
    display: none;
}


/* サイドアイテム */
#find-item-tags, #find-item-category {
    display: block;
    float: left;
    margin-bottom: 62px;
}


/* メディアクエリ */
@media screen and (max-width: 1225px) {
}

@media screen and (min-width: 769px) and (max-width:1166px) {
    #title-sp {
        display: none !important;
    }
    h1.section-title-with-img {
        font-size: 0.8em;
        white-space: nowrap;
    }
}

/* スマホ */
@media screen and (max-width: 768px) {
    main {
        background: #EFF0F1;
        /* margin-top: 65px; */
    }
    main .contents-wrap {
        width: 100%;
        margin: 0;
    }
    #title-pc {
        display: none !important;
    }
    #list-main-header {
        height: 200px !important;
    }
    #list-main-header div.img-wrap {
        position: relative;
        height: 200px !important;
    }
    #list-main-header div.img-wrap img {
        position: absolute;
        height: 200px;
    }
    #list-main-header div#title-sp {
        padding-top: 46px;
    }
    #title-sp {
        display: block !important;
        position: absolute;
    }
    #breadcrumb-container {
        margin: 0;
        background: white;
        box-shadow: 0px 0.5px 10px rgba(200, 200, 200, 0.1);
    }
    #article-list-wrap {
        padding-top: 42px;
    }
    .ra-more {
        display: none;
    }
    .ra-more-sp {
        display: inline-block;
        background: #FFF;
    }
}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 320px) {

}