/* CSS Document */

#contents_block #productsBox.zeitaku_almond {
    background: #79c5be url(../img/22_img_bg_almond.jpg) center top no-repeat;
    background-size: 2000px auto;
}

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

#contents_block #productsBox.zeitaku_almond .products_note p {
    font-size: 16px;
    line-height: 180%;
    color: #000;
    position: absolute;
    top: 485px;
    left: 140px;
    width: 500px;
}

#contents_block #productsBox.zeitaku_almond .products_note span {
    font-size: 12px;
    color: #000;
    line-height: 140%;
}

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


    #contents_block #productsBox {
        position: relative;
        margin: 0 auto;
    }

    #contents_block #productsBox a.prev,
    #contents_block #productsBox a.next {
        position: absolute;
        top: 50vw;
        width: 43px;
        height: 64px;
    }

    #contents_block #productsBox.zeitaku_almond {
        width: 100%;
        height: auto;
        background: #79c9c0 url(../img/22_img_bg_almond_sp.jpg) center top no-repeat;
        background-size: 100%;
        padding-top: 1px;

    }

    #contents_block #productsBox.zeitaku_almond .products_note {
        width: 65%;
        margin: 168vw auto 0 30vw;
        height: auto;
        position: relative;
    }

    #contents_block #productsBox.zeitaku_almond .products_note p {
        width: 100%;
        font-size: 26px;
        line-height: 160%;
        position: static;
    }
    
    #contents_block #productsBox.zeitaku_almond .products_note span {
        font-size:16px;
        color: #000;
        margin-top: 10px;
        line-height: 160%;
    }

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

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

}