@charset "utf-8";

#vi26 {
    position: relative
}

#vi26 a:hover {
    text-decoration: none;
}

#vi26 .en {
    font-style: normal
}

#vi26 .en,
#vi26 .en-italic {
    font-family: Cormorant Garamond, serif !important;
    font-weight: 400
}

#vi26 .en-italic {
    font-style: italic
}

#vi26 .serif {
    font-family: Noto Serif JP, serif !important
}

#vi26 .sans-serif,
#vi26 .serif {
    font-weight: 400;
    font-style: normal
}

#vi26 .sans-serif {
    font-family: Zen Kaku Gothic New, sans-serif !important
}

#vi26 .itemname {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

#vi26 .mainContainer .itemname {
    font-size: 16px;
}

#vi26 .mainContainer .otherItem .itemname {
    font-size: 14px;
}

#vi26 .mainContainer .price {
    font-size: 24px;
}

#vi26 .mainContainer .otherItem .price {
    font-size: 18px;
}

#vi26 .mainContainer #item01,
#vi26 .mainContainer #item02,
#vi26 .mainContainer #m1,
#vi26 .mainContainer #m2,
#vi26 .mainContainer #s1,
#vi26 .mainContainer #s2 {
    margin-top: -170px;
    padding-top: 170px;
}

#vi26 .bg {
    background-color: #f8f6f5;
}

#vi26 .bgP {
    background-color: #ffd9e6;
}

#vi26 .bgY {
    background-color: #fff2bd;
}

#vi26 .marker {
    background: linear-gradient(transparent 70%, #ffffff 70%);
}

#vi26 .py-3.characterBox {
    border-radius: 30px 30px 0 0;
}

#vi26 .triangle {
    width: 100%;
    padding-top: 200px;
    position: relative;
    overflow: hidden;
}

#vi26 .triangle::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 50%;
    border-top: 120px solid #ffd9e6;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    transform: translateX(-50%);
}

#vi26 #item02 .triangle::after {
    border-top: 120px solid #fff2bd;
}

#vi26 .campaign:before {
    content: "キャンペーン対象商品";
    color: #ffffff;
    background-color: #f0749f;
    padding: 5px;
    letter-spacing: 2px;
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
}

#vi26 .mainCorner .boxlink_sold .mask:after {
    content: none;
}

#vi26 .mainCorner .boxlink_sold .mask img {
    opacity: 1;
}

@media only screen and (max-width:520px) {
    #vi26 .mainContainer .itemname,
    #vi26 .mainContainer .otherItem .itemname {
        font-size: 12px;
    }
    #vi26 .mainContainer .price,
    #vi26 .mainContainer .otherItem .price {
        font-size: 16px;
    }

    #vi26 .mainContainer #item01,
    #vi26 .mainContainer #item02,
    #vi26 .mainContainer #m1,
    #vi26 .mainContainer #m2,
    #vi26 .mainContainer #s1,
    #vi26 .mainContainer #s2 {
        margin-top: -190px;
        padding-top: 190px;
    }
}