@charset "utf-8";

/* =============================================
余白の単位はなるべくemで指定します。デフォルトで1em=16pxです
============================================= */
.more-guide-width {
    max-width: 960px;
    width: 92%;
    margin: 0 auto;
}

.more-guide-all-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shikkari-guide-box {
    width: 23%;
    text-align: center;
    margin-bottom: 4em;
}


.shikkari-guide-title {
    font-weight: bold;
    border-bottom: 1px solid #D8D8D8;
    height: 3.8em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.guide-box-a:hover {
    opacity: 0.7;
}

.ab-guide-box {
    margin-top: 1em;
}

.ab-guide-box-img {
    width: 88%;
    max-width: 160px;
}

.ab-catalog-box-img {
    width: 88%;
    max-width: 160px;
}

.guide-caption-p {
    color: #666;
    font-size: 14px;
    margin-top: 0.5em;
}

@media screen and (max-width:960px) {
    .more-guide-all-contents {
        margin-top: 1em;
    }

    .shikkari-guide-box {
        width: 46%;
        margin-bottom: 2em;
    }

    .shikkari-guide-title {
        font-size: 14px;
    }
}