@charset "utf-8";

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


/* アシバツナギの選択と施工方法
------------------------------------------------------------*/
.asiba_link {
width:500px;
margin-top:-10px;
margin-bottom:15px;
background:url("../img/bg18.png") 0 0 repeat-x;
padding:3px 8px 0;
border:1px solid #000080;
border-radius:5px;
float:right;
}
.asiba_link p {
margin:5px 0 !important;
padding:0;
/*line-height:1.2;*/
}
.asiba_link img {
border:1px solid #ccc;
margin:3px;
}

/* 商品写真
------------------------------------------------------------*/
#main .grid{
width:50%;
padding:20px 15px 10px;
float:left;
}
#main2{
width:80%;
margin:0 auto;
}
#main2 .grid{
width:50%;
padding:20px 15px 10px;
float:left;
}
#main3 .grid{
width:50%;
padding:20px 15px 10px;
margin:0 auto;
}
#main4 .grid{
width:80%;
padding:20px 15px 10px;
margin:0 auto;
}

.grid .grid_content{
border:1px solid #ccc;
}
.grid .grid_content .text{
font-size:14px;
font-size:1.4rem;
background-color:#eee;
color:#000066;
line-height:1.2;
padding:5px;
}

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

.pdf_link a {
padding: 0 0 0 20px;
background: 0 3px no-repeat url("../img/pdf_m.gif");
}
/* 寸法図
------------------------------------------------------------*/
#size img {
max-width:98%;
height:auto;
}

/* 施工図
------------------------------------------------------------*/
#apply img {
max-width:98%;
height:auto;
}

/* 施工手順
------------------------------------------------------------*/
#apply2 img {
max-width:98%;
height:auto;
}

/* 施工例
------------------------------------------------------------*/
.apply_content img {
max-width:98%;
height:auto;
}

.apply_content .apply_photo {
float:left;
margin:0 10px 10px 0;
}
.apply_content .apply_photo img{
border:1px solid #ccc;
}

/* 他のアシバツナギ
------------------------------------------------------------*/
.other {
padding:5px 10px;
background: url('https://www.iifas.jp/img/bg18.png') 0px 0px repeat-x;
color:#333;
border-radius:8px;
border:1px dashed #006600;
margin:20px 20px 30px;
}
.other p{
margin:0.5em 0;
padding:0;
line-height:1.2;
}
.other .other_title{
color:#000066;
padding:0 0 0 20px;
background: url('https://www.iifas.jp/img/yaz3.gif') no-repeat 2px 3px;
}
.other .other_title a{
color:#000066;
text-decoration:underline;
}
.other .other_title a:hover{
color:#990000;
text-decoration:underline;
}

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

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


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

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

}

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

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

}

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

	.asiba_link {
	width:100%;
	}
}