/* style.css */
/* products */
/*--------------------------------------*/

/* title */
#title {
    height:400px;
    background-image:url("../images/products/main_img.jpg");
}

/* coming soon */
.coming {
    padding:0 0 2em;
    text-align:center;
    font-size:2.6em;
}
.coming_soon {
    padding:0 0 2em;
    width:94%;
    margin:0 auto;
}
#contents .coming_soon .text h1 {
    padding-bottom:0.75em;
    line-height:1.4;
    font-size:2.6em;
}

#contents .coming_soon .text h3 {
    padding-bottom:0.5em;
    line-height:2.0;
    font-size:1.0em;
    font-weight: 550
}


/* products block */
.products_block {
    width:94%;
    margin:0 auto;
}
.products_block .block {
    float:left;
    width:47%;
    margin-right:6%;
    margin-bottom:5%;
}
.products_block .block:nth-child(even) {
    margin-right:0;
}

.products_block .block .image {
    float:left;
    width:40%;
    max-width:238px;
}
.products_block .block .image img {
    border:1px solid #cccccc;
}

.products_block .block .text {
    float:right;
    width:56%;
    text-align:left;
}
#contents .products_block .block .text h3 {
    padding-bottom:0.5em;
    line-height:1.4;
    font-size:1.2em;
}
#contents .products_block .block .text p.price {
    margin-bottom:0;
}






/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {

/* title */
#title {
    height:0;
    background-size:cover;
    padding-top:32%;
}

/* products block */
.products_block {
    width:90%;
    margin:0 auto;
}








}
/* - 1200px end */




/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {

/* coming soon */
#contents .coming_soon .text h1 {
    font-size:2.5em;
}
#contents .coming_soon .text h3 {
    font-size:1.0em;
}

/* products block */
#contents .products_block .block .text h3 {
    font-size:1.1em;
}





}
/* - 768px end */




/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

/* title */
#title {
    background-image:url("../images/products/main_img_sp.jpg");
    padding-top:52.66%;
}


/* products block */
.products_block .block {
    float:none;
    width:100%;
    margin-right:0;
    margin-bottom:5%;
}



}
/* - 750px end */




/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {








}
/* - 480px end */