#content-css::after {
    content: "index-content-large.css";
}

#filter {
    display: inline-block;
}

#filter-close {
    display: block;
    /*  text-align: center;
    margin-bottom: 8px; */
    position: fixed;
    width: 266px;
    z-index: 999;
    border: 1px solid #000;
    opacity: 0.6;
    pointer-events: none;
}

#filter-close2 {
    display: block;
    text-align: center;
    margin-bottom: 4px;
}

#filter-close a {
    pointer-events: auto;
}

#filter-close-spacer {
    display: block;
    height: 54px;
}

.pd-1 {
    width: calc(100% - 410px);
}

.pd-2 {
    width: 400px;
}

.pd-1i {
    max-width: 520px;
}


.pi-5 {
    width: calc((100% - 15px) / 4);
}

.pi-flex-5 {
    max-width: calc((100% - 10px) / 3);
}


/*
.pi-5:nth-child(5n) {
    border-right: 3px solid #EBFAE6;
}
.pi-5:nth-child(4n), .pi-5:last-child {
    border-right: 3px solid #fff;
}
*/
#p-l {
    display: none;
    position: absolute;
    /*top: 126px; in index-[size].css */
    background: #fff;
    width: 300px;
    border-right: none;
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.25);
}
/*index-large.css point removes menu*/
@media (max-width: 1000px) {
    #p-l {
        /*top: 80px; in index-[size].css */
    }
}

#p-r {
    width: 100%;
    float: none;
}

#b-r
{
    width: 400px;
}

#b-l{
    width: calc(100% - 400px);
}

.b-d1, .b-d1 img {
    width: 150px;
}

.b-d2
{
    width: calc(100% - 180px);
}

.b-d3
{
}

.slider-item img {
    max-width: 450px;
}