/*nanaviewplus*/
#sp-content-nanaviewplus {
    background-color: #c2ccb7 !important;
}

/*nanaviewplus*/
#nanaviewplus-header.header-contens {
    background-color: #c2ccb7;
}

#nanaviewplus-globalMenuSp.globalMenuSp {
    background-color: #c2ccb7;
}


/*nanaviewplus*/
#sp-content-nanaviewplus .sp-main-mv {
    background-color: #c2ccb7;
}

#sp-content-nanaviewplus .sp-product-item-copy {
    color: #3f3f3f;
}

#sp-content-nanaviewplus  .sp-product-item-spec {
    color: #ffffff;
}

#sp-content-nanaviewplus .sp-product-item-wrapper {
    /* background-color: #c2ccb7; */
    background: linear-gradient(
    to bottom,
    #c2ccb7 0%,
    #dfe1e0 60%
    );
}

#sp-content-nanaviewplus .sp-product-lineup {
    background-color: #dfe1e0;
}

#sp-content-nanaviewplus .lineup-title {
    color: #cee4ae;
}


/*nanaviewplus*/
#nanaviewplus-pagenation span:nth-child(1) {
    background-color: #bea99d;
}
#nanaviewplus-pagenation span:nth-child(2) {
    background-color: #aeb7b8;
}


#sp-content-nanaviewplus .lineup-name {
    color: #353131;
}

/*nanaviewplus cocoa*/
#cocoa .lineup-item-v {
    background: linear-gradient(180deg, #dfe1e0 0%, #dfe1e0 50%, #edd6ce 50%, #edd6ce 100%);
}



/*nanaviewplus cocoa*/
#cocoa {
    background-color: #edd6ce;
}


/*nanaviewplus cocoa*/
#cocoa h3 {
    display: flex;
    justify-content: center;
    color: #353131;
}



/*nanaviewplus cocoa*/
#cocoa p.kana {
    color: #353131;
}


/*nanaviewplus*/
#cocoa span {
    color: #353131;
}

/*nanaviewplus*/
#cocoa h4 {
    color: #353131;
}

/*nanaviewplus*/
#cocoa p.ex {
    color: #353131;
}

/*nanaviewplus cocoa*/
#cocoa hr {
    border-color: #353131;
}


/*nanaviewplus*/
#nanaviewplus-footer hr {
    color: #353131;
}


#sp-content-nanaviewplus .overlay .package {
    width: 112px !important;
    top: 60px !important;
}

@media (max-width: 780px) {
    #sp-content-nanaviewplus .overlay .package {
        width: calc((112 / 480) * 100vw) !important;
        top: calc((60 / 480) * 100vw) !important;
    }
}

#sp-content-nanaviewplus .churn-ex {
    bottom: 107.6px !important
}

@media (max-width: 780px) {
    #sp-content-nanaviewplus .churn-ex {
        bottom: calc((107.6 / 480) * 100vw) !important
    }
}

#sp-content-nanaviewplus .sp-main-mv {
    display: none;
}
@media (max-width: 780px) {
    #sp-content-nanaviewplus .sp-main-mv {
        display: block;
    }
}
#sp-content-nanaviewplus .sp-main-contents {
    padding-top: 50px;
}
@media (max-width: 780px) {
    #sp-content-nanaviewplus .sp-main-contents {
        padding-top: 0;
    }
}