@charset "utf-8";

:root {
    --font-main: 'Noto Sans JP', sans-serif;
}

#ge21 p {
    color: #393a3b
}

#ge21 .contentsWrap {
    background-color: #fffbf0;
    font-family: var(--font-main) !important
}

#ge21 .contentsWrap .bx-main-carousel__next-btn,
#ge21 .contentsWrap .bx-main-carousel__prev-btn {
    display: none !important
}

#ge21 .picture_1 {
    margin: 30px auto;
    width: 300px;
    box-shadow: 30px 30px 0 #4f785b
}

#ge21 .buyBtn a {
    border: 1px solid #393a3b
}

#ge21 .picture_2 {
    margin: 30px auto;
    box-shadow: 30px 30px 0 #b55242
}

#ge21 .brandname {
    color: #8a8a8a
}

#ge21 .lineup {
    margin-top: -70px;
    padding-top: 110px
}

#ge21 nav ul {
    display: flex !important;
    justify-content: space-evenly
}

#ge21 nav ul li{
    width: 23%;
}

@media screen and (max-width:520px) {

    #ge21 .contentsWrap .bx-main-carousel__next-btn,
    #ge21 .contentsWrap .bx-main-carousel__prev-btn {
        display: block !important
    }

    #ge21 .contentsWrap .bx-main-carousel__next-btn,
    #ge21 .contentsWrap .bx-main-carousel__prev-btn {
        padding: 0 !important;
        background-color: initial
    }

    #ge21 .contentsWrap .bx-main-carousel__prev-btn:after,
    #ge21 .contentsWrap .bx-main-carousel__next-btn:after {
        width: 80px;
        height: 55px;
        background-image: url(../img/240806/nav_2.webp?$staticlink$);
        background-size: contain;
        border: none;
        transform: initial;
        top: initial;
        left: inherit;
        right: inherit
    }

    #ge21 .contentsWrap .bx-main-carousel__next-btn:after {
        background-image: url(../img/240806/nav.webp?$staticlink$)
    }

    #ge21 nav ul li{
        width: 45%;
    }
    
    #ge21 nav ul {
        flex-wrap: wrap;
    }

    #ge21 .itemList6 .boxlink_sold .mainImgItem {
        margin: 0 auto;
        width: 50% !important
    }

    #ge21 .itemList6 .boxlink_sold .buyBtn {
        display: none !important
    }

    #ge21 .buyBtn a {
        border: 1px solid #393a3b
    }

    #ge21.itemList2 {
        flex-direction: column
    }

    #ge21 .picture_1 {
        margin: 30px auto;
        width: 300px;
        box-shadow: 16px 16px 0 #4f785b
    }

    #ge21 .picture_2 {
        margin: 30px auto;
        width: 300px;
        box-shadow: 16px 16px 0 #b55242
    }
}