.post-wrap .su-post-title{
    margin-bottom: 5px;
}

.post-wrap .su-post-title a {
    font-size: 14px!important;
    vertical-align: middle!important;
}

.entry-header {
    margin-bottom: 10px;
}

.entry-title {
    margin-left: 45px;
    font-size: 25px;
}

.construction_name {
    font-size: 11px;
    margin-bottom: 25px;
    color: #999;
}

.construction_year {
    font-size: 11px!important;
    color: #999!important;
}

.ellipsis {
    width: 100%; /* 必要な幅に設定してください */
    white-space: nowrap; /* 文字列を1行に保つ */
    overflow: hidden; /* はみ出た内容を非表示にする */
    text-overflow: ellipsis; /* はみ出た内容の代わりに三点リーダーを表示する */
}
.post_construction_name, 
.post_construction_year {
    margin:  0 0 0 45px;
    font-size: 13px;
    color: #999;
}

.post_wrapper {
    display: flex;
}

.post_wrapper .side {
    width: 40px;
    align-self: center;

}

.post_wrapper .side .arrow {
    font-size: 36px;
    line-height: 40px;
    margin: 0;
}

.post_wrapper .side .comment {
    font-size: 8px;
    margin: 0;
    text-align: center;
    display: inline-block;
}


.post_wrapper .main {
    width: calc(100% - 80px);
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.post_wrapper .main .image {
    width: 60%;
}

.post_wrapper .main .image img {
    width: 100%;
    margin: 0 0 0 5px;
}

.post_wrapper .main .text {
    width: calc(40% - 5px);
    margin-left: 5px;
}

.post_wrapper .main .text p {
    font-size: 13px;
    margin: 0 4px;
    padding: 4px;
    line-height: 20px;
    color: #666;
}

.post_wrapper .image_list {
    display: flex;
}

.post_wrapper .image_list div {
    width: 100%;
    min-width: 100%;
    margin: 5px;
    text-align: center;
    /* display: inline-block; */
}

.post_wrapper .image_list a {
    width: calc(20% - 5px);
    margin: 5px;
    border: 1px solid #ccc;
}

.post_wrapper .image_list .selected {
    border: 2px solid #333;
}

.cat_selected {
    background-color: yellow;
}

.edel-list {
    min-height: 150px;
    max-height: 170px;
    height: 170px;
}

.relation_wrapper {
    margin-top: 20px;
    height: auto;
    background-repeat: repeat;
}

.relation_wrapper .title_wrap {
    max-width: 1110px;
    margin: 0 auto;
}

.relation_wrapper .title_wrap p {
    text-align: center;
    padding-top: 20px!important;
    font-size: 16px;
    font-weight: bold;
}

.relation_wrapper .title_wrap p::before,
.relation_wrapper .title_wrap p::after {
    content: '';
    display: inline-block;
    width: calc(50% - 90px);
    height: 1px;
    background: black;
    vertical-align: middle;
    margin: 0 20px; /* Adjust spacing around the text */
}

.site-body {
    padding-bottom: 0;
}
  
@media (max-width: 1200px) and (min-width: 992px) {
    .edel-list {
        height: 140px;
        min-height: 145px;
        max-height: 145px;
    }

    .relation_wrapper .title_wrap {
        max-width: 930px;
    }
}

@media (max-width: 991px) and (min-width: 782px) {
    .edel-list {
      height: 120px;
      min-height: 120px;
      max-height: 120px;
    }

    .post-wrap .su-post-title a {
        font-size: 12.5px!important;
    }

    .relation_wrapper .title_wrap {
        max-width: 690px;
    }
}

@media (max-width: 781px) and (min-width: 577px) {
    .relation_wrapper .title_wrap {
        max-width: 510px;
    }
}

@media (max-width: 781px) {
    .edel-list {
        height: 110px;
        min-height: 110px;
        max-height: 110px;
      }
  
      .post-wrap .su-post-title a {
          font-size: 12.5px!important;
      }
}

@media (max-width: 576px) {
    .relation_wrapper .title_wrap {
        max-width: 510px;
        margin: 0 15px;
    }
}

@media (max-width: 992px) {
    .entry-title {
        font-size: 17px;
    }
    
    .post_wrapper .main .image {
        width: 100%;
    }
    .post_wrapper .main .text {
        width: 100%;
        margin-left: 0;
    }

    .post_wrapper .image_list a {
        width: calc(20% - 1px);
        margin: 1px;
        border: 1px solid #ccc;
    }
}