#bl_contents_wrapper {
    position: relative;
    /* padding: 50px 0; */
    text-align: center;
}

#bl_contents_wrapper > h1 {
    font-size: 2.25rem;
    margin: 0;
}
#bl_contents_wrapper > p {
    margin: 30px 0 50px 0;
    font-size: 1rem;
}
#bl_contents_wrapper > section {
    width: 1200px; height:380px;
    margin: 0 auto;
}

#bl_contents_wrapper article {
    position: relative;
    float: left;
    width: 298px; height: 378px;
    border: 1px solid #c2c2c2;
}
#bl_contents_wrapper a:not(:last-child) article {
    border-right: none;
}
#bl_ci_flag {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    overflow: auto;
    z-index: 3;
}
#bl_ci_flag > p {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    color: white;
    border-radius: 5px;
    margin: -7px auto 0 auto;
    padding: 15px 10px 10px 10px;
    background: #e49232;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #bl_ci_flag > p {
        padding: 19px 10px 6px 10px;
    }
    /* IE10+ CSS styles go here */
}

#bl_contents_wrapper article > img {
    margin: 88px 0 0 0;
}

.bl_hover {
    display: none;
    position: absolute;
    left:0; top:0;
    width: 100%; height: 100%;
    color: white;
    background: #1a8a7a;
}
.bl_hover h2 {
    font-size: 1.5rem;
    margin: 90px 0 38px 0;
}
.bl_hover p {
    font-size: 1.1rem;
}

#bl_contents_wrapper article > div {
    position: absolute;
    bottom: 35px;
    width: 100%;
    overflow: auto;
}
#bl_contents_wrapper article > div > div {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 14px 48px;
    font-size: 1rem;
    border: 1px solid #ccc;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #bl_contents_wrapper article > div > div {
        padding: 18px 48px 10px 48px;
        
    }
    /* IE10+ CSS styles go here */
}
#bl_contents_wrapper article:hover #bl_ci_flag > p {
    color: #1a8a7a;
    background: white;
}

#bl_contents_wrapper article:hover .bl_hover {
    display:block;
}
#bl_contents_wrapper article:hover .bl_more {
    color: #1a8a7a;
    background: white;
}

.bl_more {
    color: #7b797a;
}