@charset "utf=8";

/* ==========================================
詳細
========================================== */

.report-detail {
    margin: 5rem 0 0;
}

.report-detail-header {
    display: flex;
    align-items: center;
}

.report-detail-tag {
    display: inline-block;
    border: solid 2px #FC0F2B;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    line-height: 1em;
    color: #FC0F2B;
    padding: 0.3rem 0.5rem 0.4rem;
    margin: 0 2rem 0 0;
}

.report-detail-title {
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.45em;
    flex: 1;
}

.report-content-block {
    margin: 5rem 0 0;
}

.report-detail-new-text {
    margin: 0 2rem 0 0;
}

.report-detail-img-block {
    max-width: 114.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 3rem 4.1%;
    margin: 6rem auto 0;
}

.report-detail-img-item {
    width: 47.86%;
    text-align: center;
}

.report-detail-img-link {
    display: block;
}

.report-detail-img-link:hover {
    opacity: 0.65;
}

/* ==========================================
バックナンバー
========================================== */

.archive-wrapper {
    background: #E0E7FA;
}

.archive-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 4rem 7rem;
    margin: 5rem 0 0;
}

.archive-item {
    border-bottom: solid 1px #000;
}

.archive-link {
    display: block;
    font-size: 2rem;
    letter-spacing: 0.05em;
    padding: 1.5rem 1rem;
}

.archive-link:hover {
    opacity: 0.65;
}

/* newあしらい */
.archive-item:first-child {
    display: flex;
    align-items: center;
}
.backnumber-tag {
    font-size: 12px;
    letter-spacing: initial;
    margin: 0;
    height: 26px;
    align-content: center;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

    /* ==========================================
    詳細
    ========================================== */
    
    .report-detail {
        margin: 3rem 0 0;
    }
    
    .report-detail-tag {
        font-size: 2.2rem;
        margin: 0 1.5rem 0 0;
    }
    
    .report-detail-title {
        font-size: 1.8rem;
    }

    .report-content-block {
        margin: 3rem 0 0;
    }
    
    .report-detail-new-text {
        margin: 0 2rem 0 0;
    }
    
    .report-detail-img-block {
        gap: 2rem 4.1%;
        margin: 4rem auto 0;
    }
    
    /* ==========================================
    バックナンバー
    ========================================== */
    
    .archive-list {
        grid-template-columns: repeat(2,1fr);
        gap: 2rem 5rem;
        margin: 3rem 0 0;
    }
    
    .archive-link {
        font-size: 1.8rem;
    }

    /* newあしらい */
    .backnumber-tag {
        font-size: 14px;
        margin: 0;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    /* ==========================================
    詳細
    ========================================== */
    
    .report-detail-tag {
        font-size: 1.8rem;;
    }
    
    .report-detail-title {
        font-size: 1.6rem;
    }
    
    /* ==========================================
    バックナンバー
    ========================================== */
    
    .archive-link {
        font-size: 1.6rem;
    }

    /* newあしらい */
    .backnumber-tag {
        font-size: 14px;
    }


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

    /* ==========================================
    バックナンバー
    ========================================== */
    
    .archive-list {
        grid-template-columns: repeat(1,1fr);
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */