[mn="7011"] {
    background-attachment: fixed;
    --itmdiv: 4
}
 

[mn="7011"] .itms {
    margin: 0 -9px;
    padding-top: 10px
}

[mn="7011"] ._secttlbx:before {
    display: none
}

[mn="7011"] .itm {
    flex: 0 0 calc(100% / var(--itmdiv));
    max-width: calc(100% / var(--itmdiv));
    padding: 9px 9px 15px; 

    @media(width>991px){

        &:nth-child(2n + 2){
            margin-top: 60px;
        }

    }
}

[mn="7011"] .itm>div {
    height: 100%; 
}

[mn="7011"] .txt .smr {
    font-size: 80%;

    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
}

[mn="7011"] .infobx {
    line-height: 1.1;
    /* padding: 30px 12px 12px; */
    transition: all ease-in-out .4s;
    width: 100%;
    flex: 1 0 0; 
    text-align: center;

    bottom: 0;
    left: 0;
    /* position: absolute; */
    z-index: 3;
    /* color: #fff; */

    /* &::after{
        content: '';
        display: block;
        height: 100%;
        width: 100%;
        bottom: 0;
        left: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, .8) 45%, rgba(0, 0, 0, 0) 100%);
        position: absolute;
        z-index: -1;
    } */

    .btn{
        min-width: auto;
        padding: 12px 15px;
    }
}

[mn="7011"] ._subttl {
    margin: 6px 0 0;
    font-size: 75%;
}

[mn="7011"] .ttl {
    font-family: var(--ft-t1);
    font-size: 120%;
    margin: 9px 0;
    width: 250px;
    max-width: 100%;
}
[mn="7011"] .more {
    font-size: 90%
}


[mn="7011"] .bimgbx {
    .bimg {
        padding-top: 70%;
        transition: all ease-in-out .4s;
        transform: scale(1); 
    }
    .bimgw{
        border-radius: 15px; 
    }
    .bimg:after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        background-color: var(--clr01);
        mix-blend-mode: multiply;
        opacity: 0;
        transition: .4s all ease;
        display: block;
        content: '';
    
    }
}




[mn="7011"] .itm>*:hover .bimg:after {
    opacity: .5;
}

[mn="7011"] .itm>*:hover .bimg {
    transform: scale(1.05);
}

[mn="7011"] div.add {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 25%;
    width: 90px;
    aspect-ratio: 1 / 1;
    opacity: 0;
    transition: all ease-in-out .4s;
    background-image: url(_src/add.png);
    z-index: 3;
}

[mn="7011"] .itm>* {
    cursor: pointer;
}

[mn="7011"] .itm>*:hover div.add {
    opacity: 1;
}

[mn="7011"] .itm>*>* {
    flex-direction: column
}


[mn="7011"] ._date {
    font-size: 80%;
}

[mn="7011"] .bimg-w {
    background-color: #000;
}

@media screen and (max-width: 991px) {
    [mn="7011"] {
        --itmdiv: 3;
    }
}

@media screen and (max-width: 575px) {
    [mn="7011"] {
        --itmdiv: 2;
    }
}

[mn="7011"] .ttldecor- {
    display: none;
}


.licht7011 .infobx {
    background-color: #fff;
    padding: 0 0 21px;
}

.licht7011 .ttl {
    margin: 0 0 21px;
}

.licht7011 .infobx>*~* {
    margin: 6px 0 0;
}

[mn="7011"] .itm.no_content {

    &>*{
        cursor: initial;
    }

    div.add{
        display: none;
    }

    .more {
        display: none;
    }

    .bimg:after {
        display: none;
    }

    &:hover .bimg {
        transform: scale(1);
    }
}