@charset "UTF-8";

/* ---------------------------------------------------------

お客様の声＆お役立ちコラム用CSS

--------------------------------------------------------- */

/*------------------------------------------------------------
    一覧
------------------------------------------------------------*/

.archive_list li:first-child .blog-archive__img {
    overflow: hidden;
    height: 170px;
    border: 1px solid #f1f5f3;
    position: inherit;
}
.archive_list .customer_voice__status {
    overflow: hidden;
    margin-bottom: 15px;
}
.archive_list .customer_voice__status li {
    float: left;
    margin-right: 10px;
    color: #fff;
    font-size: 1.2rem;
    background: #a3c924;
    text-align: center;
    width: 90px;
}
.blog-archive li:nth-child(n+2) .customer_voice__status {
    display: none;
}

@media screen and (min-width: 768px) {
    .blog-archive__box {
        transition: .2s;
    }
    .blog-archive__box:hover {
        outline: 3px solid #a3c924;
    outline-offset: -3px;
    }
    .archive_list li:first-child .blog-archive__img {
        overflow: hidden;
        height: 220px;
        border: 1px solid #f1f5f3;
    }
    .archive_list li .blog-archive__img {
        height: 220px;
        overflow: hidden;
        border: 1px solid #f1f5f3;
        position: inherit;
    }
    .blog-archive li:nth-child(n+2) .customer_voice__status {
        display: block;
    }
}




/*------------------------------------------------------------
    詳細
------------------------------------------------------------*/
.detail-main .ttl {
    text-align: left;
}
.acms-entry [class*=column-eximage-] a, .acms-entry [class*=column-image-] a, .acms-entry [class*=column-media-] a {
    display: inline-block;
    margin: auto;
    pointer-events: none;
}
.image_scale {
    position: relative;
    max-width: 500px;
    pointer-events: none;
}
/*.image_scale:before {
    content: "";
    display: inline-block;
    background: url(../img/common/ico_zoom.jpg) no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    z-index: 2;
}*/


@media screen and (min-width: 768px) {
    .detail-main .ttl {
        text-align: center;
    }
    .image_scale:before {
        content: "";
        display: inline-block;
        background: url(../img/common/ico_zoom-pc.png) no-repeat;
        width: 95px;
        height: 72px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        z-index: 2;
        opacity: 0;
        transition: .3s;
    }
    .image_scale:hover:before {
        opacity: 1;
    }
    .image_scale:after {
        content: "";
        transition: .3s;
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .image_scale:hover:after {
        background: #385c0b;
        opacity: .9;
    }
}

/*　お客様の声　*/
.detail__head .customer_voice__status {
    overflow: hidden;
    margin-bottom: 15px;
    margin-top :15px;
}
.detail__head .customer_voice__status li {
    float: left;
    margin-right: 10px;
    color: #fff;
    font-size: 1.2rem;
    background: #a3c924;
    text-align: center;
    width: 90px;
}