@charset "utf-8";

.info_list li {}

.info_list li:not(:last-child) {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 2px dotted var(--c_brown);
}

.info_list li .thumb_img {
    width: 15%;
}

.info_list li dl {
    width: 80%;
}


.info_list dd {
    font-size: 1.125rem;
}


.blog_body dt {
    font-size: 120%;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 1em;
}

.blog_body dt .info_date {
    font-size: .875rem;
    font-weight: normal;
}

.blog_body .thumb_img {
    width: 80%;
    max-width: 640px;
    margin: 0 auto 3em;
}



/*ナビ*/
#post_navi,
#list_navi {
    text-align: center;
    margin: 40px auto 0;
    font-size: 0.875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#post_navi a,
#list_navi a,.kanren .btn_more01 a {
    background: var(--c_brown);
    color: #fff;
    padding: 0.4em 1em;
    font-size: 0.875rem;
    border-radius: 20px;
    margin: 0.5em 4px;
}
.kanren .btn_more01 {
  text-align: center;
  padding: 2em;
}
#post_navi .dib,
#list_navi .dib {
    padding: 0.4em 0;
    color: #ccc;
}


@media (max-width: 799px) {

    .info_list li:not(:last-child) {
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 2px dotted var(--c_brown);
    }



}

@media (max-width: 599px) {

    .info_list li .thumb_img {
        width: 30%;
    }

    .info_list li dl {
        width: 65%;
    }


}

/*************************/
.kanren {}

.kanren_list .thumb_img {}

.kanren_list .thumb_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    aspect-ratio: 4 / 3;

}

.kanren_list {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
    justify-content: center;
}

.kanren_list li {
    width: calc(100% / 2 - 2%);
    padding: 0.5rem 1%;
    background-color: #fff;
}

.kanren_list li a {}

/*600px以上*/
@media (min-width: 600px) {
    .kanren_list li {
        width: calc(100% / 3 - 2%);
    }

}

/*900px以上*/
@media (min-width: 900px) {
    .kanren_list li {
        width: calc(100% / 4 - 2%);
    }

}