/* CSS Document */

#contents_block #productsBox {
    position: relative;
    width: 100%;
    min-width: 980px;
    height: 740px;
    margin: 0 auto;
    overflow: hidden;
}

#contents_block #productsBox.cacao {
    background: #c89b3b url(../img/23_img_bg.jpg) center top no-repeat;
}


#contents_block #productsBox h1 .logo01 {
    position: absolute;
    width: 340px;
    height: auto;
    top: 103px;
    left: 568px;
    opacity: 0;
}

#contents_block #productsBox h1 .logo02 {
    position: absolute;
    width: 285px;
    height: auto;
    top: 38px;
    left: 585px;
    opacity: 0;
}

#contents_block #productsBox h1 .logo03 {
    position: absolute;
    width: 430px;
    height: auto;
    top: 245px;
    left: 523px;
    opacity: 0;
}


#contents_block #productsBox h2 img {
    position: absolute;
    width: 448px;
    height: auto;
    top: 370px;
    left: 550px;
    opacity: 0;
}

#contents_block .cacao .products_note {
    width: 980px;
    height: 740px;
    margin: 0 auto;
    position: relative;
}

#contents_block .cacao .products_note p {
    font-size: 16px;
    line-height: 170%;
    color: #612107;
    position: absolute;
    top: 472px;
    left: 550px;
    width: 380px;
    opacity: 0;
}

#contents_block .cacao .products_note span {
    font-size: 12px;
    line-height: 190%;
    color: #612107;
}

#contents_block #productsBox .pk01 {
    position: absolute;
    width: 360px;
    height: auto;
    top: 52px;
    left: 148px;
    z-index: 100;
}

#contents_block #productsBox .shizuru01 {
    position: absolute;
    width: 260px;
    height: auto;
    top: 480px;
    left: 815px;
    opacity: 0;
}


#contents_block #productsBox .new {
    position: absolute;
    width: 130px;
    height: auto;
    top: 18px;
    left: 852px;
    opacity: 0;
}

#contents_block #productsBox .note01 {
    position: absolute;
    width: 380px;
    height: auto;
    top: 100px;
    left: 550px;
    opacity: 0;
}

#contents_block #productsBox .note02 {
    position: absolute;
    width: 375px;
    height: auto;
    top: 313px;
    left: 540px;
    opacity: 0;
}

#contents_block #productsBox .note03 {
    position: absolute;
    width: 340px;
    height: auto;
    top: 292px;
    left: 595px;
    opacity: 0;
}

#contents_block #productsBox .note01Sp {
    visibility: hidden;
}

#contents_block #productsBox .note02Sp {
    visibility: hidden;
}

#contents_block #productsBox .stick01 {
    position: absolute;
    width: 79px;
    height: auto;
    top: 45px;
    left: -10px;
    opacity: 0;
    z-index: 100;
    visibility: visible;
}

#contents_block #productsBox .stick02 {
    position: absolute;
    width: 229px;
    height: auto;
    top: 55px;
    left: -82px;
    opacity: 0;
    z-index: 0;
    visibility: visible;
}

#contents_block #productsBox .caption {
    position: absolute;
    width: 480px;
    height: auto;
    top: 690px;
    left: 780px;
    display: block;
    height: auto;
    text-align: left;
    font-size: 12px;
    line-height: 160%;
    color: #000;
}


#contents_block .txtRed {
    font-weight: bold;
}


/* smartPhone */
@media screen and (max-width: 640px) {

    body {
        min-width: 320px;
    }

    #contents_block #productsBox {
        position: relative;
        width: 100%;
        min-width: 320px;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }

    /***************
     * 商品
     ***************/
    #contents_block #productsBox.cacao {
        width: 100%;
        height: auto;
        background: #be9130 url(../img/23_img_bg_sp.jpg) center top no-repeat;
        background-size: 100% auto;
        padding-top: 1px;

    }

    #contents_block #productsBox h1 .logo01 {
        position: absolute;
        width: 76vw;
        height: auto;
        top: 117vw;
        left: 5vw;
        opacity: 0;
    }

    #contents_block #productsBox h1 .logo02 {
        position: absolute;
        width: 62vw;
        height: auto;
        top: 104vw;
        left: 11vw;
        opacity: 0;
    }

    #contents_block #productsBox h1 .logo03 {
        position: absolute;
        width: 93vw;
        height: auto;
        top: 149vw;
        left: -4vw;
        opacity: 0;
    }

    #contents_block #productsBox h2 img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 178vw;
        left: 0vw;
    }

    #contents_block #productsBox.cacao .products_note {
        width: 85%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding-top: 1px;
    }

    #contents_block #productsBox.cacao .products_note p {
        font-size: 26px;
        line-height: 180%;
        color: #612107;
        margin: 197vw auto 0 !important;
        position: static;
        width: 100%;
        opacity: 0;
    }

    #contents_block #productsBox.cacao .products_note span {
        font-size: 20px;
        line-height: 190%;
        color: #612107;
    }

    #contents_block #productsBox .pk01 {
        position: absolute;
        width: 66%;
        height: auto;
        top: 6.5vw;
        left: 15vw;
    }


    #contents_block #productsBox .shizuru01 {
        position: absolute;
        width: 45vw;
        height: auto;
        top: 196vw;
        left: 50vw;
        opacity: 0;
    }

    #contents_block #productsBox .new {
        position: absolute;
        width: 23vw;
        height: auto;
        top: 100vw;
        left: 68vw;
        opacity: 0;
    }

    #contents_block #productsBox .note03,
    #contents_block #productsBox .note02,
    #contents_block #productsBox .note01 {
        visibility: hidden;
    }

    #contents_block #productsBox .noteSp {
        position: relative;
        width: 100%;
        height: 140vw;

    }

    #contents_block #productsBox .note01Sp {
        visibility: visible;
        display: block;
        position: absolute;
        opacity: 0;
        width: 100%;
        top: 0vw;
        left: 0vw;

    }

    #contents_block #productsBox .note02Sp {
        visibility: visible;
        display: block;
        position: absolute;
        opacity: 0;
        width: 100%;
        top: 0vw;
        left: 2vw;
    }



    #contents_block #productsBox .stick01 {
        visibility: hidden;
    }

    #contents_block #productsBox .stick02 {
        visibility: hidden;

    }

    #contents_block #productsBox .caption {
        position: relative;
        width: 100%;
        height: auto;
        top: 0px;
        left: 0px;
        display: block;
        height: auto;
        font-size: 1em;
        color: #000;
        margin-bottom: 1em;
    }

}