@charset "UTF-8";

html,
body {}

body {
    font-family: "Noto Sans SC", sans-serif;
    font-size: 24px;
}
.titel_line h2 {
    font-size: 40px;
    font-weight: 700;
}

.opboxarea {
    position: relative;
    margin-top: -100px;
}

.opbox {
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
    background: rgb(255, 255, 255, 0.15);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.20) 100%);
    font-size: 100%;
}

.itempic img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
}
.itemname{height: 50px;line-height: 1.1;}
.price {
    font-weight: 700;
    line-height: 1;
}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1199px) {
    .opbox {font-size: 90%;}
}

@media only screen and (max-width:991px) {
    .titel_line h2 {
        font-size: 32px;
    }
    .opbox {font-size: 70%;}
}

@media only screen and (max-width:767px) {
     body {font-size: 20px;}
    .opbox {font-size: 90%;}
}

@media only screen and (max-width:575px) {
    body{font-size: 18px;}
    .opboxarea {
        position: relative;
        margin-top: -65px;
    }
}

@media only screen and (max-width:480px) {}