@charset "utf-8";

#bana_inc a:hover {
    opacity: .75
}

.saleCate,
.saleKeyword {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 5%
}

.saleCate li,
.saleKeyword li {
    list-style: none;
    width: 30%;
    text-align: center;
    margin: 0 5% 2% 0;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 1%;
    position: relative
}

.saleCate li a,
.saleKeyword li a {
    display: block
}

.saleCate li:nth-of-type(3n),
.saleKeyword li:nth-of-type(3n) {
    margin-right: 0
}

.saleKeyword .timeSale {
    border: 1px solid #FF0004
}

.saleKeyword .timeSale a {
    color: #ff0004 !important
}

.saleCate li:after,
.saleKeyword li:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg);
    position: absolute;
    right: 7%;
    top: 40%
}

.saleKeyword .timeSale:after {
    border-top: solid 1px #FF0004;
    border-right: solid 1px #FF0004
}

.saleKeyword p {
    display: block !important;
}

.fvBnr {
    text-align: center;
    margin: 0 auto 2%;
    width: 97%
}

.fvBnr .spBnr {
    display: none
}

.navi1 {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto 3%;
    padding: 0
}

.navi1 li {
    text-align: center;
    width: 22%;
    background-color: #fff;
    list-style: none;
    border: 1px solid #b8b8b8;
    font-size: 20px
}

.navi1 li a {
    display: block;
    font-weight: bold
}

.navi1 li span::after {
    content: '';
    width: 12px;
    height: 12px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg);
    position: absolute;
    right: 7%;
    top: 40%
}

.navi1 li span {
    display: block;
    position: relative;
    padding: 7% 0
}

@media screen and (max-width:520px) {
    ul.navi1 {
        width: 97%
    }

    .navi1 li {
        width: 24%;
        font-size: 13px
    }

    .navi1 li span::after {
        width: 6px;
        height: 6px
    }

    .saleCate,
    .saleKeyword {
        margin: 0 auto 4%;
        padding: 0 3%
    }

    .saleCate li,
    .saleKeyword li {
        margin: 0 5% 2% 0;
        font-size: 12px
    }

    .saleCate li a,
    .saleKeyword li a {
        width: 31%;
        margin: 0 3% 2% 0
    }

    .saleCate li:after,
    .saleKeyword li:after {
        width: 5px;
        height: 5px
    }

    .saleCate li a,
    .saleKeyword li a {
        display: inline
    }
}