@charset "utf-8";

#suzusalala {
    position: relative;
    background-color: #edfdff;
}

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

#suzusalala .en {
    font-style: normal;
}

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

#suzusalala .en-italic {
    font-style: italic;
}

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

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

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

#suzusalala .text-combin {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}

#suzusalala .text-combine-up {
    text-combine-upright: all;
}

#suzusalala #navi1,
#suzusalala #navi2 {
    padding-top: 150px;
    margin-top: -150px;
}

#suzusalala .itemname {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#suzusalala .other .itemname {
    font-size: 14px;
}

#suzusalala .price {
    font-size: 20px;
}

#suzusalala .other .price {
    font-size: 14px;
}

#suzusalala .itemBtn {
    background-color: #3367ba;
}

#suzusalala .summary {
    border: solid 15px #d7e8f0;
}

#suzusalala .summaryTitle {
    border-bottom: solid 6px #d7e8f0;
}

#suzusalala .marker {
    background: linear-gradient(transparent 74%, rgb(255 230 156) 50%);
    display: inline;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1.5s;
    transform: translateY(100px);
}

#suzusalala .marker.active {
    background-size: 100% 100%;
}

#suzusalala .wave {
    background: url(https://staging-ap01-belluna.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw63a5b8e8/feature/suzusalala/img/250318/wave.webp) bottom repeat-x;
    background-size: 20px;
    display: inline;
    padding-bottom: 5px;
}

#suzusalala .mainCopy {
    top: 2%;
    right: 5%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

#suzusalala .mainCopy li {
    background-color: #3367ba;
}

#suzusalala .mainImage>li:nth-of-type(2) {
    margin-top: 15% !important;
}

#suzusalala .itemLayout {
    top:5%;
    right: 0;
}

#suzusalala .heading {
    position: relative;
}

#suzusalala .heading::after {
    content: '';
    position: absolute;
    top: -15%;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 40px;
    background-color: #1d3994;
}

#suzusalala .boxlink_sold .pricebox:after {
    content: "SOLD OUT";
    font-size: 9pt;
    padding-left: 10px
}

#suzusalala .whatIsNum {
    border-right: 1px solid #608da0;
}

#suzusalala .suzuMore {
    width: 60% !important;
    background-color: #c4d3db;
    border: 0
}

#suzusalala .codeItem img {
    filter: drop-shadow(#ccc 2px 2px 3px);
}

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

    #suzusalala .other .itemname,
    #suzusalala .codeItem .itemname {
        font-size: 14px;
    }
    #suzusalala .other .price {
        font-size: 16px;
    }
    #suzusalala #navi1,
    #suzusalala #navi2 {
        padding-top: 190px;
        margin-top: -190px;
    }
}