@charset "UTF-8";
/* CSS Document */

.base-container .c-post-list02 {
    margin: 0 0 50px;
    padding: 0;
    line-height: 1.625;
    border-top: 1px dashed #09f;
}

.base-container .c-post-list02 .c-post-list02__item:hover {
        background: #ecf7ff;
}

.base-container .c-post-list02 .c-post-list02__item .c-post-list02__thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    margin: 0;
}

.base-container .c-post-list02 .c-post-list02__item .c-post-list02__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 77%;
    flex: 0 0 74%;
}

.base-container .c-post-list02::after {
    content: "";
    position: inherit;
    right: 0;
    bottom: 0;
    width: 0;
    aspect-ratio: 335 / 401;
    background: none;
}

.base-container .c-post-list02 .c-post-list02__item .c-post-list02__main .c-post-list02__title {
    font-size: 1.8rem;
}

@media (max-width: 767px) {
	.base-container .c-post-list02 .c-post-list02__item .c-post-list02__main .c-post-list02__title {
    font-size: 1.5rem;
}
    .base-container .c-post-list02 .c-post-list02__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
	    .base-container .c-post-list02 .c-post-list02__item .c-post-list02__thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 36.827%;
        flex: 0 0 36.827%;
    }
	.base-container .c-post-list02 .c-post-list02__item .c-post-list02__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.64%;
        flex: 0 0 58.64%;
    }
}


.base-container .c-contents-header01 .c-contents-header-info__inner::after {
	content: "";
    position: absolute;
    right: 42px;
    top: 50%;
    width: 136px;
    aspect-ratio: 136 / 67;
    background: url("../../kodomo/images/info/contents-header-bg-info.png") 50% no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 959px) {
    .base-container .c-contents-header01 .c-contents-header-info__inner::after {
        right: 30px;
        width: 90px;
    }
}
@media (max-width: 767px) {
    .base-container .c-contents-header01 .c-contents-header-info__inner::after {
        right: 20px;
        width: 72px;
    }
}



.base-container .c-contents-block01 {
    margin-bottom: 70px;
}