@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.p-homeContent .p-postList.-type-card {
    margin-left: -20px;
    margin-right: -20px;
}
.p-homeContent .-type-card .p-postList__item {
    padding: 0 20px;
    margin-bottom: 5em;
}
@media (min-width: 1020px) {
    .-sidebar-off .-type-card.-pc-col3 .p-postList__item,.-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
        width: 25%;
    }
}

.p-postList__thumb {
    box-shadow: none;
}
.p-postList__thumb::before {
    background: none;
}
.c-postThumb__figure + .o-news-tag{
    margin-top: 16px;
}
.c-postThumb__figure:before {
    padding-top: 67.4%;
}

.o-news-tag:before {
    display: none;
}

.p-postList .p-postList__title {
    line-height: 1.625;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.95em;
}
@media (min-width: 600px) {
    .p-postList .p-postList__title {
        height: 4.95em;
    }
}

.p-postList__meta {
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #999;
}

.p-homeContent .p-postList__title+.p-postList__meta {
    margin-top: 1em;
}

.icon-posted::before {
    display: none;
}

@media (min-width: 640px) {
    .p-homeContent .c-page-heading {
        margin-bottom: 40px;
    }
}
.c-custom-pagination {
    margin-top: calc(100px - 5em);
}
.l-content {
    font-size: 14px;
    margin-top: calc(84px - 2em);
    padding-bottom: 0;
    margin-bottom: 0;
}
@media (min-width: 600px) {
    .l-content {
        margin-top: calc(84px - 4em);
    }
}
@media (min-width: 640px) {
    .l-content {
        font-size: 15px;
        margin-top: calc(168px - 4em);
    }
}

a.c-categoryList__link:hover {
    color: #fff;
}
a.swell-block-button__link:hover {
    color: #fff;
}

[class*=page-numbers] {
    font-size: unset;
    height: unset;
    line-height: unset;
    margin: unset;
    min-width: unset;
    padding: unset;
    position: unset;
    text-align: unset;
    text-decoration: unset;
    transition: unset;
    width: unset;
    box-shadow: unset;
    background-color: unset;
    color: unset;
}

[class*=page-numbers].current,[class*=page-numbers]:hover {
    background-color: unset;
    color: unset;
}
a.page-numbers:hover {
    color: #ee7700;
}


button, input, select, textarea {
    padding: .25em .5em;
}
img, svg, video, canvas, audio, iframe, embed, object {
    display: unset;
}
