@charset "utf-8";

#be28 a {
    text-decoration: none
}

#be28 p,
#be28 h2,
#be28 h3,
#be28 h4,
#be28 a,
#be28 .mainWrap li .itemname {
    font-family: "Noto Sans JP", sans-serif !important
}

#be28 .fv {
    width: 1080px
}

#be28 .navi li i {
    top: 92%
}

#be28 section {
    padding-top: 10%;
}

#be28 h3 p,
#be28 h4 {
    color: #ff5712
}

#be28 .main-cut {
    z-index: 1;
    top: -58px;
    left: -25px;
}

#be28 .mainWrap .mainRight .itemBtn {
    background-color: #ff5712;
    height: 55px
}

#be28 .mainWrap li .price {
    font-family: "Jost", sans-serif !important
}

#be28 .boxlink_sold {
    display: flex;
    margin-bottom: 5%
}

#be28 .boxlink_sold li,
#be28 .Series .boxlink_sold .mask::after {
    display: none
}

#be28 .mainWrap .mainRight li .itemname {
    font-size: 15px;
    white-space: initial
}

#be28 .mainWrap .mainRight li .price {
    font-size: 18px
}

#be28 .mainWrap .price_down {
    display: flex !important;
    justify-content: center;
    width: 25%;
    color: #fff !important;
    padding: 3px 5px !important;
    margin: 9px
}

#be28 .staffTop a {
    height: 35px
}

#be28 .staffTop a i {
    padding-right: 1rem;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

@media screen and (max-width:520px) {
    #be28 .fv {
        width: 100%
    }

    #be28 .navi ul,
    #be28 .Series ul {
        column-gap: .5rem
    }

    #be28 section {
        padding-top: 200px;
        margin-top: -200px;
    }
    
    #be28 .mainWrap .boxlink_sold {
        flex-wrap: wrap
    }

    #be28 .main-cut {
        top: 45px;
        left: 255px
    }

    #be28 .mainWrap .mainRight li .itemname,
    #be28 .mainWrap .mainRight li .price {
        font-size: 16px !important
    }

    #be28 .swiper-slide {
        width: 270px !important
    }
}