@charset "utf-8";

/**** Clearfix ****/
#main2:after, #apply .apply_content:after{content:""; display:table;clear:both;}
#main2, #apply .apply_content{zoom:1;}


#spec img {
max-width:98%;
height:auto;
}

table.spec_table td:nth-of-type(2) {
text-align:left;
}
table.spec_table td:nth-of-type(3) {
text-align:left;
}


/* 施工例
------------------------------------------------------------*/
#apply .apply_photo {
float:left;
margin:0 10px 10px 0;
}
#apply .apply_photo img{
border:1px solid #ccc;
}

/* 商品写真
------------------------------------------------------------*/
#main .grid{
width:600px;
padding:20px 15px 10px;
margin:0 auto;
}

#main2 .grid{
width:50%;
padding:20px 15px 10px;
float:left;
}

.grid .grid_content{
border:1px solid #ccc;
}

.grid .grid_content img{
width:100%;
height:auto;
border-bottom:1px solid #ccc;
vertical-align:bottom;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:961px){
}

/* 幅960px以下（iPadサイズ）から
------------------------------------------------------------*/
@media only screen and (max-width:960px){
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	#main .grid{
	width:100%;
	padding:10px;
	}
	#apply img{
	width:100%;
	height:auto;
	}
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

	#main2 .grid{
	width:100%;
	padding:10px;
	}
}

/* 幅360px以下から
------------------------------------------------------------*/
@media only screen and (max-width:360px){

}