/* CSS Document */

body {
    min-width: 1180px;
}

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

#contents_block #productsBox.tasty {
    background: #f3af00 url(../img/22_img_bg.jpg) center top no-repeat;
}


#contents_block #productsBox h1 .logo01 {
    position: absolute;
    width: 260px;
    height: auto;
    top: 113px;
    left: 605px;
    opacity: 0;
}

#contents_block #productsBox h1 .logo02 {
    position: absolute;
    width: 365px;
    height: auto;
    top: 260px;
    left: 555px;
    opacity: 0;
}


#contents_block #productsBox h2 {
    opacity: 0;
}

#contents_block #productsBox h2 img {
    position: absolute;
    width: 430px;
    height: auto;
    top: 430px;
    left: 550px;
}

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

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

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

#contents_block #productsBox .pk01 {
    position: absolute;
    width: 355px;
    height: auto;
    top: 55px;
    left: 143px;
    z-index: 100;
}

#contents_block #productsBox .shizuru01 {
    position: absolute;
    width: 310px;
    height: auto;
    top: 495px;
    left: 805px;
    opacity: 0;
}

#contents_block #productsBox .shizuru02 {
    position: absolute;
    width: 410px;
    height: auto;
    top: 300px;
    left: -340px;
    opacity: 100;
}

#contents_block #productsBox .shizuru03 {
    position: absolute;
    width: 360px;
    height: auto;
    top: -120px;
    left: 845px;
    opacity: 0;
}

#contents_block #productsBox .note01 {
    position: absolute;
    width: 195px;
    height: auto;
    top: 22px;
    left: 800px;
    opacity: 0;
}

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

#contents_block #productsBox .note03 {
    position: absolute;
    width: 510px;
    height: auto;
    top: 442px;
    left: 440px;
    opacity: 0;
}

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

#contents_block #productsBox .stick02 {
    position: absolute;
    width: 235px;
    height: auto;
    top: 60px;
    left: -78px;
    opacity: 0;
    z-index: 0;
}


/* 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.tasty {
        width: 100%;
        background: #ffe001 url(../img/22_img_bg_sp.jpg) center top no-repeat;
        background-size: 100% auto;
        padding-top: 1px;

    }

    #contents_block #productsBox h1 .logo01 {
        position: absolute;
        width: 61vw;
        height: auto;
        top: 111vw;
        left: 13vw;
        opacity: 0;
    }

    #contents_block #productsBox h1 .logo02 {
        position: absolute;
        width: 72vw;
        height: auto;
        top: 145vw;
        left: 7vw;
        opacity: 0;
    }

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

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

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

    #contents_block #productsBox.tasty .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 .shizuru03,
    #contents_block #productsBox .shizuru02,
    #contents_block #productsBox .shizuru01 {
        display: none;
    }

    #contents_block #productsBox .note03,
    #contents_block #productsBox .note02,
    #contents_block #productsBox .note01 {
        display: none;
    }

    #contents_block #productsBox .stick01 {
        display: none;
    }

    #contents_block #productsBox .stick02 {
        display: none;

    }

    #contents_block #productsBox.tasty .shizuru {
        width: 100%;
        padding: 50px 0;
    }

    #contents_block #productsBox.tasty .shizuru img {
        width: 100%;
        height: auto;
    }
}