.topbanner {
    background-blend-mode: multiply;
    background-size: cover;
    height: 50vw;
}

.topbanner .navbar {
    color: #FFF;
    box-sizing: border-box;
    padding: 0 4vw;
    padding-top: 3vw;
}

.topbanner .navbar a {
    color: #FFF;
    font-size: 4.6vw;
    line-height: 8.89vw;
    display: inline-block;
    padding: 0 2vw;
}

.topbanner .navbar a.selected {
    color: #ff4141;
}

.topbanner .navbar a.backbt {
    border-radius: 50%;
    padding: 0;
    width: 8.89vw;
    height: 8.89vw;
    line-height: 7vw;
    font-size: 6vw;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.topbanner .navbar .rightmenu {
    float: right;
}

.topbanner .navbar .rightmenu a {
    border-radius: 50%;
    padding: 0;
    width: 8.89vw;
    height: 8.89vw;
    line-height: 7vw;
    font-size: 6vw;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.topbanner .bannerbar {
    display: flex;
    margin-top: 6.67vw;
}

.topbanner .bannerbar .logofield {
    width: 19vw;
    padding-left: 3vw;
}

.topbanner .bannerbar .logofield a img {
    height: 15vw;
    width: auto;
    max-width: 15vw;
    max-height: 15vw;
}

.topbanner .bannerbar .logofield a {
    display: block;
    box-sizing: border-box;
    background-color: #FFF;
    width: 15vw;
    height: 15vw;
    border-radius: 2vw;
    text-align: center;
    overflow: hidden;
}

.topbanner .bannerbar .titlefield {
    color: #FFF;
    padding-left: 3vw;
    flex: 1;
}

.topbanner .bannerbar .titlefield h2 {
    font-size: 4vw;
}

.topbanner .bannerbar .titlefield h3 {
    padding-top: 1vw;
    font-size: 3.33vw;
}

.topbanner .bannerbar .opfield,
.topbanner .bannerbar .opfield a {
    color: #FFF;
}

.topbanner .bannerbar .opfield {
    width: 22vw;
}

.topbanner .bannerbar .opfield a i {
    font-size: 3.6vw;
}

.topbanner .bannerbar .opfield a {
    display: inline-block;
    padding: 0 3vw;
    line-height: 7vw;
    font-size: 3.6vw;
    background-image: linear-gradient(45deg, #fc4344, #ff8183);
    border-radius: 3.5vw;
}


.blockwraper .block {
    margin-top: -5vw;
    background-color: #f7f7f7;
    border-radius: 3.5vw 3.5vw 0 0;
    padding-bottom: 1px;
}

.blockwraper .block.informboard .informcnt {
    padding: 0 5.6vw;
    font-size: 3.3vw;
    line-height: 5vw;
    color: #5a5a5a;
}

.blockwraper .block.informboard .columntitle {
    font-size: 3.9vw;
}

.blockwraper .block.informboard .columntitle::before {
    margin-right: 2.5vw;
}

.blockwraper .pdtlistbox {
    background-color: #F7F7F7;
}

.listfilter {
    font-size: 4.2vw;
    display: flex;
    line-height: 6vw;
    padding-top: 3vw;
}

.listfilter li {
    flex: 1;
    text-align: center;
}

.listfilter i {
    font-size: 3vw;
}

.pdtlistwraper .pdtlist li {
    width: 46vw;
    box-sizing: border-box;
    border-radius: 2vw;
    background: #FFF;
    overflow: hidden;
    margin-top: 4vw;
    display: inline-block;
    margin-left: 2vw;
}

.pdtlistwraper .pdtlist li .thumb {
    width: 100%;
    height: auto;
}

.pdtlistwraper .pdtlist li h3 {
    font-size: 4vw;
    line-height: 6vw;
    padding-left: 1vw;
}

.pdtlistwraper .pdtlist li h4 {
    font-size: 3.2vw;
    line-height: 5vw;
    font-weight: normal;
    color: #fa3a45;
    padding-left: 1vw;
}

.pdtlistwraper .pdtlist li .pricebar {
    padding-left: 1vw;
    padding-right: 1vw;
    line-height: 6.8vw;
}

.pdtlistwraper .pdtlist li .pricebar .price {
    color: #fa3a45;
    font-size: 4.6vw;
}

.pdtlistwraper .pdtlist li .pricebar .point,
.pdtlistwraper .pdtlist li span .currency {
    font-size: 3vw;
}

.pdtlistwraper .pdtlist li .pricebar .mprice {
    font-size: 3vw;
    float: right;
}

.morenewsbtwraper {
    padding: 4vw;
    box-sizing: border-box;
}

.morenewsbtwraper .morenewsbt {
    display: block;
    width: 100%;
    line-height: 8vw;
    text-align: center;
}

.starbar {
    display: inline-block;
    width: 20vw;
    height: 4vw;
    background: url(../images/mqstore/stars_gray.png) 0 0 no-repeat;
    background-size: 20vw auto;
}

.starbar::after {
    display: block;
    content: "";
    width: calc(20vw * 4.3/5);
    height: 4vw;
    background: url(../images/mqstore/stars_gold.png) 0 0 no-repeat;
    background-size: 20vw auto;
}


.overview {
    margin: 3.6vw 5.6vw;
    background-color: #fff;
    padding: 2.8vw;
    border-radius: 2.8vw;
}

.overview h2 {
    padding: 0 1.4vw;
    line-height: 8.75vw;
    font-size: 3.9vw;
    color: #000;
}

.overview .info {
    display: flex;
    flex-wrap: wrap;
    margin: 2.5vw 0;
    padding: 0 1.4vw;
}

.overview .info.bg {
    background-color: #fdf5e8;
    border-radius: 1vw;
}

.overview .info li {
    width: 33.33%;
    font-size: 2.8vw;
    line-height: 5vw;
    color: #505050;
    padding-bottom: 1.5vw;
}

.overview .info li>span {
    color: #000;
}

.overview .info.bg li {
    line-height: 7.4vw;
    padding-bottom: 0;
}

.overview .info.bg li.gcjs {
    width: 66.67%;
}

.overview .info.bg li.gcjs>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jptjtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8.3vw;
    font-size: 3.3vw;
    font-weight: normal;
    color: #e43a2b;
}

.jptjtitle::before {
    margin-right: 1.8vw;
}