
@charset "UTF-8";
.normal-buyBtn {
    max-width: 100%;
    line-height: 1;
    padding: 0.47em 0 0.57em;
    border-radius: 4em;
    border: 2px solid #222;
    background: #222;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: .2s ease-in-out;
    color: #FFF;
    background: rgb(230, 0, 0);
    background: linear-gradient(90deg, rgb(230, 0, 0) 0%, rgb(255, 77, 77) 50%, rgb(230, 0, 0) 100%);
    font-size: min(calc(100vw * 51 / 768), 51px);
    border-radius: 0;
    border-width: min(calc(100vw * 9 / 768), 9px);
    border-top-color: rgba(255, 255, 255, 0.2);
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-left-color: rgba(255, 255, 255, 0.3);
    display: block;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.normal-buyBtn:hover {
    color: #fff;
    transition: .1s ease-in-out;
    opacity: .6;
}
.normal-buyBtn:after {
    display: block;
    content: "";
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    position: absolute;
    top: 50%;
    right: 5.9%;
    width: 1.15em;
    height: 1.15em;
    border: none;
    background: url(https://www.naris-online.jp/cms/magazine/a2211/09/img/cart.png) no-repeat center center / contain;
    transform: translateY(-50%) rotate(0);
}
.normal-buyBtn span{
    position: relative;
    left: -0.2em;
}

.sect .priceBox {
    display: flex;
    line-height: 1;
}
.sect .priceBox .off {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0;
    width: min(calc(100vw * 240 / 768), 240px);
    font-size: min(calc(100vw * 42 / 768), 42px);
    font-weight: 500;
    min-height: min(calc(100vw * 124 / 768), 124px);
    background: #ff003c;
    color: #fff;
    border-radius: 5px;
}
.sect .priceBox .tax {
    display: inline-block;
    font-size: min(calc(100vw * 24 / 768), 24px);
    margin-left: min(calc(100vw * 16 / 768), 16px);
    transform: translateY(-1px);
}
.sect .priceBox .price-r {
    text-align: right;
    margin-left: min(calc(100vw * 58 / 768), 58px);
}
.sect .priceBox .discount {
    position: relative;
    display: inline-block;
    color: #5a5a5a;
}
.sect .priceBox .discount:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: currentColor;
    position: absolute;
    top: 59%;
    left: 0;
    transform: scaleY(.5);
}
.sect .priceBox .discount .num {
    font-size: min(calc(100vw * 42 / 768), 42px);
}
.sect .priceBox .price {
    display: block;
    color: inherit;
    white-space: nowrap;
    color: #222;
}
.sect .priceBox .discount + .price {
    text-align: right;
    color: #ff003c;
    margin-top: min(calc(100vw * 14 / 768), 14px);
}
.sect .priceBox .discount + .price .num {
    font-size: min(calc(100vw * 60 / 768), 60px);
}