@charset "UTF-8";

/*あとで　magazine_index.css*/
.container {
    max-width: 1200px;
}

.BS-carousel-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

.BS-carousel-Size {
    height: 70vh;
    max-height: 600px;
}

.BS-cardimg-h240 {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.BS-img-h140 {
    width: 100%;
    height: 140px;
    object-fit: cover;
}

.BS-img-w140 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


ul.BS-card-badge {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0px;
    -moz-column-count: 3;
    -moz-column-gap: 0px;
    column-count: 3;
    column-gap: 0px;
}

ul.BS-card-badge li {
    margin: 0;
    /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
}

ul.BS-card-badge li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-b;
    border: solid #fff 1px;
}

        /*あとで　magazine_index.css*/
        .BS-carousel-caption {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            padding-top: 1.25rem;
            padding-bottom: 1.5rem;
            color: #fff;
            text-align: left;
        }

        .text-truncate-01 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .text-truncate-02 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .text-truncate-04 {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }




        .background-image-cov-res {
            background-color: #ccc;
            width: 100%;
            aspect-ratio: 8/5;
        }

        .bg-visible {
            background-color: #ffffff;
        }

        @media (min-width: 576px) {}

        @media (min-width: 768px) {}

        @media (min-width: 992px) {
            .bg-visible {
                background-color: #ff4713;
            }
        }

        @media (min-width: 1200px) {}

        @media (min-width: 1400px) {}


        .navbar-light .navbar-toggler-icon {
            /* 三本線 */
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 71, 19, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5' d='M4 3h22M4 13h22M4 23h22'/%3e%3c/svg%3e");
        }