/* ---------------------------------------------
specialBlc 
------------------------------------------------*/

#itemBlc .listItem .specialBlc {
    margin-bottom: 5%;
}

#itemBlc .listItem .specialBlc:last-child {
    margin-bottom: 0;
}

#itemBlc .listItem {
    margin-top: 80px;
}

@media screen and (max-width:767px) {
    #itemBlc .listItem {
        margin-top: calc(80px - 6%);
    }
}

@media screen and (max-width:480px) {
    #itemBlc .listItem .specialBlc {
        margin-bottom: 12%;
    }
    #itemBlc .listItem {
        margin-top: calc(80px - 10%);
    }
}

/* ---------------------------------------------
listStyle01 
------------------------------------------------*/

.listStyle01 .pixBox img {
    width: 100%;
}

.listStyle01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.listStyle01 h3 {
    font-size: 100%;
    margin: 0;
    padding: 10px 4%;
    border-bottom: 0;
    background-color: #2961b6;
    color: #fff;
}

.listStyle01 .pixBox {
    margin: 0;
    text-align: center;
    position: relative;
}

.listStyle01 li {
    width: calc(100% / 4);
    margin-top: 2%;
    padding-right: 2%;
    box-sizing: border-box;
}

.listStyle01 li:nth-child(4n+4) {
    padding-right: 0;
}

.listStyle01 li:nth-child(-n+4) {
    margin-top: 0;
}

.listStyle01 .pixBox .txtDetail {
    position: absolute;
    width: 100%;
    padding: 7px 10px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.85);
    text-align: left;
    bottom: 0;
    left: 0px;
}

@media screen and (max-width:550px) {
    .listStyle01 li {
        width: calc(100% / 2);
        padding-right: 2%;
    }
    .listStyle01 li:nth-child(-n+3) {
        margin-top: 4%;
    }
    .listStyle01 li:nth-child(-n+2) {
        margin-top: 0 !important;
    }
    .listStyle01 li:nth-child(3n+3) {
        padding-right: 2%;
    }
    .listStyle01 li:nth-child(2n+2) {
        padding-right: 0;
    }
    .listStyle01 li:nth-child(-n+4) {
        margin-top: 4%;
    }
    .listStyle01 .pixBox .txtDetail {
        position: relative;
        background-color: rgb(237 239 240);
        bottom: 0;
    }
}